Spring Boot 教程（四）： Spring Boot 整合 thymeleaf MyBatis，展現用戶信息

時間 2019-12-13

標籤 spring boot 教程整合 thymeleaf mybatis 展現用戶信息欄目 Spring 简体版

原文原文鏈接

教程簡介

本項目內容爲Spring Boot教程樣例。目的是經過學習本系列教程，讀者能夠從0到1掌握spring boot的知識，而且能夠運用到項目中。如您以爲該項目對您有用，歡迎點擊收藏和點贊按鈕，給予支持！！教程連載中，歡迎持續關注！html

環境

IDE： Eclipse Neon
Java： 1.8
Spring Boot： 1.5.12
數據庫：MYSQL前端

本章簡介

上一節介紹了spring boot整合mybatis，本節將在此基礎上整合thymeleaf，完成前端展現用戶信息。git

配置

在pom.xml文件下面添加：spring

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

修改application.properties

# THYMELEAF
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
#開發時關閉緩存
spring.thymeleaf.cache=false

編寫UserMapper

在UserMapper下面添加查詢User方法數據庫

@Select("SELECT * FROM T_USER")
    List<User> findAll();

編寫控制器方法

在UserController下面添加getUserList方法。
因爲上一節咱們使用了@RestController的註解，@RestController的註解是沒法經過視圖解析器解析視圖的，因此咱們修改爲@Controller, 其餘方法咱們使用@ResponseBody的註解。segmentfault

@Controller
public class UserController {

    @Autowired
    private UserMapper userMapper;
    
    @RequestMapping("/saveUser")
    @ResponseBody
    public void save() {
        userMapper.save("ajay", "123456");
    }
    
    @RequestMapping("/findByName")
    @ResponseBody
    public User findByName(String name) {
        return userMapper.findByName(name);
    }
    
    @RequestMapping("/userList")
    public String getUserList(Model model){
        model.addAttribute("users", userMapper.findAll());
        return "user/list";
    }
    
}

編寫用戶信息頁面

在src/main/resources/templates下添加user文件夾，再添加list.html瀏覽器

打開list.html，添加以下代碼：緩存

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="UTF-8"/>
    <title>用戶信息</title>
</head>
<body>

    <table border="1">
        <tr>
            <th>id</th>
            <th>姓名</th>
            <th>密碼</th>
        </tr>
        <tr th:each="user:${users}">
            <td><span th:text="${user.id}"></span></td>
            <td><span th:text="${user.name}"></span></td>
            <td><span th:text="${user.pass}"></span></td>
        </tr>
    </table>

</body>
</html>

程序運行和調試

在Application類中，啓動程序。瀏覽器輸入 http://localhost:8080/userList
瀏覽器展現：
mybatis

本節的目的已經完成。須要注意的是thymeleaf擁有強大語法，值得注意的是html標籤須要修改爲app

<html xmlns:th="http://www.thymeleaf.org">

如下是官方文檔，可供讀者學習thymeleaf語法
https://www.thymeleaf.org/doc...

代碼：gitee.com/shaojiepeng/SpringBootCourse

相關標籤/搜索

boot+mybatis+thymeleaf

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。