跳到主要内容

菜单管理需求

概述

1、菜单管理是提供给开发人员使用的工具,不是提供给运维人员使用的功能。

2、菜单的新增或删除是需要前端人员进行相应的配合更改vue代码的(前后端分离的)。

3、在菜单中定义标题、标识、权限三个字段。

标识是唯一识别这个菜单的依据,是和前端菜单匹配的标识。

权限是此菜单相应功能url的表达式,如果将此菜单赋予给某个角色,则此角色会拥有此表达式路径下的功能的访问权限,否则不允许其进入。

4、菜单最多支持三级。

权限是此菜单相应功能url的表达式,如果将此菜单赋予给某个角色,则此角色会拥有此表达式路径下的功能的访问权限,否则不允许其进入。

原型

1606111652207

1606111664432

操作体验:

点击添加按钮,显示添加表单,保存后,会添加一个一级节点

点击 添加图标“+” 显示添加表单,为当前节点添加一个子节点,如果超出三级,则添加图标“+”置灰显示不能再继续添加子节点。

点击 删除图标“—”,提示用户:『确定要删除这个菜单吗?如果有子菜单,子菜单也会被一并删除!』。

点击 修改图标,显示修改表单,保存会更新此节点,取消则不会更新此节点。