原文链接

关于Thymeleaf的优点，我只说一条：它就是html页面啊，直接可以用浏览器打开。受够了JSP的同学可以尝试一下。

1.在pom.xml文件中添加依赖：

<!--<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>

spring-boot-starter-thymeleaf下面已经包括了spring-boot-starter-web，所以可以把spring-boot-starter-web的依赖去掉。

2.配置属性。其实完全可以使用不用配置，但是Spring Boot官方文档建议在开发时将缓存关闭，那就在application.properties文件中加入下面这行吧：

spring.thymeleaf.cache=false

3.编写Controller类。

package com.yws710.springboot.demo1.controller;

import com.yws710.springboot.demo1.service.UserService;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

@Controller

@RequestMapping("/user")

public class UserController {

    @Autowired

    UserService userService;

    @RequestMapping("/list2")

    public String userList2(Model model) throws Exception {

        model.addAttribute("hello","Hello, Spring Boot!");

        model.addAttribute("userList", userService.userList());

        return "/user/list2";

    }

}

4.创建Thymeleaf模板文件。在classpath:resources下创建一个名为templates的文件夹，在templates的子文件夹user中创建一个名为list2.html的文件。

<!DOCTYPE html>

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

<head>

    <meta charset="UTF-8" />

    <title>用户列表</title>

    <link href="/css/main.css" rel="stylesheet" />

</head>

<body>

    <h1 th:text="${hello}">Hello, Spring Boot!</h1>

    <table>

        <tr>

            <th>ID</th>

            <th>姓名</th>

            <th>生日</th>

            <th>薪资</th>

        </tr>

        <tr th:each="user : ${userList}">

            <td th:text="${user.id}">0</td>

            <td th:text="${user.name}">zhansan</td>

            <td th:text="${user.birthday}">1988-06-01</td>

            <td th:text="${user.salary}">12345</td>

        </tr>

    </table>

    <select>

        <option th:each="user:${userList}" th:value="${user.id}" th:text="${user.name}">我是默认值</option>

    </select>

</body>

</html>

需要注意的是，模板文件中的所有标签都需要闭合哦。meta标签需要这么写：<meta charset="UTF-8" />或者<meta charset="UTF-8"></meta>。但是，难免有疏忽的时候，那怎么办？使用3版本吧。只需要在pom.xml文件中增加如下代码：

    <properties>

        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

        <!-- set thymeleaf version -->

        <thymeleaf.version>3.0.0.RELEASE</thymeleaf.version>

        <thymeleaf-layout-dialect.version>2.0.0</thymeleaf-layout-dialect.version>

    </properties>

这样就不用担心单标签关闭的问题了，更符合书写习惯。

5.启动项目，查看运行结果：

作为对比，直接在浏览器中打开list2.html看看会怎样？

很遗憾，样式文件没加载到。模板文件中是这样写的：

<link href="/css/main.css" rel="stylesheet" />
但是样式文件是在classes/static/css中呢。淡淡的忧伤。
使用如下方式即可很好地解决上述问题。
<link href="../../static/css/main.css" th:href="@{/css/main.css}" rel="stylesheet" />

Spring Boot入门第四天：使用Thymeleaf模板引擎的更多相关文章

  1. Spring Boot入门第五天：使用JSP

    原文链接 1.在pom.xml文件中添加依赖: <!-- Servlet依赖 --> <dependency> <groupId>javax.servlet< ...

  2. Spring Boot入门第三天：配置日志系统和Druid数据库连接池。

    原文链接 一.日志管理 1.在application.properties文件中加入如下内容: logging.level.root=WARN logging.level.org.springfram ...

  3. Spring Boot2(五)：使用Spring Boot结合Thymeleaf模板引擎使用总结

    一.Thymeleaf概述 一般来说,常用的模板引擎有JSP.Velocity.Freemarker.Thymeleaf . SpringBoot推荐的 Thymeleaf – 语法更简单,功能更强大 ...

  4. spring boot / cloud (十四) 微服务间远程服务调用的认证和鉴权的思考和设计,以及restFul风格的url匹配拦截方法

    spring boot / cloud (十四) 微服务间远程服务调用的认证和鉴权的思考和设计,以及restFul风格的url匹配拦截方法 前言 本篇接着<spring boot / cloud ...

  5. Spring Boot 启动（四） EnvironmentPostProcessor

    Spring Boot 启动(四) EnvironmentPostProcessor Spring 系列目录(https://www.cnblogs.com/binarylei/p/10198698. ...

  6. Spring Boot 2.0 整合Thymeleaf 模板引擎

    本节将和大家一起实战Spring Boot 2.0 和thymeleaf 模板引擎 1. 创建项目 2. 使用Spring Initlizr 快速创建Spring Boot 应用程序 3. 填写项目配 ...

  7. spring boot: thymeleaf模板引擎使用

    spring boot: thymeleaf模板引擎使用 在pom.xml加入thymeleaf模板依赖 <!-- 添加thymeleaf的依赖 --> <dependency> ...

  8. Spring Boot 项目学习 (四) Spring Boot整合Swagger2自动生成API文档

    0 引言 在做服务端开发的时候,难免会涉及到API 接口文档的编写,可以经历过手写API 文档的过程,就会发现,一个自动生成API文档可以提高多少的效率. 以下列举几个手写API 文档的痛点: 文档需 ...

  9. Spring Boot 2.X(四)：Spring Boot 自定义 Web MVC 配置

    0.准备 Spring Boot 不仅提供了相当简单使用的自动配置功能,而且开放了非常自由灵活的配置类.Spring MVC 为我们提供了 WebMvcConfigurationSupport 类和一 ...

随机推荐

  1. 安装搭建Python2.* 和3.* 环境详细步骤

    Python是跨平台的,它可以运行在Windows.Mac和各种Linux/Unix系统上. 安装Python 首先进入Python官方网站,将Python下载下来. win7安装python 在官网 ...

  2. Mysqldump 参数大全

    参数 参数说明 --all-databases  , -A 导出全部数据库. mysqldump  -uroot -p --all-databases --all-tablespaces  , -Y ...

  3. Junit Framework -TestRule,自动化测试中如何再次运行失败的测试用例

    有时由于服务器,浏览器等问题,会导致自动化测试用例运行失败,此处通过案例讲解如何使用Junit框架中的TestRule来实现重复运行失败的测试用例. 首先定义一个类并让它实现TestRule,代码如下 ...

  4. 获取验证码的URL后边为什么要加上一个值不断变化的参数？

    $(function(){ $("#change").click(function(){ //修改src属性 $("#imgCode").attr(" ...

  5. Matplotlib 知识点整理

    本文作为学习过程中对matplotlib一些常用知识点的整理,方便查找. 强烈推荐ipython 无论你工作在什么项目上,IPython都是值得推荐的.利用ipython --pylab,可以进入Py ...

  6. asp.net mvc 加三层架构 完美搭配

    http://www.hysql.org/aspnet/20180630/5712.html 先来一张项目的层级结构图: Model:模型层,主要是各种类型.枚举以及ORM框架,框架完成数据库和实体类 ...

  7. （转）PaperWeekly 第二十二期---Image Caption任务综述

    本文转自:http://mp.weixin.qq.com/s?__biz=MzIwMTc4ODE0Mw==&mid=2247484014&idx=1&sn=4a053986f5 ...

  8. 用yarn代替cnpm,cnpm漏包有点严重

    npm 的方式  npm  install  -g  yarn   安装完成后,你可以测试下自己的版本 yarn --version 开始使用 单独安装包的方式add 不是install,后面不用加 ...

  9. (转载)C#：Enum、Int和String的互相转换，枚举转换

    Enum为枚举提供基类,其基础类型可以是除 Char 外的任何整型.如果没有显式声明基础类型,则使用 Int32.编程语言通常提供语法来声明由一组已命名的常数和它们的值组成的枚举.注意:枚举类型的基类 ...

  10. 今天中了一个脚本病毒。把我的所有 html 加了 vbs 脚本，WriteData 是什么鬼？

    今天中了一个脚本病毒.把我的所有 html 加了 vbs 脚本: WriteData 是什么鬼? <SCRIPT Language=VBScript><!-- DropFileNam ...