one icon indicating copy to clipboard operation
one copied to clipboard

生成的代码在one-ui的index模块里,请问如何新建module进行前端模块开发

Open olight opened this issue 7 years ago • 3 comments

code-gen生成的ui,生成在index模块里... 登录后入口是index.html 所有动作都在index.htm/#/xxxx/xxxxx 进行单页切换, 在菜单上配的链接会定位到 index.htm/#/后面。 请问,我新建的独立module,名称为network,里面有配套api、router、views等,还有network.html/vue/js.... 1.如何在菜单上配置url到该network.html页面入口? 2.index.html读取时加载许多初始化数据、菜单数据,network模块的html入口如何继承在index模块上,不再加载过多的head、sidebar数据?? (前端小白)

olight avatar Oct 26 '18 08:10 olight

如何在菜单上配置url到该network.html页面入口?

network.html 这个页面是没有的,network应该是属于index.html页面里面的一个路由。

index.html读取时加载许多初始化数据、菜单数据,network模块的html入口如何继承在index模块上,不再加载过多的head、sidebar数据??

  1. head、sidebar里面的数据不用管
  2. 你新添加的network模块需要分别添加前端路由和后端菜单
    • 前端路由:在 src\module\index\router文件夹下面建立network文件夹并建立自己的路由(比如:/network/test),在home.js文件中将自己的路由引入到总路由里面。
    • 后端菜单:在菜单管理里面新增菜单权限(链接为:/network/test),分配给相应的角色。
  3. 用户登录之后,后台查询出其相应的菜单权限,点击菜单的时候页面会切换到相应的路由上。

lcw2004 avatar Oct 31 '18 03:10 lcw2004

按您上述说的这种配置方式,是否是多页模式。想进行多页开发multi-page的话,就是这样的方式进行吗?

olight avatar Nov 04 '18 11:11 olight

这个不是多页模式,这只是多页模式(index.html)里面的一个SPA的一个router。

具体的多页模式你可以看一下src/module/account,src/module/login,src/module/index这三个文件夹,这三个文件夹就是三个SPA应用。

你可以看一下 wiki 开发(前端界面)

lcw2004 avatar Nov 04 '18 15:11 lcw2004