使用Ruoyi生成代码和使用（第三期）

JasonWarner

已于 2024-11-23 22:51:14 修改

阅读量1.9k

点赞数 25

文章标签： ruoyi springboot java 数据库学习

于 2024-11-17 23:26:11 首次发布

本文链接：https://blog.youkuaiyun.com/m0_46081242/article/details/143839212

版权

1. 对Ruoyi 生成代码分析

1.1 生成代码的好处

1.1.1 提高开发效率

减少重复劳动：在软件开发过程中，很多基础的 CRUD（创建、读取、更新、删除）操作是非常相似的。通过代码生成器，开发者可以自动生成这些基础代码，从而节省大量的时间和精力。
标准化开发流程：代码生成器通常会按照一定的规范和标准生成代码，这有助于保持项目的代码风格一致，提高代码的可维护性和可读性。

1.1.2 加速项目启动

快速搭建框架：对于新项目，代码生成器可以帮助开发者快速搭建起基本的项目框架，包括实体类、DAO 层、Service 层和 Controller 层等，使得项目能够更快地进入功能开发阶段。
降低学习成本：对于新加入团队的开发者，通过生成的代码可以快速了解项目的架构和技术栈，减少学习和上手的时间。

1.1.3 促进敏捷开发

灵活应对需求变化：在敏捷开发模式下，需求经常发生变化。代码生成器可以快速生成新的模块或修改现有模块，以适应需求的变化。
支持持续集成：代码生成器可以与持续集成工具结合使用，实现自动化构建和部署，提高开发和发布的效率。

1.1.4 增强开发体验

提高代码质量：代码生成器通常会遵循最佳实践和编码规范，生成高质量的基础代码，减少因人为疏忽导致的错误。
提供参考模板：生成的代码可以作为参考模板，帮助开发者更好地理解和设计更复杂的业务逻辑。

1.1.5 社区和生态支持

增强社区活跃度：代码生成功能可以吸引更多开发者使用该平台，形成良好的社区氛围，促进技术交流和资源共享。
丰富生态系统：随着越来越多的开发者使用和贡献，代码生成器的功能也会不断丰富和完善，形成更加完善的生态系统。

总结：增加代码生成功能可以显著提高开发效率，减少重复劳动，快速搭建项目框架，适应需求变化，提高代码质量，促进敏捷开发，并增强社区活跃度和生态系统建设，全面加速项目启动和迭代。

2.1 实现生成代码

2.1.1 添加代码模块（添加一个Model）

1. 新建一个模块，如下图

2. 接着你就可以看见项目文件当中多了一个模块包

2.1.2 新建数据表

1. 打开连接Mysql的可视化工具

create table student
(
    id   int(100)  not null primary key,
    name varchar(255),
    code int(100)
);

2.1.3 启动Ruoyi前端和后端

1. 启动前端和后端

1）进入ruoyi-ui 输入以下命令

 #如果没有提前下载好环境，先执行第一句，再执行第二句
npm install 
npm run dev

2）运行 RuoyiApplication，启动ruoyi后台程序

成功后如上

2.1.4 进入系统管理-菜单管理

1. 进入菜单管理，点击新增

2. 设置新的菜单

2.1.5 进入系统工具-代码生成进行增加代码操作

1. 进入ruoyi前台页面

2. 进入代码生成页面点击导入

3. 导入表

4. 进入编辑页面

5. 字段信息查看（不做修改）

6. 生成信息的修改

7. 基本信息如图所示

8. 导出代码

2.1.6 完善最后的操作

1. 先解压文件包，得到如下文件

2. 进入Mysql可视化软件后运行sql文件

成功后如下图

3. 将如下文件移动到ruoyi目录下

1）移动到student文件夹的 com.ruoyi 文件夹下面

2）resourses下的mapper移动到student下的resourse文件夹下

3）将student.js文件移动到项目文件的ruoyi -ui的api文件夹当中

4）将student移动到views的system文件夹下

4. 配置pom文件

1）添加student模块中pom文件的配置

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

2) 增加学生信息模块

<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>student</artifactId>
    <version>${ruoyi.version}</version>
</dependency>

5. 编辑好后，重启ruoyi后端，进入前台页面

6. 进入学生信息

现在看来是乱码的，那么我们修改index.vue即可

7. 修改页面信息