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

文章详细介绍了如何在RuoYi-Vue项目中进行后端配置修改,包括调整application.yml和generator.yml以适应不同的项目规模。接着,作者展示了新建数据库表结构的过程,并通过若依系统生成代码,指导读者如何将SQL代码引入项目并处理可能出现的错误。最后,提到了利用Excel批量处理假数据来测试新功能。

增删改查导一( ̄︶ ̄*))
按钮换个色一((* ̄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 一(¬‿¬)(¬‿¬)(¬‿¬)一 刷新页面 这不就妥活儿了

在这里插入图片描述

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值