增删改查导一( ̄︶ ̄*))
按钮换个色一((* ̄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_incrementcomment '编号', fksystem_name varchar(30) default ''comment '访客名称', fksystem_ageint(3)default nullcomment '年龄', fksystem_addressvarchar(30) default ''comment '住址', fksystem_sexchar(1) default '0' comment '性别(0男 1女)', fksystem_status char(1) default '0' comment '状态(0阴性 1阳性)', fksystem_birthday datetimecomment '日期', primary key (fksystem_id)) engine=innodb auto_increment=1 comment = '访客信息表';

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

三、项目新建模块




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

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



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

接着搞代码生成




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

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

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

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

运行一下 (若过程中出现404接口报错之类的 尝试一下Maven依赖)

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

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

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