搭建若依系统（含代码生成和权限管理操作指南）

青旅半醒 2022-12-15 11:04 1220阅读 0赞

**目录**

目标

准备环境

搭建若依系统

生成MVC三层架构

创建账号并分配权限

细节优化

时间格式化

色块包裹数据

--------------------

# 目标 #

1.  熟练搭建若依系统；
2.  熟练生成MVC三层架构；
3.  熟练创建账号并分配权限。

--------------------

# 准备环境 #

下载[若依系统（单体架构前后不分离）][Link 1]。

--------------------

# 搭建若依系统 #

**第一步**：创建好数据库，将下载好的压缩包解压，执行sql文件夹下的**quartz.sql**及**ry\_xxx.sql；**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70][]

**第二步**：修改系统相关配置（数据库连接、端口等）；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 1][]

**第三步**：启动项目；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 2][]

**第四步**：访问网页。

访问格式：ip:端口
    账号/密码：admin/admin123

--------------------

# 生成MVC三层架构 #

**业务案例**：根据学生姓名、生日、性别从MySQL数据库查询学生信息。

**第一步**：建立学生表student（注意：建议给字段加备注。）；

CREATE TABLE `student` (
      `id` bigint(10) NOT NULL AUTO_INCREMENT COMMENT '主键',
      `student_name` varchar(32) NOT NULL COMMENT '姓名',
      `sex` tinyint(1) NOT NULL COMMENT '性别',
      `date_of_birth` date NOT NULL COMMENT '出生日期',
      `reserve` int(1) DEFAULT NULL COMMENT '预留字段',
      `reserve2` int(1) DEFAULT NULL COMMENT '预留字段2',
      `reserve3` varchar(1) DEFAULT '' COMMENT '预留字段3',
      `reserve4` varchar(1) DEFAULT '' COMMENT '预留字段4',
      `reserve5` varchar(1) DEFAULT '' COMMENT '预留字段5',
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci

**第二步**：在左侧生成**学生管理**导航条，保存以后刷新页面，此时导航条会有学生管理这个目录；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 3][]

**第三步**：选择要操作的表，我们这里选学生表；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 4][]

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 5][]

--------------------

字段信息：
        插入：insert数据时，是否将该字段插入到表中；
        编辑：update数据时，是否修改该字段；
        列表：展示数据时是否展示该字段；
        查询：展示数据时，该字段是否作为搜索条件；
        字典类型：定义下拉框的下拉数据。
        查询方式：勾选了查询才有效，即该字段以何种方式来搜索。比如：姓名选择like表示模糊查询、性别选择=表示等值查询、出生日期选择Between表示在两个日期之间进行范围查询。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 6][]

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 7][]

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 8][]

--------------------

![20201015231632569.png][]

**第四步**：解压压缩包，导入生成的代码；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 11][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 12][]

**第五步：**重启项目并查看**学生管理目录/学生信息表。**

以下是可能会因为idea自身的格式校验而得问题：
        org.thymeleaf.exceptions.TemplateInputException: Error resolving template异常；
        找不到statementId的异常。
    
    解决：
        找到指定的前端文件或mapper.xml文件，全选内容剪切——>保存——>再粘贴。

**第六步**：注释并修改前端部分代码（略）

--------------------

# 创建账号并分配权限 #

**第一步**：创建账号并分配权限；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 13][]

**第二步**：创建用户并分配权限；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 14][]

**第三步**：退出管理员账号并用新账号登录，如果有且仅出现指定的权限目录，则说明创建账号分配权限成功。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 15][]

--------------------

# 细节优化 #

### **时间格式化** ###

**       方法一（修改后端实体类属性的格式）：**

/** 出生日期 */
        //这里是导出excel的格式
        @Excel(name = "出生日期", width = 30, dateFormat = "yyyy-MM-dd")
        //这里是网页展示的格式
        @JsonFormat(pattern = "yyyy-MM-dd")
        private Date dateOfBirth;

**       方法二（修改前端页面列的格式）：**

{
        field: 'dateOfBirth',
        title: '出生日期',
        formatter: function(value, row, index) {
            //yyyy-MM-dd HH-mm-ss
            return $.common.dateFormat(value, "yyyy-MM-dd");
        }
    }

--------------------

### **色块包裹数据** ###

**       效果：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 16][]

**       方法：**

{
 field: 'sex',
 title: '性别',
 formatter: function(value, row, index) {
 if (value == '0') {
 return '男';
 } else if (value == '1') {
 return '女';
 } else if (value == '2') {
 return '未知';
 }
 }
 }

**       具体色块以下面的style.css文件为准：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 17][]

[Link 1]: https://gitee.com/y_project/RuoYi
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70]: /images/20221123/bfdc69746d934814aa3c948ef1ff563f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 1]: /images/20221123/168b9adcd98643feaa24585b1012003c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 2]: /images/20221123/c706b46184954a668d9f9e71be463308.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 3]: /images/20221123/dad0ed7a5f4b47af9da62cdea3ee8c03.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 4]: /images/20221123/60db42df8c8d4555b632f51f9cedcab0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 5]: /images/20221123/e0bff259d3354de7b9c3c42fc2fd3d23.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 6]: /images/20221123/588d4f5f856b4bef8b5422a688ec8bbd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 7]: /images/20221123/10206f9682be486d93e76ea0f099f17a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 8]: /images/20221123/3f1d71c237904c3ba67f214302ce09ed.png
[20201015231632569.png]: /images/20221123/ac98b36175164a1fb28ba2aa6b437ae5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 9]: /images/20221123/a397d96dc8bf4b58babf72741d029a8f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 10]: /images/20221123/484449b2d6fc48438fb3df48b0694a50.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 11]: /images/20221123/e842dd49a7f54674977492f3bae2bfc0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 12]: /images/20221123/fdbc27ff31574406b23d992e7bce489b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 13]: /images/20221123/c89ba1a38fb34234b871331f1877b812.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 14]: /images/20221123/b0b7640620f34e50b5c07d7967d33780.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 15]: /images/20221123/1d9bf591d41e4cc1acfa84680a166412.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 16]: /images/20221123/3cf73688e44e4a5eb556eced1ae784d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzA2NTcw_size_16_color_FFFFFF_t_70 17]: /images/20221123/0835b6ffdab94f37a878dc6634482e00.png