使用若依框架

接着就是介绍一下前后端的项目目录。

后端代码

先看后端的一些代码结构。

一些模块间的依赖关系。

配置都在 ruoyi-admin 下面。

最主要的两个配置:

  • application.yml:项目中的核心配置
  • application-druid.yml:数据库连接配置

然后介绍了一下表结构,以及表都有什么用。

前端代码

bin 文件夹存放执行脚本,都是用 gb 2312 编码,为了在 Windows 上使用,因为 windows 中文是 gb 2312 编码。

核心配置文件夹是:vite.config.js

若依框架代码生成功能

创建菜单

系统管理-》菜单管理,先建立一个菜单。

写一下名字,图标,路由。

然后确定。

会创建一个菜单。

刷新一下可以看到。

但没有东西。

生成代码

使用 SQL 语句生成代码,先要把 SQL 语句写入数据库里面。

CREATE TABLE `nursing_project` (
  `id` bigint NOT NULL AUTO_INCREMENT COMMENT '编号',
  `name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '名称',
  `order_no` int DEFAULT NULL COMMENT '排序号',
  `unit` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '单位',
  `price` decimal(10,2) DEFAULT NULL COMMENT '价格',
  `image` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '图片',
  `nursing_requirement` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '护理要求',
  `status` int NOT NULL DEFAULT '1' COMMENT '状态(0:禁用,1:启用)',
  `create_by` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '创建人',
  `update_by` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '更新人',
  `remark` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT NULL COMMENT '备注',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`) USING BTREE,
  UNIQUE KEY `name` (`name`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=84 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci ROW_FORMAT=DYNAMIC COMMENT='护理项目表';

原本有 19 张表,现在就是 20 张表了。

然后使用系统工具-》代码生成,点击导入,选择刚刚创建的表。

然后点击编辑。

基础信息不用动,把字段信息,以及生成信息根据自己的需要进行修改。

修改完点击提交,点击下载按钮进行下载。

压缩包有三个部分:

  1. 后端代码
  2. 前端代码
  3. 菜单关系的 SQL 数据

菜单数据库更新

先执行一下 SQL 语句,在 IDEA 中,就是往 sys_menu 中插入一些字段。

后端代码粘贴

先复制一下生成的代码中的 main,然后在 src 上右键,接着 paste。

前端代码粘贴

前端代码有两个部分:

  1. api
  2. views

拖到前端项目的 src 文件夹下面的对应文件夹即可。

测试一下是否有用

如果有端口被占用了,无法打开的话。

输入下面的指令:

netstat -ao | find /i "listening"

查看一下是谁在占用 8080 端口(这里我们后端使用的端口是 8080,如果你更改了,就改成别的。),找到其 pid。

taskkill /F /IM 占用8080的pid

这时候再启动就可以开启了。

这里就可以看到可以添加护理项目了。

说明生成的代码有效。

查看自动生成的代码

后端

可以通过 ai 直接添加注释,便于查看。

IDEA 可以看整体代码的结构,快捷键是 Alt + 7

控制层代码继承了 BaseController。

BaseController 返回值有两个:

  • TableDataInfo
  • AjaxResult

学习了一下分页逻辑。

前端

添加了一个新的菜单。

在 view 中添加新的 vue 文件,即可以在 web 页面看到修改的。

前后端的接口得一一对应。

作业

在若依项目中构建新模块

http://doc.ruoyi.vip/ruoyi/document/htsc.html#%E6%96%B0%E5%BB%BA%E5%AD%90%E6%A8%A1%E5%9D%97

看这一个内容。

先创建一个 module。

统一一下,使用 jdk 11。

在 root 目录的 pom 添加业务依赖,把新加的模块给加上。

然后在新的模块下的 pom 文件中,把 common 依赖给加上。

admin 模块下,加上刚才的护理业务模块。

然后把刚才在 admin 文件夹下面的文件 controllerdomain, mapper, service, 之类的放到新的模块中。

注意包名。

还有 mapper 文件也注意包名,否则无法扫描到。

可以看 admin 模块下的 resources/application.yml 中有扫描的配置。

# MyBatis配置  
mybatis:  
  # 搜索指定包别名  
  typeAliasesPackage: com.zzylml.**.domain  
  # 配置mapper的扫描,找到所有的mapper.xml映射文件  
  mapperLocations: classpath*:mapper/**/*Mapper.xml  
  # 加载全局的配置文件  
  configLocation: classpath:mybatis/mybatis-config.xml

接着就是添加几个 record,测试一下行不行。

可以跑通就可以了。