RuoYi-Vue项目 重点代码讲解

1. RuoYi-Vue项目

常规说明:

  • ruoyi-admin:后台接口开发(主要存放控制层相关代码)
  • ruoyi-common:通用工具
  • ruoyi-framework:框架核心
  • ruoyi-generator:代码生成(可以移除)
  • ruoyi-quartz:定时任务(可以移除)
  • ruoyi-system:系统模块(主要存放实体类、持久层、服务层的代码)

额外说明:

  • ruoyi-ui:若依开发的后台界面(可以使用vscode运行)
  • ruoyi-api:小程序接口开发(有些公司的项目中会有该模块,主要存放控制层相关代码)

       

启动前,需要修改application.xml的配置信息:

需要修改application.xml中的:(注意所使用的环境模式)

  • mysql的相关配置信息
  • redis的相关配置信息

2. 源码分析

我们知道使用RuoYi-Vue的代码生成器:

生成的代码:

  • 前端部分:api(接口)、view(页面)
  • 后端部分:java(java代码)、resources(mapper配置)
  • 还有需要执行的:sys_menu.sql(菜单sql文件)、

只需要将生成的代码进行导入,即可呈现一个简单简洁的模版界面,然后再根据需求去修改该界面

前端的代码比较好理解,无非就是view中的代码实现了什么效果的界面。api就是通过调用后端的控制层所规定的接口,所以我决定

后端的代码讲解

首先,我们先搞明白,到底返回什么对象,响应请求呢?

(1)获取分页列表操作

返回的对象列表是TableDataInfo,需要使用所基础控制层BaseController中的startPage方法对列表进行分页操作

(2)获取对象信息操作

 如果不是获取分页列表信息,而是获取单个对象信息,则使用success返回AjaxResult

当然你也可以使用AjaxResult.success方法,因为当你点击success方法进去查看时,你会发现这返回的就是AjaxResult.success,两种方式实现效果一致:

 

 (3)新增、修改、删除操作

你会发现新增、修改、删除操作都是使用toAjax方法进行返回AjaxResult

 查看toAjax方法,可以发现toAjax是对影响行数进行判断,如果发生了改变就返回执行成功,否则返回执行失败

 

(4)权限注解@PreAuthorize

不知道你们有没有注意到,在控制层中,每个方法上面都有权限注解标识着请求该方法所需要的权限

在菜单管理中,可以发现每个功能的使用,都需要对应的权限

若依框架使用的是RBAC(基于角色的权限控制)

 

前端配置

(1) 前端代码 request.js

在这里可以查看axios实例请求的基础路径:

可以查看不同环境下的请求路径设置

 

(2)前端代码 vue.config.js

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵眸幻翎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值