若依ruoyi——手把手教你制作自己的管理系统【三、代码生成】

增删改查导一( ̄︶ ̄*))
按钮换个色一((* ̄3 ̄)╭

********* 专栏略长 ==== 爆肝万字 ==== 细节狂魔 ==== 请准备好一键三连 *********

修改后的页面:
在这里插入图片描述
干干净净贼舒服一Ψ( ̄∀ ̄)Ψ——Ψ( ̄∀ ̄)Ψ一

接下来我们要达到的效果如下(自定义菜单 里面有列表数据回显+增删改查)

在这里插入图片描述
一、修改配置(后端架构 Maven)

单应用 RuoYi-Vue\ruoyi-admin\src\main\resources 中的 application.yml 上手快 前期开发效率高 但想实现传统的三层架构(web/service/dao)多采用分包 而问题就是包之间边界约束不够 (小项目)
多模块 RuoYi-Vue\ruoyi-generator\src\main\resources 中的 generator.yml 有约束力 模块间引用关系明确 项目架构更清晰 从头搭可能慢点 用上模板都差不多。(大项目)
架构直接影响重构的成本

eg:我们写单应用的 application.yml

  author: Ming-Afresh # 开发者,生成到类注释上
  packageName: com.ruoyi.fksystem # 默认生成包路径
  autoRemovePre: true # 是否自动去除表前缀
  tablePrefix: fk # 表前缀/表头名

在这里插入图片描述
二、新建数据库表结构

-- ----------------------------
-- 20、代码生成业务表字段
-- ----------------------------
drop table if exists fk_fksystem;
create table fk_fksystem (
 fksystem_id           int(11)         auto_increment    comment '编号',
 fksystem_name         varchar(30)     default ''        comment '访客名称',
 fksystem_age          int(3)          default null      comment '年龄',
 fksystem_address      varchar(30)     default ''        comment '住址',
 fksystem_sex          char(1)         default '0'       comment '性别(0男 1女)',
 fksystem_status       char(1)         default '0'       comment '状态(0阴性 1阳性)',
 fksystem_birthday     datetime                          comment '日期',
 primary key (fksystem_id)
) engine=innodb auto_increment=1 comment = '访客信息表';

这里 我先加到ry自带的sql里了 方便操作(我可不是懒┗|`O′|┛ 嗷~~)

在这里插入图片描述

在这里插入图片描述

三、项目新建模块
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、若依系统新建一个目录/菜单 生成代码

先测试下 新建页面一个试水(可忽略vue的图1demo 直接跳到下方第二个图片进行目录创建和后面的代码生成

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

注意 组件路径和权限字符不一样 刷新页面 ok成功了

在这里插入图片描述

接着搞代码生成

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

模块名和业务名尽量不重复 > 提交 > 生成代码 > 解压缩 …

五、执行SQL 代码放进项目运行

提交 > 生成代码 > 解压缩后 文件夹中有个sql文件 操作如下:

在这里插入图片描述

然后是往项目里粘代码 直接粘就行 main文件往上面的src上粘; vue文件打开全选后往下面的src上粘

在这里插入图片描述

!!!!!!!!!!!!!如果报错!!!!!!!!!!!!!!!
1.检查一下自己的组件路径 2.检查文件下是否是index.vue的命名文件
运行一下 (若过程中出现404接口报错之类的 尝试一下Maven依赖)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

添加假数据 我是用数据库 导出xls批量操作假数据后 再导入进去的

在这里插入图片描述

我在菜单管理里再完善下访客管理这两个子页

在这里插入图片描述

okk 一(¬‿¬)(¬‿¬)(¬‿¬)一 刷新页面 这不就妥活儿了

在这里插入图片描述

### 若依框架系统接口开发指南 若依框架提供了强大的功能来支持快速开发,特别是针对系统接口的创建和管理。通过该框架,开发者能够高效地构建RESTful API服务。 #### 创建业务模块并集成公共组件 为了更好地组织代码结构,在开始编写具体的API之前,建议先建立一个新的业务逻辑模块。例如,可以新建`ruoyi-student`模块作为专门处理学生信息相关的操作单元[^2]。这有助于保持项目的清晰性和可维护性。接着,确保此新模块已正确引入了必要的依赖项如`ruoyi-common`,以便共享通用的服务和支持类。 #### 自动生成CRUD接口 利用若依框架内置的功能,可以通过简单的配置来自动生成常见的增删改查(CRUD)接口。具体来说,对于数据库中的每一张表,都可以选择合适的模板类型——单表、树形表格或者主子表形式的一对多关系,并让工具自动生成相应的前端页面以及后端控制器和服务层实现[^3]。这种自动化方式不仅节省了大量的编码时间,而且减少了人为错误的可能性。 #### 示例代码片段展示 下面是一个典型的GET请求处理器定义: ```java @RestController @RequestMapping("/api/students") public class StudentController { @Autowired private IStudentService studentService; /** * 获取所有学生的列表. */ @GetMapping("") public List<Student> getAllStudents() { return studentService.list(); } } ``` 上述例子展示了如何设置一个用于返回全部学生记录的方法。注意这里使用了Spring MVC注解来映射HTTP GET方法至特定路径下,并调用了注入的学生服务实例完成实际的数据获取工作。 #### 参考官方文档与社区资源 除了以上介绍的内容外,《手把手您使用Nuxt3框架(Nuxt3中文开发程)》虽然主要面向Vue.js应用服务器端渲染技术栈的学习者,但对于理解前后端分离架构下的API设计也有一定帮助[^4]。不过更重要的是直接查阅若依框架官方网站上的最新版次说明和技术手册,那里包含了最权威的第一手资料。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值