如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. Retrotranslator使用简介(JDK1.5->1.4）

      Retrotranslator是一个可以把JDK1.5(6)下编译的类(或包)转译成JDK1.4下可以识别的类(包)的工具. 为现在还用JDK1.4呢?我想无非是现在的大部分Java Web应用是 ...

  2. 禁止、允许MySQL root用户远程访问权限

    关闭MySQL root用户远程访问权限: use mysql; update user set host = "localhost" where user = "roo ...

  3. Docker - 部署 Ant Design Pro 的项目

    解读 Ant Design Pro 的 Docker 配置 package.json 的 scripts -f: 使用什么配置文件 -t: 标签 up: 启动服务(的容器) build: 构建或重新构 ...

  4. SQL*Plus 与数据库的交互

    设置SQL *Plus的运行环境 SET 命令格式: set system_variable value pagesize :从顶部标题到页结束之间的行数 默认是14 newpage:一页中空行的数量 ...

  5. 05 使用bbed跳过归档恢复数据文件

    5 使用BBED跳过归档 在归档模式下,缺失了一部分的归档日志文件,对数据文件进行恢复 1 开启归档 --shutdown immediate --startup mount --alter data ...

  6. How to use Nlog for ASP.NET Core with csproj

    1. Add dependency in csproj manually or using NuGet Install the latest: NLog.Web.AspNetCore 4.5+ Upd ...

  7. Good teachers,they inspire you, they entertain you,and you end up learning a ton even when you don't know it.

    pardon. v. 原谅.抱歉.再说一次 honourable.adj.值得钦佩的 specification.n.规格.标准 amongst.prep.在...中 gallon.n.加仑 comp ...

  8. oracle--批量删除部分表，将某一列拼接成字符串

    1.查询要批量删除的表 SELECT * FROM USER_TABLES SELECT 'DROP '||'TABLE ' || TABLE_NAME ||' ;' ,1 FROM USER_TAB ...

  9. levelDB Log-writer

    分析完KV在内存中的存储,接下来就是操作日志.所有的写操作都必须先成功的append到操作日志中,然后再更新内存memtable.这样做有两个有点:1可以将随机的写IO变成append,极大的提高写磁 ...

  10. yield,sleep,wait

    转自:http://dylanxu.iteye.com/blog/1322066 1.sleep() 使当前线程(即调用该方法的线程)暂停执行一段时间,让其他线程有机会继续执行,但它并不释放对象锁.也 ...