1.诺依的版本
本次选择RuoYI-Vue框架进行讲解
官网地址:RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 (gitee.com)
2.搭建后端项目
3.初始化后端项目
等待下载完成后:点击Maven的clean,然后点击package,最后点击刷新按钮
- 创建数据库名为:ry-vue
- 导入ry-vue的数据库(先执行下面的sql)
- 在ruoyi-admin中 修改application-druid.yml的数据库密码
- 在ruoyi-admin中 修改application.yml的redis相关信息(启动redis)
- 最后在RuoYiApplication中使用Debug的方式启动
执行结果为下图则表示(启动成功)
4.搭建并初始化前端项目
前端地址:RuoYi-Vue3: 🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统 (gitee.com)
(1) 使用git clone 命令拉取代码到本地并打开
(2) 然后在终端输入npm install下载第三方依赖的下载
(3)最后终端输入npm run dev 启动
5.入门示例
先设计好表的结构,然后交给若依代码生成器进行生成
生成的代码有:
- 后端代码:main
- 前端代码:vue
- 动态代码:courseMenu.sql导入数据库sys_menu
6.系统管理
演示:
RBAC(Role-Based Access Control,基于角色的访问控制)是一种用于限制系统用户访问计算机或网络资源的机制。在RBAC中,权限与角色相关联,而不是直接与用户关联。用户根据其在组织中的职责被分配一个或多个角色,而这些角色则被分配了相应的权限。当用户尝试访问系统资源时,系统会检查用户所属角色的权限,以决定是否允许访问。
示例:
(1)创建统计分析菜单 (创建后需要刷新才显示)
(2)修改课程管理的上级菜单为主类目(之前做5.入门示例的时候就已经创建了)
(3)创建角色和用户
设置用户的默认密码为admin
7.系统管理-数据字典
示例:将课程管理的学科字段修改为数据字典维护
(1)添加字典类型和数据
(2)修改代码生成信息的显示类型为下拉框
(3)下载代码,导入前端
实操:
(1)创建字典类型
(2)点击字典类型的名字,可以对其类型添加字典数据
(3) 这样可以通过在生成代码中可以通过选择下拉框中的字典类型进行
注意:如果之前已经导入了,就只需要重新导入新生成的前端代码views即可
(4)(如果将文本框改为下拉框的话)需要将对应数据库中的subject修改为字典键值
8.系统管理-其他功能
8.1在参数设置 关闭验证码 将登录验证的参数键值设置为false
8.2 通知公告部分,若依平台只支持了基础功能,如需要将公告推送给用户,则需要二次开发
8.3 在日志管理中的操作日志可以查看用户的操作信息,在登录日志中可以查看用户的登录信息
9.系统监控
9.1 定时任务
在ruoyi-quartz中的task中创建定时任务的类,注意要加上@Component注解
9.2 数据监控
系统监控中的数据监控的 (账号:ruoyi 密码:123456)
10. 系统工具
10.1 表单构建
制作表单完整之后复制到前端工程中
因为添加的是course/course/add.vue路径,也要同时添加相同的菜单路径
10.2 代码生成
单表模版:就是对单张表的增删改查
树表模版:有父树和子树,类似于(省、市区、县城、乡村)层级
主子表模版:比如辣度有:不辣、微辣、中辣、特辣
10.3 系统接口
需要token进行权限校验,这时需要在浏览器中进行查看token的值
token的值在Cookies的Admin-Token的值
仅有权限还不够,还需要正确的访问路径,默认是添加/dev-api前缀(根据需要进行修改)
所以对于测试用例中,需要在ruoyi-admin中的application.yml中修改Swagger的请求前缀为:/
11.若依项目结构
(1)后端结构
(2)前端结构
(3)表结构
12.若依二次开发
12.1 使用若依框架修改器,修改后端的代码
使用若依修改器,修改项目的基本信息
使用方式:
(1)对后端的若依项目工程进行压缩打包为zip后缀的压缩文件,然后使用 若依框架修改器
(2) 使用idea打开修改器执行后的代码
- 修改启动类名
12.2 新建业务模块
(例如创建商家相关的模块,所以命名为sky-merchant)
在创建的子模块中加入核心的依赖
在父模块中添加子模块的版本锁定
12.3 添加菜品管理
然后使用代码生成,生成该两张表的代码
记得修改配置后再生成代码
(1)基本信息的修改
(2)字段信息的修改
因为这里的售卖状态值比较固定,可以使用下拉框的方式确定,所以先创建该相关字典类型
对该dish_status设置字典键值
根据要求进行字段信息的修改
(3) 生成信息的修改
因为该生成的模版设置为主子表结构,所以必须填写关联子表的表名和外键名
同理,修改其他生成的关联表
不过只需要修改dish_flavor中的实体类名即可
(4)生成代码并添加到对应的项目中
最后对后端的代码进行clean一次,然后重启
最后,总结一下步骤: