如JSP、Velocity、Freemarker、Thymeleaf

SpringBoot推荐的Thymeleaf；语法更简单，功能更强大；

一、引入thymeleaf

<dependency>

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

<artifactId>spring‐boot‐starter‐thymeleaf</artifactId> 2.1.6

</dependency>

切换thymeleaf版本

<properties>

<thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>

<!‐‐  布局功能的支持程序    thymeleaf3主程序    layout2以上版本  ‐‐>

<!‐‐  thymeleaf2   layout1‐‐>

<thymeleaf‐layout‐dialect.version>2.2.2</thymeleaf‐layout‐dialect.version>

</properties>

二、Thymeleaf使用

@ConfigurationProperties(prefix  =  "spring.thymeleaf")

public  class  ThymeleafProperties  {

private  static  final  Charset  DEFAULT_ENCODING  =  Charset.forName("UTF‐8");

private  static  final  MimeType  DEFAULT_CONTENT_TYPE  =  MimeType.valueOf("text/html"); 

public  static  final  String  DEFAULT_PREFIX  =  "classpath:/templates/";

public  static  final  String  DEFAULT_SUFFIX  =  ".html";

//

只要我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染；

1、导入thymeleaf的名称空间

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

2、使用thymeleaf语法；

    <!DOCTYPE  html>

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

    <head>

    <meta  charset="UTF‐8">

    <title>Title</title>

    </head>

    <body>

    <h1>成功！</h1>

    <!‐‐th:text 将div里面的文本内容设置为 ‐‐>

    <div th:text="${hello}">这是显示欢迎信息</div>

    </body>

    </html>

三、语法规则

1）、th:text；改变当前元素里面的文本内容；

th：任意html属性；来替换原生属性的值

2）、表达式？

    Simple  expressions:（表达式语法）

    ========================================================================================

    1.Variable  Expressions:  ${...}：获取变量值；OGNL；

    1）、获取对象的属性、调用方法

    2）、使用内置的基本对象：

    #vars: the context variables.

    #locale : the context locale.

    #request  :  (only  in  Web  Contexts)  the  HttpServletRequest  object.

    #response  :  (only  in  Web  Contexts)  the  HttpServletResponse  object.

    #session  :  (only  in  Web  Contexts)  the  HttpSession  object.

    #servletContext  :  (only  in  Web  Contexts)  the  ServletContext  object. 12

                          ${session.foo}

    3）、内置的一些工具对象：

    #execInfo  :  information  about  the  template  being  processed.

    #messages  :  methods  for  obtaining  externalized  messages  inside  variables  expressions,  in  the same  way  as  they  would  be  obtained  using  #{…}  syntax.

    #uris  :  methods  for  escaping  parts  of  URLs/URIs

    #conversions  :  methods  for  executing  the  configured  conversion  service  (if  any).

    #dates  :  methods  for  java.util.Date  objects:  formatting,  component  extraction,  etc.

    #calendars  :  analogous  to  #dates  ,  but  for  java.util.Calendar  objects.

    #numbers  :  methods  for  formatting  numeric  objects.

    #strings  :  methods  for  String  objects:  contains,  startsWith,  prepending/appending,  etc.

    #objects  :  methods  for  objects  in  general.

    #bools  :  methods  for  boolean  evaluation.

    #arrays  :  methods  for  arrays.

    #lists  :  methods  for  lists.

    #sets  :  methods  for  sets.

    #maps  :  methods  for  maps.

    #aggregates  :  methods  for  creating  aggregates  on  arrays  or  collections.

    #ids  :  methods  for  dealing  with  id  attributes  that  might  be  repeated  (for  example,  as  a result of an iteration).

    ==========================================================================================

    2.Selection  Variable  Expressions:  *{...}：选择表达式：和${}在功能上是一样；

    补充：配合 th:object="${session.user}：

    <div th:object="${session.user}">

    <p>Name:  <span  th:text="*{firstName}">Sebastian</span>.</p>

    <p>Surname:  <span  th:text="*{lastName}">Pepper</span>.</p>

    <p>Nationality:  <span  th:text="*{nationality}">Saturn</span>.</p>

    </div> 39

    Message Expressions: #{...}：获取国际化内容

    Link  URL  Expressions:  @{...}：定义URL；

    @{/order/process(execId=${execId},execType='FAST')}

    Fragment  Expressions:  ~{...}：片段引用表达式

    <div  th:insert="~{commons  ::  main}">...</div> 45

    Literals（字面量）

    Text  literals:  'one  text'  ,  'Another  one!'  ,… 48    Number  literals:  0  ,  34  ,  3.0  ,  12.3  ,…

    Boolean literals: true , false

    Null  literal:  null

    Literal  tokens:  one  ,  sometext  ,  main  ,…

    Text operations:（文本操作）

    String concatenation: +

    Literal  substitutions:  |The  name  is  ${name}|

    Arithmetic  operations:（数学运算）

    Binary operators: + , ‐ , * , / , %

    Minus  sign  (unary  operator):  ‐

    Boolean operations:（布尔运算）

    Binary operators: and , or

    Boolean negation (unary operator): ! , not

    Comparisons  and  equality:（比较运算）

    Comparators:  >  ,  <  ,  >=  ,  <=  (  gt  ,  lt  ,  ge  ,  le  )

    Equality operators: == , != ( eq , ne )

    Conditional  operators:条件运算（三元运算符）

    If‐then: (if) ? (then)

    If‐then‐else: (if) ? (then) : (else)

    Default:  (value)  ?:  (defaultvalue)

    Special tokens:

    No‐Operation:  _

【串线篇】spring boot页面模板引擎的更多相关文章

  1. 从.Net到Java学习第四篇——spring boot+redis

    从.Net到Java学习系列目录 “学习java已经十天,有时也怀念当初.net的经典,让这语言将你我相连,怀念你......”接上一篇,本篇使用到的框架redis.FastJSON. 环境准备 安装 ...

  2. 从.Net到Java学习第三篇——spring boot+mybatis+mysql

    从.Net到Java学习第一篇——开篇 环境:mysql5.7 新建mysql数据库demo,然后执行如下sql脚本进行数据表创建和数据初始化: -- ------------------------ ...

  3. 工具篇-Spring boot JPA多数据源

    写这篇博文是因为这个东西坑太多,首先说明下边实现的多数据源不是动态切换的,应该算是静态的. 坑一.pom文件 pom中spring boot以及mysql connector的版本一定要注意. < ...

  4. Spring Cloud第十三篇 | Spring Boot Admin服务监控

    本文是Spring Cloud专栏的第十三篇文章,了解前十二篇文章内容有助于更好的理解本文: Spring Cloud第一篇 | Spring Cloud前言及其常用组件介绍概览 Spring Clo ...

  5. 从.Net到Java学习第十篇——Spring Boot文件上传和下载

    从.Net到Java学习系列目录 图片上传 Spring Boot中的文件上传就是Spring MVC中的文件上传,将其集成进来了. 在模板目录创建一个新的页面 profile/uploadPage. ...

  6. 从.Net到Java学习第五篇——Spring Boot &&Profile &&Swagger2

    从.Net到Java学习系列目录 刚学java不久,我有个疑问,为何用到的各种java开源jar包许多都是阿里巴巴的开源项目,为何几乎很少见百度和腾讯?不是说好的BAT吗? Spring Boot 的 ...

  7. 第一篇 Spring boot 配置文件笔记

    spring boot 不需要配置太多文件程序便可正常运行,特殊情况需要我们自己配置文件. 项目以IDEA写实例,系统会默认在src/main/java/resources目录下创建applicati ...

  8. spring boot(一)：入门篇

    构建微服务:Spring boot 入门篇 什么是spring boot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框 ...

  9. spring boot实战(第十三篇)自动配置原理分析

    前言 spring Boot中引入了自动配置,让开发者利用起来更加的简便.快捷,本篇讲利用RabbitMQ的自动配置为例讲分析下Spring Boot中的自动配置原理. 在上一篇末尾讲述了Spring ...

随机推荐

  1. 转载自：StringUtils的常见方法

    转载自:https://blog.csdn.net/simple_smile_sun/article/details/51819158 注:运用StringUtils需要导入相关jar文件,commo ...

  2. 我用HTML写简历

    本文属于原创文章,转载请注明--来自桃源小盼的博客 起因 每次换工作写简历都是有点痛苦的事情,尤其是下载word模板,各种注册流程,有的还得买积分,冲会员,甚是不爽.就算下载好了,修改其中的一些细节也 ...

  3. pl/sql的安装使用详解

    一.  先安装  orcale10.1客户端 setup右键属性,按下图设置 net  manager 设置,不设置 pl/sql developer没办法连接 二.再安装 pl/sql develo ...

  4. ArrayBlockingQueue 源码分析

    ArrayBlockingQueue ArrayBlockingQueue 能解决什么问题?什么时候使用 ArrayBlockingQueue? 1)ArrayBlockingQueue 是底层由数组 ...

  5. Delphi XE2 之 FireMonkey 入门(26) - 数据绑定: TBindingsList: TBindExprItems

    Delphi XE2 之 FireMonkey 入门(26) - 数据绑定: TBindingsList: TBindExprItems 如果要给一对 "源控件" 和 " ...

  6. 解决django项目无法连接远程mysql的问题

    我们都知道django项目可以通过修改settings.py文件中的DATABASES这个对象,使用不同的数据库. 如图所示,我们想连接远程的mysql,修改settings.py的配置 然后我们在终 ...

  7. python基础-4 函数参数引用、lambda 匿名函数、内置函数、处理文件

    上节课总结 1.三元运算 name=“name1”if 条件 else “name2” 2.深浅拷贝 数字.字符串 深浅,都一样 2.其他 浅拷贝:只拷贝第一层 深拷贝:不拷贝最后一层 3.set集合 ...

  8. 第五周课程总结&实验报告

    一.已知字符串:"this is a test of java".按要求执行以下操作:(要求源代码.结果截图.) 统计该字符串中字母s出现的次数. 统计该字符串中子串"i ...

  9. Consul集群Server模式

    Consul集群Server模式 架构示意图 Consul在生产环境下运行模式分为两种:Server模式和Client模式(dev模式属于开发模式不在这里讨论),我们先用Server模式搭建一个Con ...

  10. python内置函数sorted()及sort() 函数用法和区别

    python内置函数sorted(),sort()都有排序的意思,但是两者有本质的区别,sort 是应用在 list 上的方法,sorted 可以对所有可迭代的对象进行排序操作,list 的 sort ...