SpringBoot【SpringMVC+mybatis完成CRUD案例】

一时失言乱红尘 2022-01-31 06:11 298阅读 0赞

### 文章目录 ###

*  一、创建项目
 *   *  1.创建maven项目
     *  2.完成相关配置
     *   *  2.1 pom添加相关依赖
         *  2.2 全局配置文件
         *  2.3 表结构设计
         *  2.4 创建实体类
 *  二、实现业务
 *   *  1.查询用户信息
     *   *  1.2 创建业务层
         *  1.3 创建控制层
         *  1.4 创建展示页面
         *  1.5 启动测试
     *  2.添加用户信息
     *   *  2.1 mapper中增加添加用户的操作
         *  2.2 业务层
         *  2.3 控制层处理
         *  2.4 页面处理
         *  2.5 测试
     *  3.修改用户信息
     *   *  3.1 mapper层
         *  3.2 业务逻辑层
         *  3.3 控制层
         *  3.4 展示层
         *  3.5 测试
     *  4.删除用户信息

本文介绍SpringBoot整合SpringMVC和mybatis在IDEA中通过maven项目来对user表数据完成CRUD操作，前端使用Thymeleaf来实现。

# 一、创建项目 #

## 1.创建maven项目 ##

创建maven项目  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]

指定项目的相关maven坐标信息

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 1]

配置项目相关的信息，比如项目名称及项目的存储位置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 3]

创建成功~

## 2.完成相关配置 ##

### 2.1 pom添加相关依赖 ###

在pom中添加相关的依赖:

<parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.1.4.RELEASE</version>
    </parent>
    
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.3.2</version>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.0.14</version>
        </dependency>
    </dependencies>

### 2.2 全局配置文件 ###

在main/src/resources目录下创建application.properties文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 4]

# jdbc的相关配置信息
    spring.datasource.driverClassName=com.mysql.jdbc.Driver
    spring.datasource.url=jdbc:mysql://localhost:3306/ssm
    spring.datasource.username=root
    spring.datasource.password=123456
    # 连接池
    spring.datasource.type=com.alibaba.druid.pool.DruidDataSource
    # mybatis给package设置别名
    mybatis.type-aliases-package=com.dpb.pojo

### 2.3 表结构设计 ###

&esmp; 创建如下的数据表

CREATE TABLE `users` (
    `id` int(11) NOT NULL AUTO_INCREMENT, 
    `name` varchar(255) DEFAULT NULL, 
    `age` int(11) DEFAULT NULL, PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

### 2.4 创建实体类 ###

创建user的实体类

/** * @program: springboot-ssm * @description: 用户的实体类 * @author: 波波烤鸭 * @create: 2019-05-15 19:41 */
    public class Users { 
    
        private Integer id;
    
        private String name;
    
        private Integer age;
    
        public Integer getId() { 
            return id;
        }
    
        public void setId(Integer id) { 
            this.id = id;
        }
    
        public String getName() { 
            return name;
        }
    
        public void setName(String name) { 
            this.name = name;
        }
    
        public Integer getAge() { 
            return age;
        }
    
        public void setAge(Integer age) { 
            this.age = age;
        }
    }

# 二、实现业务 #

## 1.查询用户信息 ##

1.1 创建mapper接口和映射配置文件，简单案例就没有使用mybatis的逆向工程生成相关文件了

/** * @program: springboot-ssm * @description: 用户实体对应的mapper接口 * @author: 波波烤鸭 * @create: 2019-05-15 19:46 */
    public interface UsersMapper { 
        /** * 查询所有的用户信息 * @return */
        List<Users> query();
    }

映射文件，注意在resources下创建mapper文件，将映射文件放入此文件夹下

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    <mapper namespace="com.dpb.mapper.UsersMapper">
        <select id="query" resultType="Users">
            select * from t_user
        </select>
    </mapper>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 5]

application.properties中添加对应的设置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 6]

### 1.2 创建业务层 ###

/** * @program: springboot-ssm * @description: 业务层的实现类 * @author: 波波烤鸭 * @create: 2019-05-15 19:55 */
    @Service
    @Transactional
    public class UserServiceImpl implements UsersService { 
    
        @Resource
        private UsersMapper usersMapper;
    
        @Override
        public List<Users> query() { 
            return usersMapper.query();
        }
    }

### 1.3 创建控制层 ###

/** * @program: springboot-ssm * @description: 用户的控制层 * @author: 波波烤鸭 * @create: 2019-05-15 19:57 */
    @Controller
    @RequestMapping("/users")
    public class UsersController { 
    
        @Resource
        private UsersService usersService;
    
        /** * 页面跳转 */
        @RequestMapping("/{page}")
        public String showPage(@PathVariable String page){ 
            return page;
        }
    
        /** * 查询用户信息 * @return */
        @RequestMapping("/query")
        public String queryUser(Model model){ 
            model.addAttribute("list",usersService.query());
            return "users";
        }
    
    }

### 1.4 创建展示页面 ###

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>用户管理界面</title>
    </head>
    <body>
        <h1>用户管理</h1>
        <table border="1" style="width:300px;">
            <tr>
                <th>用户 ID</th>
                <th>用户姓名</th>
                <th>用户年龄</th>
            </tr>
            <tr th:each="user : ${list}">
                <td th:text="${user.id}"></td>
                <td th:text="${user.name}"></td>
                <td th:text="${user.age}"></td>
            </tr>
        </table>
    </body>
    </html>

### 1.5 启动测试 ###

在com.dpb 下创建启动类

/** * @program: springboot-ssm * @description: 启动类 * @author: 波波烤鸭 * @create: 2019-05-15 19:39 */
    @SpringBootApplication
    //@MapperScan 用户扫描MyBatis的Mapper接口
    @MapperScan("com.dpb.mapper")
    public class Start { 
        public static void main(String[] args) { 
            SpringApplication.run(Start.class,args);
        }
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 7]

操作成功~

## 2.添加用户信息 ##

### 2.1 mapper中增加添加用户的操作 ###

void insertUser(Users users);

<insert id="insertUser" parameterType="Users">
         insert into t_user(name,age)values(#{name},#{age})
     </insert>

### 2.2 业务层 ###

@Override
     public void insertUser(Users users) { 
         usersMapper.insertUser(users);
     }

### 2.3 控制层处理 ###

/** * 添加用户信息 * @return */
        @RequestMapping("/save")
        public String insertUser(Users users){ 
            usersService.insertUser(users);
            return "redirect:/users/query";
        }

### 2.4 页面处理 ###

userAdd.html页面

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>用户管理界面</title>
    </head>
    <body>
        <h1>添加用户</h1>
        <form th:action="@{/users/save}" method="post">
            用户姓名：<input type="text" name="name"/><br/>
            用户年龄：<input type="text" name="age"/><br/>
            <input type="submit" value="确定"/><br/>
        </form>
    </body>
    </html>

### 2.5 测试 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 8]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 9]

## 3.修改用户信息 ##

### 3.1 mapper层 ###

Users queryById(Integer id);
    
        void update(Users users);

<select id="queryById" resultType="Users">
            select * from t_user where id = #{id}
        </select>
    
        <update id="update" parameterType="Users">
            update t_user set name=#{name},age=#{age} where id = #{id}
        </update>

### 3.2 业务逻辑层 ###

@Override
        public Users queryUsersById(Integer id) { 
            return this.usersMapper.queryById(id);
        }
    
        @Override
        public void updateUser(Users users) { 
            this.usersMapper.update(users);
        }

### 3.3 控制层 ###

@RequestMapping("/updateInfo")
        public String updateInfo(Model model,Integer id){ 
            model.addAttribute("users",this.usersService.queryUsersById(id));
            return "/usersUpdate";
        }
        @RequestMapping("/update")
        public String updateUser(Users users){ 
            this.usersService.updateUser(users);
            return "redirect:/users/query";
        }

### 3.4 展示层 ###

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>用户管理界面</title>
    </head>
    <body>
        <h1>添加用户</h1>
        <form th:action="@{/users/update}" method="post">
            <input type="hidden" name="id" th:value="${users.id}">
            用户姓名：<input type="text" name="name" th:value="${users.name}"/><br/>
            用户年龄：<input type="text" name="age" th:value="${users.age}"/><br/>
            <input type="submit" value="确定"/><br/>
        </form>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 10]

### 3.5 测试 ###

启动程序，访问演示

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 11]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 12]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 13]

## 4.删除用户信息 ##

后台代码  
控制层

@RequestMapping("/delete")
    public String delete(Integer id){ 
        this.usersService.delete(id);
        return "redirect:/users/query";
    }

业务层

@Override
     public void delete(Integer id) { 
         this.usersMapper.delete(id);
     }

mapper

void delete(Integer id);

<delete id="delete">
        delete from t_user where id=#{id}
    </delete>

页面处理

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 14]

测试搞定

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 15]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 16]

~好了，到此SpringBoot+SpringMVC+Mybatis+Thymeleaf的CRUD案例完成！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]: /images/20220131/aa38e68004b249949c5aca73b1227d79.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 1]: /images/20220131/fcb07cbda4954a3cbc3a0652978b371c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 2]: /images/20220131/68a75d5e8030417c8a4b42952e24332a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 3]: /images/20220131/e557f88a755c4afeaebca337fe176d00.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 4]: /images/20220131/bd5c17474ced49fcb3b9943a0fe1cacd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 5]: /images/20220131/ef9008cd0b0e4a17973a95a62de0f27f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 6]: /images/20220131/9e0f92c74a6a42c5aa6a48dad88b5e59.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 7]: /images/20220131/0860b71933ff4759ad3d8d1ca8d8e247.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 8]: /images/20220131/cf1bc1b6bffe471da8614dbe19c9beba.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 9]: /images/20220131/600d286068cf4dbcbc6d6d66f5a39bca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 10]: /images/20220131/985e12e41e9347df9697a40790366057.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 11]: /images/20220131/995c5fff5e094d68a543c0d3a6b3ca2a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 12]: /images/20220131/dcb6dcd98df64c1cbf0e209213e698fd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 13]: /images/20220131/7e1eeceddca248f9aa3df9b17acc42bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 14]: /images/20220131/f123a7068ca445c2b39f2fcea44e3420.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 15]: /images/20220131/4cd5027115af43e8a516884834e93954.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9kcGItYm9ib2thb3lhLXNtLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70 16]: /images/20220131/be893dd68497435391937225fa45ee8d.png