利用若依后台管理系統中的代碼生成器第一次來實現頁面的增刪改查及顯示修改

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);
}

 修改后的效果顯示