概念步骤
- 工程里创建页面
- 在管理平台里配置菜单
- 给登录的账号的角色分配菜单权限
- 点击菜单即可访问刚才创建的页面
步骤大致就是上述4步,因为项目的页面访问权限,由后端控制,因此,项目里创建了页面之后,还需要配置页面权限。当然,也可以配置无权限页面。
详细步骤
- 在/src/routes下创建自己的页面文件
- 在/config/routers.js中添加路由。(这时候,虽然项目里有这个页面的路由了,但是项目左侧菜单里没有入口)
- 登录管理员账号(如果这个账号既有平台层角色又有组织层角色,右上角切换到平台层角色)。
- 在「菜单搜索」里搜索「菜单配置」,然后进入页面。
- 新建一个目录,或者找到「要建菜单的目录」那一行点击新建。 【类别:目录/菜单】【菜单编码:唯一即可】【菜单名称:菜单名称】【路由:就是你配置在/config/routers.js里的path字段】
- 找到你新建的菜单的行,点击权限集,点击新建,在「权限集编码」「权限集名称」都输入default。(这块实际上后端同事操作会好一点)
- 这时候虽然有这个菜单里,但是你登录的账号的角色还没有这个页面的访问权限。在「菜单搜索」里搜索「角色管理」,然后进入页面。
- 找到角色名称为「???」的行(具体叫什么得后端告诉你,培训环境暂时没有),点击分配权限,找到你刚才新建的菜单,勾上。
- 再用调试用的账号进入项目,菜单和页面就出来了。
注意:有可能步骤【3~8】不由你来操作,因为管理员账号没有提供给前端,你只需要提供步骤2的path字段就行。或者【6~8】都不由你来操作,因为权限集应该按功能模块来建,我们前端并不知道后端的模块,因此只建一个default,本质上是不太合适的。
刷新浏览器,点击刚才建的目录下的菜单,这时候新建的页面就可以打开了。