最近在调试一个Spring Boot向Thymeleaf模板传参数的例子，但踩了很多坑，这里就把详细过程记录下来，以供大家参考。

先说下，这里遇到哪些坑呢？

1 我用的是IDEA社区版，这不支持JSP，我本来向传到JSP的，由于不支持，所以只能传到HTML。

2 HMML里，必须要引入Thymeleaf模板，否则无法从ModelAndView里接收到参数。

好，然后给出我搭建项目的步骤，先创建一个名为ModelAndViewDemo的Maven项目里，而在下表里，给出了重要文件的说明。

重要文件

说明

pom.xml

引入了该项目所用到的依赖包，尤其地，引入了Thymeleaf的依赖包

SpringBootApp.java

启动类

Controller.java

控制器类，在其中通过ModelAndView对象和前端Thymeleaf交互

Application.properties

配置文件，其中包含了Thymeleaf的相关配置

hello.html

包含Thymeleaf模板的前端页面文件，请注意它是在resources目录的templates目录里，这个目录结构需要和配置文件里的配置保持一致

第一步，在pom.xml里，包含本项目的依赖包，关键代码如下所示。其中，通过第6行到第9行的代码，引入了thymeleaf模板的依赖包。

1  <dependencies>

2	        <dependency>

3	            <groupId>org.springframework.boot</groupId>

4	            <artifactId>spring-boot-starter-web</artifactId>

5	        </dependency>

6	        <dependency>

7	            <groupId>org.springframework.boot</groupId>

8	<artifactId>spring-boot-starter-thymeleaf</artifactId>

9	        </dependency>

10	    </dependencies>

第二步，编写启动类。

1	package prj;

2	import org.springframework.boot.SpringApplication;

3	import org.springframework.boot.autoconfigure.SpringBootApplication;

4	@SpringBootApplication

5	public class SpringBootApp {

6	    public static void main(String[] args) {

7	        SpringApplication.run(SpringBootApp.class, args);

8	    }

9	}

第三步，编写控制器类，代码如下所示。

1	package prj.controller;

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

3	import org.springframework.web.bind.annotation.RestController;

4	import org.springframework.web.servlet.ModelAndView;

5	@RestController

6	public class Controller {

7	    @RequestMapping("/welcome")

8	    public ModelAndView welcome() {

9	        ModelAndView modelAndView = new ModelAndView("hello");

10	        modelAndView.getModel().put("name", "Tom");

11	        return modelAndView;

12	    }

13	}

在第8行的welcome方法里，先是在第9行创建了ModelAndView类型的对象，并通过构造函数，指定该对象里的视图为“hello”，随后通过第10行的代码，在该对象的Model里，以键值对的形式，添加了键是name值是Tom的数据。结合起来看，welcome方法将向hello视图返回一个键值对数据。

第四步，在application.properties里，编写thymeleaf模板的相关参数，具体代码如下。

1	#启用thymeleaf视图

2	spring.thymeleaf.enabled=true

3	#设置Content-Type值

4	spring.thymeleaf.content-type=text/html

5	## 检查模板是否存在，然后再呈现

6	spring.thymeleaf.check-template-location=true

7	# 不启用缓存

8	spring.thymeleaf.cache=false

9	# 构建前缀

10	spring.thymeleaf.prefix=classpath:/templates/

11	# 构建后缀

12	spring.thymeleaf.suffix=.html

在对应的参数项前都有注释，大家可以自行阅读，不过这里有如下两大注意点。

  1. 为了要使用thymeleaf视图，必须要配置如第2行所示的参数。
  2. 第10行和第12行定义的前缀和后缀，会和ModelAndView对象里的视图整合起来使用。比如在Controller.java里，ModelAndView里返回的视图是hello,所以会对应地加上前后缀，加号以后的值是classpath:/templates/hello.html，这样能指定最终跳转到的视图文件位置。

第五步，需要编写包含thymeleaf模板的hello.html页面，代码如下所示。

1	<!DOCTYPE html>

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

3	<head>

4	    <meta charset="UTF-8">

5	    <title>welcome</title>

6	</head>

7	<body>

8	    Welcome:<span th:text="${name}"></span>

9	</body>

10	</html>

其中在第2行，指定了第8行要用到的th标签的命名空间，这是来自于thymeleaf模板。

而在第8行里，通过th:text="${name}"的形式，指定了存放${name}参数的占位符，而具体的name参数值，会来自于后端的返回。从这个页面里，大家能看到thymeleaf模板如下的样式特征。

  1. 本范例中，thymeleaf模板是嵌入在HTML5代码里的，在使用时，需要如第2行所示，引入要用到该模板属性元素的命名空间。
  2. 在诸如html5的前端页面里，可以像第8行那样，通过thymeleaf的语法，设置参数的占位符，这样当后端通过ModelAndView等形式传递来参数时，就能在占位符所在的位置，动态展示。

完成开发后启动该项目，并如控制器里welcome方法之前的@RequestMapping注解所示，在浏览器里输入http://localhost:8080/welcome，就能看到输出“Welcome:Tom“的字样。而从发起请求到展示数据，主要经历了如下的流程。

  1. 根据@RequestMapping注解所定义，http://localhost:8080/welcome请求被welcome方法所处理。
  2. 在welcome方法里设置了返回视图为hello，并设置了name参数的值是Tom。
  3. 根据application.properties里的配置，会根据配置好的前后缀，确定待返回的视图页面，这里是resources（由于该目录是在本项目的classpath里）目录下的templates目录里的hello.html。
  4. 最终会展示hello.html，并在其中thymeleaf模板所定义，在name参数占位符所在的位置展示“Tom”字样。由此展示大家最终看到的结果。

spring boot用ModelAndView向Thymeleaf模板传参数的更多相关文章

  1. Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客

    ==他的博客应该不错,没有细看 Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客 http://blog.csdn.net/u012706811/article/det ...

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

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

  3. Spring Boot学习记录(二)–thymeleaf模板

    自从来公司后都没用过jsp当界面渲染了,因为前后端分离不是很好,反而模板引擎用的比较多,thymeleaf最大的优势后缀为html,就是只需要浏览器就可以展现页面了,还有就是thymeleaf可以很好 ...

  4. Spring Boot Web开发中Thymeleaf模板引擎的使用

    这里使用的是idea 1.新建Spring Boot项目 File-->New-->Project...,然后选择左边的Spring Initializr-->Next,可根据自己的 ...

  5. Spring Boot Web开发与thymeleaf模板引擎

    简介: 使用Springboot应用,选中需要的模块, Spring已经默认将场景配置好了,只需在配置文件中少量配置就可以运行起来 自己编写业务代码 自动配置原理 这个场景Springboot帮我们配 ...

  6. 9、Spring Boot 2.x 集成 Thymeleaf

    1.9 Spring Boot 2.x 集成 Thymeleaf 完整源码: Spring-Boot-Demos 1.9.1 在pom中引入依赖 <dependency> <grou ...

  7. Spring Boot 2.x教程-Thymeleaf 原理是什么

    layout: post title: Spring Boot 2.x教程-Thymeleaf 原理是什么 categories: SpringBoot description: Spring Boo ...

  8. 从零开始的Spring Boot(3、Spring Boot静态资源和文件上传)

    Spring Boot静态资源和文件上传 写在前面 从零开始的Spring Boot(2.在Spring Boot中整合Servlet.Filter.Listener的方式) https://www. ...

  9. spring boot下MultipartHttpServletRequest如何提高上传文件大小的默认值

    前言: 上传下载功能算是一个非常常见的功能,如果使用MultipartHttpServletRequest来做上传功能. 不配置上传大小的话,默认是2M.在有些场景,这个肯定不能满足条件. 上传代码: ...

随机推荐

  1. php小程序-文章发布系统

    php小程序-文章发布系统 一 项目相关视图 二 项目经验 主要用于熟悉php与mysql的相关操作 三 源码下载地址 http://files.cnblogs.com/files/qiujun/ar ...

  2. jQuery读取数据

    1.jQuery读取JSON <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  3. 2019牛客国庆集训派对day2

    A(模拟): #include <bits/stdc++.h> using namespace std; const int inf = 0x3f3f3f3f; const double ...

  4. BZOJ 4516. [Sdoi2016]生成魔咒【SAM 动态维护不同子串数量】

    [Sdoi2016]生成魔咒 动态维护不同子串的数量 想想如果只要查询一次要怎么做,那就是计算各个点的\(len[u]-len[link[u]]\)然后求和即可,现在要求动态更新,我们可以保存一个答案 ...

  5. POJ - 3693 Maximum repetition substring（重复次数最多的连续重复子串）

    传送门:POJ - 3693   题意:给你一个字符串,求重复次数最多的连续重复子串,如果有一样的,取字典序小的字符串. 题解: 比较容易理解的部分就是枚举长度为L,然后看长度为L的字符串最多连续出现 ...

  6. BZOJ4668: 冷战 (并查集 + LCA)

    题意:动态给点连边 询问两个点之间最早是在第几个操作连起来的 题解:因为并查集按秩合并 秩最高是logn的 所以我们可以考虑把秩看作深度 跑LCA #include <bits/stdc++.h ...

  7. 【uva 247】Calling Circles（图论--Floyd 传递闭包+并查集 连通分量）

    题意:有N个人互相打了M次电话,请找出所有电话圈(Eg.a→b,b→c,c→d,d→a 就算一个电话圈)并输出.(N≤25,L≤25,注意输出格式) 解法:由于N比较小所有n^2或n^3的复杂度都没有 ...

  8. HDU 2176 取(m堆)石子游戏 && HDU1850 Being a Good Boy in Spring Festivaly

    HDU2176题意: m堆石子,两人轮流取.只能在1堆中取.取完者胜.先取者负输出No.先取者胜输出Yes,然后输出怎样取子. 通过 SG定理 我们可以知道每一个数的SG值,等于这个数到达不了的前面数 ...

  9. Caocao's Bridges HDU - 4738 找桥

    题意: 曹操在赤壁之战中被诸葛亮和周瑜打败.但他不会放弃.曹操的军队还是不擅长打水仗,所以他想出了另一个主意.他在长江上建造了许多岛屿,在这些岛屿的基础上,曹操的军队可以轻易地攻击周瑜的军队.曹操还修 ...

  10. Codeforces Round #646 (Div. 2) B. Subsequence Hate (思维,前缀和)

    题意:给你一个只含有\(0\)和\(1\)的字符串,每次操作可以将\(0\)改成\(1\)或\(1\)改成\(0\),问最少操作多少次,使得子序列中不含有\(010\)和\(101\). 题解:仔细想 ...