EIP低代码平台-菜单与菜单按钮配置

EIP低代码平台-菜单与菜单按钮配置功能讲解

开源框架模块详解｜码云开源EIP低代码平台

一、模块基础概念

1.1 菜单配置模块作用

菜单模块是EIP低代码平台负责系统导航架构、页面入口管控、访问权限隔离的基础核心模块。主要用于搭建系统左侧树形导航结构，管理所有功能页面的访问入口，控制不同角色用户可查看哪些菜单、可进入哪些业务页面。

传统开发模式中，系统菜单、导航层级全部写死在前端代码中，新增业务模块、调整菜单排序、修改菜单名称、隐藏无用菜单都需要修改源码、打包部署，迭代效率极低。EIP低代码平台支持后台可视化配置菜单结构，所有导航变更实时全局生效，真正实现零代码维护系统导航架构。

1.2 菜单按钮配置模块作用

菜单按钮模块是依附于菜单页面、负责页面级精细化操作权限管控的核心模块，与菜单导航相互独立。菜单控制「能不能看见页面、能不能进入页面」，菜单按钮控制「进入页面后能执行哪些操作」。

系统每个菜单页面可独立配置专属按钮，包含新增、编辑、删除、批量操作、导入、导出、打印、自定义业务按钮等。支持按角色分配按钮权限，实现不同账号进入同一页面，展示的操作按钮完全不同，满足企业岗位权限隔离、最小权限管控规范。

1.3 权限入口与管控说明

菜单管理路径：【系统管理】→【权限设置】→【菜单管理】

菜单按钮配置：内嵌于对应菜单编辑页面，单页面独立配置、互不干扰。

两大模块均依托框架RBAC精细化权限体系管控，仅超级管理员、系统配置管理员拥有配置权限，防止导航结构、操作权限被随意篡改，保障系统安全合规。

二、菜单配置功能详解

2.1 页面布局说明

页面顶部支持菜单名称、路由地址、菜单类型多维度模糊检索，可快速定位指定业务菜单，适配大规模系统多模块导航的高效运维场景。

2.2 顶部功能操作工具栏

功能按钮	功能说明
新增	新建一级菜单目录、二级功能页面菜单，支持无限级树形导航搭建
编辑	修改菜单名称、图标、路由、排序、状态、是否隐藏、备注等全部配置
删除	清理无效菜单，存在子级菜单的父目录自动拦截删除，避免导航结构错乱
刷新	实时同步最新菜单树形结构，刷新页面导航数据
展开/收拢	全局展开或收拢树形菜单，快速查看完整导航层级

2.3 菜单列表字段释义

菜单采用无限级树形表格结构，适配各类复杂系统导航层级，核心字段作用如下：

1. 菜单名称：系统左侧导航对外展示的文字名称，可自定义适配业务场景。

2. 菜单图标：导航前置展示图标，后台可视化选择配置，统一系统视觉风格。

3. 路由地址：页面唯一路由标识，绑定前端组件，控制页面跳转路径。

4. 菜单类型：分为目录、页面，目录用于归类收纳子菜单，页面用于实际功能访问。

5. 排序号：自定义数字排序，数值越小，导航展示优先级越高。

6. 是否隐藏：支持前台隐藏菜单，隐藏后不展示、配置数据保留，可随时恢复。

7. 状态：启用/禁用开关，禁用后所有用户无法访问该菜单页面。

8. 操作记录：全程记录创建人、修改人、操作时间，满足审计追溯要求。

2.4 新增菜单实操流程

点击新增按钮，按需配置字段即可快速搭建导航：

1. 上级菜单：不选上级为一级根菜单（系统管理、业务管理等大类），选择上级即为二级/多级子菜单。

2. 菜单名称：必填项，设置导航展示名称。

3. 菜单图标、路由、类型：按需选择图标、填写规范路由、区分目录/页面类型。

4. 排序、隐藏、状态：灵活控制菜单展示顺序与访问权限。

5. 备注：记录菜单业务用途，方便团队运维交接。

三、菜单按钮配置功能详解

3.1 功能独立说明

菜单按钮配置为独立权限模块，不依附菜单导航结构，仅绑定对应功能页面。菜单解决「页面访问权限」，菜单按钮解决「页面操作权限」，二者分离设计，让系统权限颗粒度更精细、权限配置更灵活。

3.2 核心配置能力

1. 全类型按钮自定义配置：支持新增、编辑、删除、批量操作、导入、导出、打印、自定义业务按钮，无需前端硬编码。

2. 独立权限编码：每个按钮拥有独立权限标识，单独绑定角色权限，实现精准权限控制。

3. 状态灵活管控：支持按钮显示、隐藏、禁用、排序调整，后台配置实时生效。

4. 页面差异化权限：不同角色进入同一页面，可展示不同操作按钮，完美适配岗位权限隔离场景。

3.3 应用场景

管理员可配置：普通员工仅查看页面、部门主管可编辑、超级管理员可删除与导出，无需改动代码，后台一键配置即可实现多层级权限管控。

四、两大模块核心业务价值

1. 权限分层、职责清晰：菜单管页面入口、按钮管页面操作，双层权限架构，彻底解决传统系统权限粗糙、管控模糊的问题。

2. 全可视化零代码维护：导航搭建、菜单调整、按钮新增、权限分配全部后台可视化配置，无需开发介入，无需打包发版。

3. 适配复杂业务系统：无限级菜单导航+精细化按钮权限，可完美支撑OA、ERP、招投标、智慧监管、MES等各类大中型管理系统。

4. 权限标准化、全局统一：全系统菜单、按钮权限统一规范管理，杜绝权限混乱、配置杂乱，系统迭代更稳定。

5. 合规可追溯：所有菜单变更、按钮权限调整全程留痕，满足企业内控、政务审计、项目合规要求。

五、开源框架获取 & 配套能力

整套 EIP低代码平台 全套源码开源、支持私有部署、源码无阉割。

✅ 获取渠道：前往【码云Gitee】搜索：EIP低代码平台(https://gitee.com/sunzewei/eip_lowcode.git)，关注仓库即可免费下载源码 + 部署文档 + 全套使用教程

✅ 技术栈：.NET10 + Vue2 + VxeTable，兼容 Windows Server(IIS)、Linux(Ubuntu) 双服务器部署方案

✅ 内置企业级组件：菜单导航配置、菜单按钮权限、RBAC精细化权限、流程引擎、表单引擎、数据字典、定时任务、文档预览打印、短信消息、行政区划等全套基座能力

✅ 落地场景：可快速二次开发搭建招投标系统、工程机械ERP、智慧应急平台、MES生产管理、企业OA、政务后台等各类管理系统

六、结语

EIP低代码平台采用菜单与按钮分离式权限架构，以配置驱动、灵活扩展、精细管控为核心优势，彻底解决传统系统导航固化、权限粗糙、迭代成本高的痛点。框架拒绝SaaS绑定，完全支持源码私有部署，自研低代码基座开箱即用，可快速落地各类行业业务系统，欢迎前往码云仓库 Star、关注、交流学习。