若依代码生成详细教程

简介: 我觉得若依官方的代码生成教程过于简单,网上的教程很多连个效果图都没有。本文要达到的效果如下:[学生管理] 下有个 [学生信息] 菜单,里面可以增删改查。
若依官网的代码生成文档

我觉得若依官方的代码生成教程过于简单,网上的教程很多连个效果图都没有。。


本文要达到的效果如下:[学生管理] 下有个 [学生信息] 菜单,里面可以增删改查
在这里插入图片描述

1、修改代码生成配置

这步其实可做可不做。
  • 单应用:编辑ruoyi-adminresources目录下的application.yml
  • 多模块:编辑ruoyi-generator中的resources目录下的generator.yml

我们这里做的是单应用,所以改ruoyi-admin里的application.yml

author: lzy # 开发者姓名,生成到类注释上
packageName: com.ruoyi.student # 默认生成包路径
autoRemovePre: true # 是否自动去除表前缀
tablePrefix: stu # 表前缀

在这里插入图片描述

2、新建数据库表结构(单表)

若依建表有个要求:表字段,都需要加注释注释就是生成页面的显示内容

这个sql和官网的sql除了表名其他都一样,我们用这个建表
(如果是用图形化工具或者自己写SQL一定要记得加注释)

drop table if exists stu_student;

create table stu_student (
  student_id           int(11)         auto_increment    comment '编号',
  student_name         varchar(30)     default ''        comment '学生名称',
  student_age          int(3)          default null      comment '年龄',
  student_hobby        varchar(30)     default ''        comment '爱好(0代码 1音乐 2电影)',
  student_sex          char(1)         default '0'       comment '性别(0男 1女 2未知)',
  student_status       char(1)         default '0'       comment '状态(0正常 1停用)',
  student_birthday     datetime                          comment '生日',
  primary key (student_id)
) engine=innodb auto_increment=1 comment = '学生信息表';

3、项目中新建模块,并解决项目依赖的关系

①新建一个名为 ruoyi-student 的模块:
在这里插入图片描述
在这里插入图片描述
②我们要在 RuoYi 整个项目下的pom.xml中引入刚刚新建的模块:
在这里插入图片描述

<!-- 学生模块-->
<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>ruoyi-student</artifactId>
    <version>${ruoyi.version}</version>
</dependency>

③还需要在ruoyi-admin这个模块的pom.xml中引入刚刚新建戴尔模块:
在这里插入图片描述

<!--学生模块-->
<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>ruoyi-student</artifactId>
</dependency>

④由于自动生成的代码会用到ruoyi-common中的内容,我们需要将ruoyi-common引入到我们新建的模块中:(不做这个后面代码会报错,也会自动引入)
在这里插入图片描述

<dependencies>
    <dependency>
        <groupId>com.ruoyi</groupId>
        <artifactId>ruoyi-common</artifactId>
    </dependency>
</dependencies>

4、若依系统中新建一个目录 - 学生管理

在这里插入图片描述
但是现在只是建好了目录,里面还没有内容,所以打开是404。
在这里插入图片描述

5、导入一开始建的表并设置上级目录,生成代码

把刚刚新建的表导入:
在这里插入图片描述
导入后点击 [编辑] ,[生成信息] :建议把生成模块名生成业务名写的不一样,否则后面可能会遇到问题,后面运行时会讲到。
在这里插入图片描述
设置完毕后,生成代码。

这里说明一些上面填的东西会生成什么

  • 生成包路径 com.ruoyi.student,就是生成的后端代码的包路径

在这里插入图片描述

  • 生成模块名生成业务名一起构成后端代码里自动生成的请求路径,即页面路径

在这里插入图片描述
在这里插入图片描述

6、执行生成的SQL

自动生成的压缩包里有个SQL,这是用来生成菜单的,去数据库里执行一下这个SQL。
在这里插入图片描述
执行完后【学生管理】下就有【学生信息】这个菜单了,但是旁边还没有页面,因为我们代码还没放进项目。
在这里插入图片描述

7、将生成的代码放入项目中

①将自动生成的代码文件main目录直接复制到我们的新建模块的src下,替换原本的main目录。
在这里插入图片描述

若此时报错则是该模块没有引入ruoyi-common,见第3步的④。

②将templates目录拷贝到ruoyi-admin目录下的resources中:
在这里插入图片描述

8、重启项目,访问页面

注意:如果在上面取名的时候, 生成模块名生成业务名取的是一样的,可能会遇到一个问题:将代码从Idea移到项目中时候,windows会将相同的两层文件夹自动合并。
比如: templates.student.student.会被合并为 templates.student,此时在Idea里右键改名是没用的(它会把文件夹名字改为 student.student,并不是两层文件夹),需要去磁盘里手动调整目录,再回来运行。
在这里插入图片描述

一定要重启!然后就可以访问了。
在这里插入图片描述
然后按自己的需要修改,定制。

相关文章
|
开发框架 小程序 JavaScript
基于mpvue框架的小程序项目搭建入门教程一
基于mpvue框架的小程序项目搭建入门教程一
151 0
|
JavaScript
若依代码生成自带导入功能
若依代码生成自带导入功能
563 0
|
5月前
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
3483 3
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的在线考试系统附带文章和源代码
基于SpringBoot+Vue的在线考试系统附带文章和源代码
57 1
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的 在线文档管理系统附带文章和源代码
基于SpringBoot+Vue的 在线文档管理系统附带文章和源代码
116 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue的在线教学平台附带文章和源代码
基于SpringBoot+Vue的在线教学平台附带文章和源代码
52 0
|
7月前
uniapp项目实践第二章:使用vscode开发uniapp项目
uniapp项目实践第二章:使用vscode开发uniapp项目
1417 0
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤
基于mpvue的小程序项目搭建的步骤
101 0
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤一
基于mpvue的小程序项目搭建的步骤一
91 0