關(guān)于springBoot+mybatis+thymeleaf前后端交互的案例分析

小編給大家分享一下關(guān)于springBoot+mybatis+thymeleaf前后端交互的案例分析，相信大部分人都還不怎么了解，因此分享這邊文章給大家學習，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去學習方法吧！

一. 創(chuàng)建新建一個spring-boot項目,如下圖：

二. 選擇依賴

三.點擊完成后，項目結(jié)構(gòu)如下圖：

四. 在resources里面新建index.html,再java里面新建實體類包、控制器包，新建相應的類：Entity.java、userController.java如下圖：

五.在spring-boot里面有個Application.java,這個東西相當于一個main方法，是整個項目的啟動類，所有的代碼都應該設(shè)置在該文件目錄下以便掃描

@SpringBootApplication

public class ThymeleafApplication{

    public static void main(String[]args){

        SpringApplication.run( ThymeleafApplication .class,args );

    }

}

六. 配置thymeleaf模板引擎及mybatis，項目掃描路徑等

spring.thymeleaf.prefix=classpath:/static/
spring.mvc.view.prefix=classpath:/static/
spring.thymeleaf.suffix=.html
spring.thymeleaf.servlet.content-type=text/html
spring.thymeleaf.cache=false
spring.thymeleaf.mode=HTML5

七. 修改 pom.xml，添加依賴

<modelVersion>4.0.0</modelVersion>
 
    <groupId>com.example</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>
 
    <name>thymeleaf</name>
    <description>Demo project for Spring Boot</description>
 
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
 
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
    </properties>
 
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
 
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>
 
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

八. 配置mybatis，打開application.properties，添加數(shù)據(jù)庫連接

spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/car?useUnicode=true&characterEncoding=UTF-8&useSSL=false
spring.datasource.username=root
spring.datasource.password=root
mybatis.type-aliases-package=com.jxjc.domain

九.  實體類User.java

package com.example.entity;
 
public class User {
 
    private String name;
    private Integer id;
    private String classname;
    private String school;
    private String interesting;
    private String sex;
    
    
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getClassname() {
        return classname;
    }
    public void setClassname(String classname) {
        this.classname = classname;
    }
    public String getSchool() {
        return school;
    }
    public void setSchool(String school) {
        this.school = school;
    }
    public String getInteresting() {
        return interesting;
    }
    public void setInteresting(String interesting) {
        this.interesting = interesting;
    }
    public String getSex() {
        return sex;
    }
    public void setSex(String sex) {
        this.sex = sex;
    }
    @Override
    public String toString() {
        return "User [name=" + name + ", id=" + id + ", classname=" + classname + ", school=" + school
                + ", interesting=" + interesting + ", sex=" + sex + "]";
    }
}

十. 控制器userController.java

package com.example.controller;
 
import java.util.ArrayList;
import java.util.List;
 
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
 
import com.example.entity.User;
 
@Controller
@RequestMapping(value = "/user" ,method = RequestMethod.GET)
public class userController {
    @RequestMapping(value = "/list")
    public String listUser(Model model) {
        List<User> userlist = new ArrayList<User>();
        for (int i = 0; i < 10; i++) {
            User user = new User();
            user.setId(i);
            user.setName("張三");
            user.setClassname("計算機一班");
            user.setInteresting("打籃球");
            user.setSchool("武漢生物工程學院");
            user.setSex("男生");
            userlist.add(user);
        }
        model.addAttribute("userList",userlist);
        return "/user/list";
    }

}

十一. 前端HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>thymeleaf</title>
</head>
<body>
<h3>用戶列表</h3>
<div>
    <ul>
        <li th:each="user:${userList}">
        <span th:text="${user.id}"></span>-
        <span th:text="${user.name}"></span>-
        <span th:text="${user.classname}"></span>-
        <span th:text="${user.school}"></span>-
        <span th:text="${user.interesting}"></span>-
        <span th:text="${user.sex}"></span>
        </li>
    </ul>
</div>
</body>
</html>

以上是關(guān)于springBoot+mybatis+thymeleaf前后端交互的案例分析的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！