pring-bootthymeleaf模板学习

快看小说网
静态资源访问
在我们开发Web应用的时候，需要引用大量的js、css、图片等静态资源。

创新互联公司主营清河网站建设的网络公司,主营网站建设方案,成都app软件开发公司,清河h5重庆小程序开发搭建,清河网站营销推广欢迎清河等地区企业咨询

默认配置
Spring Boot默认提供静态资源目录位置需置于classpath下，目录名需符合如下规则：

/static
/public
/resources
/META-INF/resources
举例：我们可以在src/main/resources/目录下创建static，在该位置放置一个图片文件。启动程序后，尝试访问http://localhost:8080/D.jpg。如能显示图片，配置成功。

渲染Web页面
在之前的示例中，我们都是通过@RestController来处理请求，所以返回的内容为json对象。那么如果需要渲染html页面的时候，要如何实现呢？

模板引擎
在动态HTML实现上Spring Boot依然可以完美胜任，并且提供了多种模板引擎的默认配置支持，所以在推荐的模板引擎下，我们可以很快的上手开发动态网站。

Spring Boot提供了默认配置的模板引擎主要有以下几种：

Thymeleaf
FreeMarker
Velocity
Groovy
Mustache
Spring Boot建议使用这些模板引擎，避免使用JSP，若一定要使用JSP将无法实现Spring Boot的多种特性，具体可见后文：支持JSP的配置

当你使用上述模板引擎中的任何一个，它们默认的模板配置路径为：src/main/resources/templates。当然也可以修改这个路径，具体如何修改，可在后续各模板引擎的配置属性中查询并修改。

Thymeleaf

Thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可，由Daniel Fernández创建，该作者还是Java加密库Jasypt的作者。

Thymeleaf提供了一个用于整合Spring MVC的可选模块，在应用开发中，你可以使用Thymeleaf来完全代替JSP或其他模板引擎，如Velocity、FreeMarker等。Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型）上执行预先制定好的逻辑。

1.引入依赖

maven中直接引入

  org.springframework.boot
  spring-boot-starter-thymeleaf

1
2
3
4
1
2
3
4
可以查看依赖关系,发现spring-boot-starter-thymeleaf下面已经包括了spring-boot-starter-web,所以可以把spring-boot-starter-web的依赖去掉.

2.配置视图解析器
spring-boot很多配置都有默认配置,比如默认页面映射路径为 
classpath:/templates/*.html 
同样静态文件路径为 
classpath:/static/

在application.properties中可以配置thymeleaf模板解析器属性.就像使用springMVC的JSP解析器配置一样

#thymeleaf start
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
#开发时关闭缓存,不然没法看到实时页面
spring.thymeleaf.cache=false
#thymeleaf end
1
2
3
4
5
6
7
1
2
3
4
5
6
7
具体可以配置的参数可以查看 
org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties这个类,上面的配置实际上就是注入到该类中的属性值.

3.编写DEMO

1.控制器

@Controller
public class HelloController {

    private Logger logger = LoggerFactory.getLogger(HelloController.class);
    /**
     * 测试hello
     * @return
     */
    @RequestMapping(value = "/hello",method = RequestMethod.GET)
    public String hello(Model model) {
        model.addAttribute("name", "Dear");
        return "hello";
    }

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2.view(注释为IDEA生成的索引,便于IDEA补全)

3333

1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11
3.效果

4.基础语法
回味上面的DEMO,可以看出来首先要在改写html标签

这样的话才可以在其他标签里面使用th:*这样的语法.这是下面语法的前提.

1.获取变量值

3333

可以看出获取变量值用$符号,对于javaBean的话使用变量名.属性名方式获取,这点和EL表达式一样.

另外$表达式只能写在th标签内部,不然不会生效,上面例子就是使用th:text标签的值替换p标签里面的值,至于p里面的原有的值只是为了给前端开发时做展示用的.这样的话很好的做到了前后端分离.

2.引入URL
Thymeleaf对于URL的处理是通过语法@{…}来处理的

绝对路径
相对路径
Content路径,默认访问static下的css文件夹
1
2
3
1
2
3
类似的标签有:th:href和th:src

3.字符串替换
很多时候可能我们只需要对一大段文字中的某一处地方进行替换，可以通过字符串拼接操作完成：

一种更简洁的方式是：

当然这种形式限制比较多，|…|中只能包含变量表达式${…}，不能包含其他常量、条件表达式等。

4.运算符
在表达式中可以使用各类算术运算符，例如+, -, *, /, %

th:with="isEven=(${prodStat.count} % 2 == 0)"
逻辑运算符>, <, <=,>=，==,!=都可以使用，唯一需要注意的是使用<,>时需要用它的HTML转义符：

th:if="${prodStat.count} > 1"
th:text="'Execution mode is ' + ( (${execMode} == 'dev')? 'Development' : 'Production')"

1
2
1
2
5.条件
if/unless

Thymeleaf中使用th:if和th:unless属性进行条件判断，下面的例子中，标签只有在th:if中条件成立时才显示：

Login
th:unless于th:if恰好相反，只有表达式中的条件不成立，才会显示其内容。

Switch

Thymeleaf同样支持多路选择Switch结构：

1
2
3
4
1
2
3
4
默认属性default可以用*表示：

1
2
3
4
5
1
2
3
4
5
6.循环
渲染列表数据是一种非常常见的场景，例如现在有n条记录需要渲染成一个表格

，该数据集合必须是可以遍历的，使用th:each标签：

Product list

NAME	PRICE	IN STOCK
Onions	2.41	yes

Return to home

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
可以看到，需要在被循环渲染的元素（这里是）中加入th:each标签，其中th:each=”prod : ${prods}”意味着对集合变量prods进行遍历，循环变量是prod在循环体中可以通过表达式访问。

7.Utilities
为了模板更加易用，Thymeleaf还提供了一系列Utility对象（内置于Context中），可以通过#直接访问：

#dates
#calendars
#numbers
#strings
arrays
lists
sets
maps
… 
下面用一段代码来举例一些常用的方法：
date

/*

• Format date with the specified pattern
• Also works with arrays, lists or sets
  */
  ${#dates.format(date, 'dd/MMM/yyyy HH:mm')}
  ${#dates.arrayFormat(datesArray, 'dd/MMM/yyyy HH:mm')}
  ${#dates.listFormat(datesList, 'dd/MMM/yyyy HH:mm')}
  ${#dates.setFormat(datesSet, 'dd/MMM/yyyy HH:mm')}

/*

• Create a date (java.util.Date) object for the current date and time
  */
  ${#dates.createNow()}

/*

• Create a date (java.util.Date) object for the current date (time set to 00:00)
  */
  ${#dates.createToday()}
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  string

/*

• Check whether a String is empty (or null). Performs a trim() operation before check
• Also works with arrays, lists or sets
  */
  ${#strings.isEmpty(name)}
  ${#strings.arrayIsEmpty(nameArr)}
  ${#strings.listIsEmpty(nameList)}
  ${#strings.setIsEmpty(nameSet)}

/*

• Check whether a String starts or ends with a fragment
• Also works with arrays, lists or sets
  /
  ${#strings.startsWith(name,'Don')} // also array, list and set
  ${#strings.endsWith(name,endingFragment)} // also array, list and set*

/*

• Compute length
• Also works with arrays, lists or sets
  */
  ${#strings.length(str)}

/*

• Null-safe comparison and concatenation
  */
  ${#strings.equals(str)}
  ${#strings.equalsIgnoreCase(str)}
  ${#strings.concat(str)}
  ${#strings.concatReplaceNulls(str)}

/*

• Random
  */
  ${#strings.randomAlphanumeric(count)}
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  快速的学习还是直接写例子最快,后期写Demo遇到问题再加上去

参考链接: http://www.tianmaying.com/tutorial/using-thymeleaf

整合项目地址:

https://github.com/nl101531/JavaWEB

补充
在spring-boot1.4之后,支持thymeleaf3,可以更改版本号来进行修改支持. 
3相比2极大的提高了效率,并且不需要标签闭合,类似的link,img等都有了很好的支持,按照如下配置即可

UTF-8

3.0.0.RELEASE
2.0.0

1.8

网页名称：pring-bootthymeleaf模板学习
网站路径：http://cqcxhl.cn/article/peojch.html