SpringBoot整合MyBatis及Thymeleaf

http://www.cnblogs.com/ludashi/archive/2017/05/08/6669133.html

上篇博客咱們聊了《JavaEE開發之SpringBoot工程的建立、運行與配置》，從上篇博客的內容咱們不難看出SpringBoot的便捷。本篇博客咱們繼續在上篇博客的基礎上來看一下SpringBoot是如何引入和使用MyBatis和Thymeleaf的。在以前的博客中咱們提到過Hibernate，今天博客所引入的Mybatis所扮演的角色與Hibernate相似，都是一套ORM框架，主要負責持久化的，也是將數據庫中的數據直接映射爲Model的框架。

而Thymeleaf就是一個模板引擎了，與以前咱們聊得PHP中的Smarty模板引擎相似。若是大家的Web工程是先後端分離的，那麼就用不着Thymeleaf等模板引擎了。本篇博客要作的事情就是在SpringBoot工程中引入MyBatis，而後經過MyBatis所提供的映射方法以及註解來讀取數據庫中的信息。而後使用Thymeleaf模板在前端進行數據的展現。

咱們以前在聊Swift開發服務端的內容，也就是Perfect框架時，用到了MySQL相關的東西。本篇博客咱們就使用Perfect框架以前所操做的數據庫就好了。關於Swift的Perfect框架的相關內容，請移步於《Swift中的服務端框架---Perfect》系列博客。由於以前聊過MySQL相關的東西了，本篇博客就不作過多贅述了。關於MySQL的安裝，請參見以前發佈的博客《macOS Sierra安裝Apache2.4+PHP7.0+MySQL5.7.16》。本篇博客，咱們就把重點放到Spring Boot中的MyBatis和Thymeleaf上。

 

1、MyBatis的引入與使用

1.配置pom文件

首先咱們來看一下如何在Spring Boot中引入MyBatis。首先咱們在http://mvnrepository.com/中找到Mybatis Spring Boot Starter相關的Mvn倉庫鏈接。以下所示，從下方截圖中，咱們不難看出，目前MyBatis Spring Boot Starter的最新版本是1.2.0。不過本篇博客中咱們使用的是1.1.1版本，由於我引入1.2.0後，個人SpringBoot工程根本啓動不了，因而換成1.1.1版本就OK了。

　　

在pom.xml添加上下方的配置項，引入mybatis-spring-boot-starter和mysql-connector-java相關配置。mysql-connector-java顧明思議，就是鏈接MySQL數據庫使用的依賴包。pom.xml中的配置以下。

        <!-- https://mvnrepository.com/artifact/org.mybatis.spring.boot/mybatis-spring-boot-starter -->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.1.1</version>
        </dependency>
        
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.38</version>
        </dependency>

 

 

二、配置MySQL數據庫鏈接

由於咱們使用的是Spring Boot引入的MyBatis, Mybatis Spring Boot Starter會爲咱們作好多自動化的配置，好比SqlSessionFactory的建立等等。須要咱們作的就是在application.properties文件中進行數據庫鏈接的相關配置便可。下方就是咱們在配置文件中添加的鏈接數據庫的相關信息。主要配置了數據庫鏈接的路徑，數據庫的用戶名以及密碼，數據庫的驅動。

#Config MySQL Connect Info
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/perfect_note
spring.datasource.username=root
spring.datasource.password=admin!@#
spring.datasource.driver-class-name=com.mysql.jdbc.Driver

 

 

三、建立Model類

接下來咱們就來建立數據庫中的相應數據所要映射的數據Model類。接下來咱們就來操做perfect_note數據庫中的content表，以下所示。下方數據庫及數據庫中的數據是咱們以前在聊Perfect框架時所使用的數據，本篇博客咱們依然對該數據進行操做。

　　

根據上述cotent表中的字段，咱們來建立該表所對應的model類。下方這個Content類就是咱們所建立的content表所對應的Model。具體以下所示。

　　

 

 

4.建立映射接口

接下來咱們來建立數據庫表與Model直接的映射接口。在該接口中提供了數據與Model直接的映射關係，而且提供了相關的SQL操做。下方的ContentMapper接口就是咱們建立的content表與ContentModel之間的映射關係。而且在該接口中的方法所對應的註解中，提供了相應的SQL操做。

在ContentMapper接口的query()方法中，該方法所對應的SQL語句是「select * from content」，也就是查詢全部content中的數據。@Results註解提供了數據庫表的字段與Model的屬性的映射關係。下方指定了表字段"id"與"contentId"對應，字段名"create_time"與「createTime」屬性相對應，而未指定的就是字段名與屬性名一致。

queryById()就是帶有條件的查詢方法了。其參數就是查詢的條件。經過@Param註解進行條件與參數的綁定。具體代碼以下所示。

　　

 

 

五、建立測試用的Controller

爲了簡便期間，咱們就不建立DAO層了，就直接在Controller中來調用上述接口中的方法便可。下方這個MyBatisTestController就是咱們建立的用來測試上述操做的測試控制器。固然咱們將該控制器聲明爲@RestController以便咱們對其進行測試。而後使用@Autowired註解注入ContentMapper類型的對象，咱們能夠經過該對象來操做上述接口中所對應的方法。queryContentById()方法，對應的是contentMapper中的queryById()方法，queryAll()方法對應的是Mapper中的query()方法，具體代碼以下所示。

下方咱們直接將獲取到的Model或者Model數組進行返回，在Spring Boot中，直接返回的Model會被映射成相應的JSON格式的數據的，這個稍後咱們會直觀的看到。

　　

 

六、訪問上述路由

咱們先訪問/queryContentById這個路由，再訪問這個路由時，咱們要提供一個參數contentId。也就是用來查詢數據的條件。下方截圖中的結果就是咱們對contentId=6的條件查詢的結果。

　　

接下來咱們來查詢一下全部的數據，也就是訪問queryAll路由。具體結果以下所示。

　　

 

 

2、Thymeleaf模板的引入與使用

上面引入MyBatis算是妥了，之後的博客中還會繼續對MyBatis的相關東西進行介紹。接下來咱們就引入Thymeleaf模板，而後顯示咱們使用MyBatis讀取到的相關數據。下方咱們就來看一下在Spring Boot中是如何整合Thymeleaf模板的

 

一、配置pom.xml文件

在pom.xml中添加Thymeleaf在Spring Boot中相關的庫，具體以下所示：

        <!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-thymeleaf -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
            <version>1.5.2.RELEASE</version>
        </dependency>

 

二、建立模板使用的Controller

緊接着，咱們就來建立模板所對應的Controller，以下所示。下方咱們依然使用注入的ContentMapper對象來獲取數據。而後將獲取的數據添加到model對象中，在添加時，咱們會爲該數據對象指定一個參數名稱，以下方的"contents"。而後返回模板頁面便可，下方的「display」就是咱們模板頁面所在的文件名稱。

　　

 

三、建立模板頁面

而後咱們就該建立模板頁面了，也就是此處的display.html。下方就是display.html頁面的全部內容。其中咱們爲數據的顯示添加了一些css樣式，並使用CDN引入了目前最新版本的Bootstrap。下方帶有「th:」前綴的屬性就是Thymeleaf模板的標籤。

首先使用「th:if="${not #lists.isEmpty(contents)}"」來判斷contents屬性所對應的值是否爲空，若是不爲空，則執行標籤中的內容。而後使用th:if="${not #lists.isEmpty(contents)}"來遍歷contents中的內容，相似於while循環。經過th:each="content:${contents}"取出每一項的數據。經過th:text="${content.contentId}"取出某個屬性的值。具體內容以下所示。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta content="text/html;charset=UTF-8"/>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<title>Content</title>
</head>
<body>
    <div class="center-block" style="width:800px" th:if="${not #lists.isEmpty(contents)}">
        <div class="row"  style="height:50px;  color: #ffffff">
          <div class="col-md-1">CotentId</div>
          <div class="col-md-2">Title</div>
          <div class="col-md-5">Cotent</div>
          <div class="col-md-1">UserId</div>
          <div class="col-md-2">CreateTime</div>
        </div>
        <div th:if="${not #lists.isEmpty(contents)}">
            <div class="row" th:each="content:${contents}" style="height:40px; margin-top: 1px; color: #ffffff">
              <div class="col-md-1"><span th:text="${content.contentId}"></span></div>
              <div class="col-md-2"><span th:text="${content.title}"></span></div>
              <div class="col-md-5"><span th:text="${content.content}"></span></div>
              <div class="col-md-1"><span th:text="${content.userID}"></span></div>
              <div class="col-md-2"><span th:text="${content.createTime}"></span></div>
            </div>
        </div>
    </div>
    
</body>
</html>

 

四、訪問上述路由

建立完展現用的模板後，接下來咱們要作的事情就是要對其進行訪問了。下方截圖就是咱們最終的訪問結果。

　　

本篇博客就先到這兒吧，之後還會使用到MyBatis的其餘內容，到時候再細說。

本篇博客所涉及代碼的github地址：https://github.com/lizelu/SpringBootProject

 

做者：青玉伏案 
出處：http://www.cnblogs.com/ludashi/ 
本文版權歸做者和共博客園共有，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接，不然保留追究法律責任的權利。 
若是文中有什麼錯誤，歡迎指出。以避免更多的人被誤導。