如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. fedora18 Cannot retrieve metalink for repository: fedora. Please verify its path and try again 解决方法

    Cannot retrieve metalink for repository: fedora. Please verify its path and try again 解决方法 执行如下命令: s ...

  2. PCIE手札

    PCIE兼容了大部分PCI总线的特性,区别在于使用串行差分总线代替了并行总线,并实现了协议分层.PCIE的带宽与LANE数量和时钟频率相关,时钟频率支持2.5G和5G,Lane支持x1/x2/x4/x ...

  3. After laptop installed fedora23

    en_US.UTF-8和 zh_CN.UTF-8 en和zh是语言, US和CN是分地区. 两者的编码UTF-8都差不多.只是用语言环境来表示时间, 数字, 温度等的不同 自定义程序快捷键: 在选中条 ...

  4. 查看centos的版本信息

    1.查看centos的版本信息 cat /etc/centos-release

  5. oracle 11g 数据库恢复技术 ---01 重做日志

    一 redo log Oracle数据库中的三大核心文件分别是数据文件(data file).重做日志(redo log)和控制文件(control file).数据文件保证了数据库的持久性,是保存修 ...

  6. Java 基础-异常处理

    在 Java 中声明了很多异常类,每个异常类都表示一种运行错误.程序运行过程中发生一个可识别的运行错误时(可以找到与错误匹配的异常类,例如被除数为 0 时会触发 java.lang.Arithmeti ...

  7. struts2 基础4 验证器、 国际化

    验证器: 验证器:用户输入验证 1.手动编程方式 )对于动作类中所有方法进行验证 a.动作类继承ActionSuport b.覆盖调用public void validate(){} 方法 c.在va ...

  8. [Web 前端] 015 css 三种元素的介绍

    1. 块元素,内联元素,内联块元素 元素就是标签 布局中常用的有三种标签 块元素 内联元素 内联块元素 1.1 块元素 也称为行元素 布局中常用的标签,如 div.p.ul.li.h1~h6.dl.d ...

  9. Git-第四篇廖雪峰Git教程学习笔记（3）远程仓库，克隆远端库

    1.本次连接的是gitHub仓库. 1>创建SSH Key. ssh-keygen -t rsa -C "youremail@example.com" lfy@lfy-PC ...

  10. Unity3D 优化

    用UNITY开发手机游戏,背景图片和UI图片显示的比PC机上模糊非常多,怎么解决??在unity里选中资源 1.TextureType 改成 Advanced2.NonPower of 2 改成 no ...