利用若依后台管理系统中的代码生成器第一次来实现页面的增删改查及显示修改

1、修改代码生成配置

单应用编辑 resources 目录下的 application.yml
多模块编辑 ruoyi-generator 中的 resources 目录下的 generator.yml
author: # 开发者姓名，生成到类注释上
packageName: # 默认生成包路径
autoRemovePre: # 是否自动去除表前缀
tablePrefix: # 表前缀

我使用的是该系统的默认配置

2、新建数据库表结构（单表）

drop table if exists sys_student;
create table sys_student (
  student_id           int(11)         auto_increment    comment '编号',
  student_name         varchar(30)     default ''        comment '学生名称',
  student_age          int(3)          default null      comment '年龄',
  student_sex          char(1)         default '0'       comment '性别（0男 1女 2未知）',
  student_status       char(1)         default '0'       comment '状态（0正常 1停用）',
  student_birthday     datetime                          comment '生日',
  remark               varchar(500)    default null      comment '备注',
  primary key (student_id)
) engine=innodb auto_increment=1 comment = '学生信息表';

该数据表摘抄自若依后台手册中代码生成样例中

3、登录系统（系统工具 -> 代码生成 -> 导入sys_student表）

导入成功后，如下图，会显示该表的详细信息

4、代码生成列表中找到需要表（可预览、修改、删除、生成代码配置）

5、点击生成代码会得到一个ruoyi.zip 执行sql文件，按照包内目录结构复制到自己的项目中即可

6、现在开始修改页面相关显示问题并熟悉该框架的过程

因为代码生成器只会生成默认的基础配置，个别选项内容显示不美观，需要我们使用该系统的数据字典优化显示

搜索查询状态框默认生成代码

 

<li>
  <label>状态：</label>
  <select name="studentStatus">
    <option value="">所有</option>
    <option value="-1">代码生成请选择字典属性</option>
  </select>
</li>

 

修改后的代码

<li>
  <label>状态：</label>
  <select name="studentStatus" th:with="type=${@dict.getType('sys_normal_disable')}">
    <option value="">所有</option>
    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
  </select>
</li>

修改查询列表中，状态列的显示(注：只截取部分重要代码，并非全部代码，其中部分方法为该系统内部封装方法，如需详细了解，请查看若依官方开发文档)

var datas = [[${@dict.getType('sys_normal_disable')}]];

field: 'studentStatus',
title: '状态',
align: "left",
formatter: function(value, item, index) {
  //回显数据字典
  return $.table.selectDictLabel(datas, item.studentStatus);
}

 修改后的效果显示