基于 RuoYi-Vue 做一个健身会员管理系统

本文介绍了如何基于 RuoYi-Vue 脚手架开发一个健身房会员管理系统的菜单定制过程。作者首先说明了动态菜单的两种实现方案，一是后端动态返回菜单数据，二是前端动态渲染菜单。接着，作者分析了 RuoYi-Vue 项目中的菜单实现方式，并提供了具体的菜单定义和菜单数据的自定义方法。

1. 动态菜单分析

1.1 两种方案

动态菜单可以根据用户角色显示不同的菜单项。一种是后端动态返回菜单数据，如微人事项目所用，后端根据用户角色返回权限内的资源组织成 JSON 数据。另一种是前端动态渲染，适用于权限简单的项目，菜单和角色关系写在前端代码中。

1.2 菜单分析

RuoYi-Vue 采用的是后端动态返回菜单数据，即服务端返回菜单信息后前端渲染。通过直接修改 sys_menu 表或使用系统管理提供的菜单管理页面来定制菜单。

1.3 代码分析

服务端代码通过 menuService.selectMenuTreeByUserId 方法查询菜单并进行层级排序处理，再通过 menuService.buildMenus 方法进行前端所需的二次处理。

2. 自定义菜单数据

作者提供了自定义健身会员管理系统菜单的 SQL 脚本，可以通过修改数据库表或菜单管理页面进行菜单的添加。

3. 自定义页面

根据后端的 component 字段，创建前端的 Vue 页面。每个 Vue 文件暂时只包含简单的占位内容，后续将补充完整。

4. 项目地址

作者提供了项目的 GitHub 地址，供读者参考和跟踪项目的成长过程。

https://github.com/lenve/tienchin