扫码阅读
手机扫码阅读

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

35 2024-11-28

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

查看原文:基于 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

想要了解更多内容?

查看原文:基于 RuoYi-Vue 做一个健身会员管理系统
文章来源:
江南一点雨
扫码关注公众号