spring-boot-thymeleaf模板

2019-04-14 15:26发布生成海报

站内文章 / 模拟电子

9915 0

spring boot 使用thymeleaf模板

maven工程项目结构这里写图片描述

引入thymeleaf模板

pom.xml文件

<dependencies>
    <dependency>
        <groupId>org.springframework.bootgroupId>
        <artifactId>spring-boot-starter-webartifactId>
    dependency>

    <dependency>
        <groupId>org.springframework.bootgroupId>
        <artifactId>spring-boot-devtoolsartifactId>
        <scope>runtimescope>
    dependency>
    <dependency>
        <groupId>org.springframework.bootgroupId>
        <artifactId>spring-boot-starter-testartifactId>
        <scope>testscope>
    dependency>

    <!-thymeleaf模板->
    <dependency>
        <groupId>org.springframework.bootgroupId>
        <artifactId>spring-boot-starter-thymeleafartifactId>
    dependency>
dependencies>

修改application.yml

spring:
  thymeleaf:
    cache: false
    mode: HTML5
    content-type: text/html
    encoding: UTF-8

ThymeLeafController.java文件 userList = new ArrayList<>(); for (int i=0; i < 9; i++){ User user = new User(); user.setFirstName("Mark-"+i); user.setLastName("Otto-"+i); user.setEmail(i+"-@mdo"); userList.add(user); } model.addAttribute("userList", userList); model.addAttribute("tableName","用户信息表"); return "home/index"; } }" data-snippet-id="ext.dcba841109c25310135aeebeb381176b" data-snippet-saved="false" data-codota-status="done">

@Controller
public class ThymeLeafController {

    @RequestMapping("/index")
    public String index(Model model){

        List userList = new ArrayList<>();
        for (int i=0; i < 9; i++){
            User user = new User();
            user.setFirstName("Mark-"+i);
            user.setLastName("Otto-"+i);
            user.setEmail(i+"-@mdo");
            userList.add(user);
        }
        model.addAttribute("userList", userList);
        model.addAttribute("tableName","用户信息表");
        return "home/index";
    }

}

User.java文件

public class User implements Serializable {
    private static final long serialVersionUID = -8247895014315042187L;

    private String firstName;
    private String lastName;
    private String email;
    //getter and setter...
}

index.html文件


<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>spring boot 使用thymeleaf模板title>

    
    <link th:href="@{/assets/bootstrap-3.3.5-dist/css/bootstrap.css}" rel="stylesheet" />
    <script th:src="@{/js/jquery-3.2.1.js}">script>
    <script th:src="@{/assets/bootstrap-3.3.5-dist/js/bootstrap.js}">script>

head>
<body>

<div style="width: 400px; height: 300px; margin-left: 300px; margin-top: 100px;">
    <h1 th:text="${tableName}">h1>
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>#th>
                <th>idth>
                <th>First Nameth>
                <th>Last Nameth>
                <th>Usernameth>
            tr>
        thead>
        <tbody>
            <tr th:each="user, iterRow: ${userList}">
                <td th:text="${iterRow.odd} ? '奇数': '偶数'">td>
                <td th:text="${iterRow.index}">td>
                <td th:text="${user.firstName}">td>
                <td th:text="${user.lastName}">td>
                <td th:text="${user.email}">td>
            tr>
        tbody>
    table>
div>
body>
html>