如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. vue 通过绑定事件获取当前行的id

    <div @click="router(items.productId)" style="float: left;" :key='items.produc ...

  2. leetcode-mid-Linked list-328 Odd Even Linked List-NO

    mycode # Definition for singly-linked list. # class ListNode(object): # def __init__(self, x): # sel ...

  3. 10.1 ‘The server's host key is not cached in the registry’

    10.1 ‘The server's host key is not cached in the registry’ This error message occurs when PuTTY conn ...

  4. (转)IDataGridViewEditingControl 接口 作用

    本文转载自:http://blog.csdn.net/zx13525079024/article/details/4814575 IDataGridViewEditingControl 接口 定义承载 ...

  5. fedora23使用Xwayland的gnome-shell

    gnome是桌面管理系统的名称, 包括gnome, kde, xfce等等 同时, gnome是旧的gnome 2 的桌面管理 在gnome 3中, 桌面管理系统叫做gnome shell. gnom ...

  6. Python写一个自动点餐程序

    Python写一个自动点餐程序 为什么要写这个 公司现在用meican作为点餐渠道,每天规定的时间是早7:00-9:40点餐,有时候我经常容易忘记,或者是在地铁/公交上没办法点餐,所以总是没饭吃,只有 ...

  7. [转载]借助openssl解析ECC公钥

    void GetPubKey(const char* FilePath, char* PubKey) { unsigned ]; unsigned char *pTmp = NULL; FILE *f ...

  8. C++笔记（5）——浮点数的比较

    判断是否相等 因为一个浮点数的存储并不总是精确的,例如在经过大量计算之后可能会将3.14保存为3.1400000000001或者3.1439999999999,这时候如果直接用==来比较这两个数的话会 ...

  9. centos7下搭建Testlink环境详细过程

    花了半天的时间终于搭建好了完整的Testlink环境,主要包括Mysql以及PHP的版本.未关闭防火墙.以及安装配置过程中遇到的一些问题.以下是详细的搭建过程. 一.工具准备 以下是我在搭建过程中用到 ...

  10. Vue源码详细解析:transclude,compile,link,依赖,批处理...一网打尽，全解析!

    用了Vue很久了,最近决定系统性的看看Vue的源码,相信看源码的同学不在少数,但是看的时候却发现挺有难度,Vue虽然足够精简,但是怎么说现在也有10k行的代码量了,深入进去逐行查看的时候感觉内容庞杂并 ...