基于SpringBoot和LayUI的CRUD实验

后端：

1. SpringBoot
2. MyBatisX插件
3. druid数据库连接池
4. mysql数据库
5. lombok
6. devtools

前端：

1. thymeleaf
2. layui

github项目源码

CREATE DATABASE crud CHARACTER SET utf8mb4;


CREATE TABLE t_dept(
	dept_id INT COMMENT'部门编号' PRIMARY KEY AUTO_INCREMENT ,
    dept_name varchar(20) not null comment'部门名',
	dept_work VARCHAr(20) NOT NULL COMMENT'部门工作'
);
CREATE TABLE t_emp(
	emp_id INT  COMMENT'员工编号' PRIMARY KEY AUTO_INCREMENT,
	emp_name VARCHAr(40) NOT NULL COMMENT'员工姓名',
	emp_dept INT COMMENT'外键，部门编号',
	emp_salary DECIMAL(10,2) COMMENT'员工工资',
	emp_space VARCHAr(20) COMMENT '员工工作地区',
	FOREIGN KEY (emp_dept) REFERENCES t_dept(dept_id)
);

Layui官方文档
Thymeleaf官方文档
根据官方文档配置即可，抽取公共部分使用的是thymeleaf举例如下：

公告页面头部：

引用公告页面头部：

插入员工和修改员工为同一页面，在修改时回显，在添加时显示默认信息：

            

                姓名
                

                
                    
                
            

            

                工资
                

                
                    
                
            

            

                工作地点
                

                    
                    
                        
                        北京
                        上海
                        广州
                        深圳
                        西安
                        安徽
                        青青草原
                        狼堡
                    
                
            

            

                部门
                

                
                    
                    
                
            

            

                

                    立即提交
                    重置
                
            
        

后端传递的list为emps：

            
                (员工姓名)
                (员工工资)
                (工作地点)
            

为了实现：

操作栏中可选择修改和删除操作，所以请求必须携带员工的ID，所以需要使用请求路径参数

                
                    修改
                    删除
                

使用MyBatisX插件快速生成基础代码

#配置druid
spring:
  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    username: 
    password: 
    url: 
    type: com.alibaba.druid.pool.DruidDataSource