Java AI+若依框架项目开发 RuoYi-Vue(SpringBoot + Vue)

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一次,然后重启

最后,总结一下步骤:

  • 25
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
"ruoyi-基于springboot vue的前后端分离权限管理系统.zip" 是一个基于SpringBootVue的前后端分离的权限管理系统。以下是对该系统的详细说明: 这个系统是一个完全分离前后端的架构,使用了现代化的前端技术Vue.js和后端框架SpringBoot。它的设计目标是实现一个可靠、安全、易用的权限管理系统。 系统的前端部分使用Vue.js库进行开发,它充分利用了Vue.js的组件化和响应式特性,从而提供了一个良好的用户界面和交互体验。前端页面可以动态地响应用户的操作,并与后端进行数据交互。通过Vue-router插件,系统实现了页面的路由功能,使用户能够方便地在不同的页面之间进行切换和导航。此外,系统还使用了Element UI库,该库提供了丰富的组件和样式,可以大大提高开发效率。 系统的后端部分使用了SpringBoot框架,它是一种快速开发Java应用程序的框架。SpringBoot具有自动配置、快速启动、约定大于配置等特点,可以让开发人员更专注于业务逻辑的实现。后端部分负责处理前端发送的请求,并进行权限验证、数据查询和操作等后端逻辑。同时,系统还使用了MyBatis框架来操作数据库,它是一种简化了数据库访问的框架,能够有效地提高数据库操作的效率。 此外,系统还具有权限管理的功能。它能够根据不同的角色对用户进行权限控制,实现用户的分级管理和权限的授权。系统管理员可以在后台管理界面对用户进行管理,并配置他们的角色和权限。通过这种方式,可以保护系统的安全性,并限制用户对敏感数据的访问。 总之,ruoyi-基于springboot vue的前后端分离权限管理系统.zip 是一个功能强大且易于使用的权限管理系统,它综合运用了SpringBootVue.js的优势,提供了一个完整的前后端分离架构,可以满足不同应用场景下的权限管理需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值