[DncZeus帮助文档]新建你的页面

DncZeus 作者: Rector 923 次阅读 · 读完约需 3 分钟 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

新建你的页面

本文将从头开始,一步一步带你创建属于你的页面,以及讲解在制作页面时需要注意的地方。

示例页面

  • 标题:示例页面
  • 英文名称:demo_page
  • 页面路径:demo/demo-page

注意:这里的”英文名称”和”页面路径”都非常重要,要分别确保全局惟一,两者在后续的路由配置和菜单权限配置时需要使用。

前端项目(DncZeus.App)

新建视图页面

src/view/目录是用于存放视图页面的目录,在此目录中新建[demo]目录,再在[demo]目录中新建页面[demo-page.vue]

新建示例视图页面

打开demo-page.vue文件,配置这个文件的名称为:demo_page,并编写代码(这里仅为示例代码),如下:

这样,我们的前端项目(DncZeus.App)[示例]页面就创建完成了,接下来需要在后台配置示例页面相关的菜单以及访问和按钮权限。

配置菜单和权限

配置菜单

打开后台[菜单管理]地址: http://localhost:9000/rbac/menu

添加[示例菜单],如下:

添加示例菜单

添加[示例页面],如下:

添加示例页面

其中的”菜单别名”要与前端路由中的name属性值要保持一致,而”URL地址”要与前端路由中的path属性的值保持致,否则菜单将无法显示。

配置按钮权限

再打开[权限管理]地址: http://localhost:9000/rbac/permission

添加[示例页面]用到的菜单权限和按钮权限

[示例页面]的”查看”菜单权限:

添加示例页面的访问权限

[示例页面]的”新增”按钮权限:

添加示例页面的新增按钮操作权限

最后,打开[角色权限分配]地址:http://localhost:9000/rbac/role-permission, 为对应角色分配[示例页面]的相应权限即可,如下图:

为示例页面的角色分配权限

特别注意:当只有一个子菜单时,将忽略父级菜单而直接显示子菜单!!!

阅读了该文章的人还浏览了...

本文永久链接码友网 » [DncZeus帮助文档]新建你的页面

发布于: 2018-12-27 13:58:11
分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册