themleft模板库_Thymeleaf模板引擎常用总结
一:语法简单总结
Thymeleaf是一个Java类库,是xml/html/html5的模板引擎,SpringBoot框架推荐在MVC的Web应用做做View层使用.
SpringBoot中整合Thymeleaf依赖如下.
org.springframework.boot
spring-boot-starter-thymeleaf
3.0.9.RELEASE
2.1.1
UTF-8
UTF-8
1.8
ThymeleafProperties的源码如下.
将application.yml中的spring.thymeleaf的配置注入下面对应的属性中,有几个是默认的,剩下的都是根据使用情况配置的,然后注入到相应的值中.
@ConfigurationProperties:批量注入属性值.
@Value:单个注入属性值.@ConfigurationProperties(
prefix = "spring.thymeleaf"
)
public class ThymeleafProperties {
private static final Charset DEFAULT_ENCODING;
public static final String DEFAULT_PREFIX = "classpath:/templates/";
public static final String DEFAULT_SUFFIX = ".html";
private boolean checkTemplate = true;
private boolean checkTemplateLocation = true;
private String prefix = "classpath:/templates/";
private String suffix = ".html";
private String mode = "HTML";
private Charset encoding;
private boolean cache;
private Integer templateResolverOrder;
private String[] viewNames;
private String[] excludedViewNames;
private boolean enableSpringElCompiler;
private boolean enabled;
private final ThymeleafProperties.Servlet servlet;
private final ThymeleafProperties.Reactive reactive;
public ThymeleafProperties() {
this.encoding = DEFAULT_ENCODING;
this.cache = true;
this.enabled = true;
this.servlet = new ThymeleafProperties.Servlet();
this.reactive = new ThymeleafProperties.Reactive();
}
命名空间如下,静态页面转换为动态视图.
1. Thymeleaf引入css资源.
th:href="@{path}"
2. Thymeleaf引入JavaScript资源.
th:src="@{path}"
通过 "@{}"引用静态资源.
3. 访问Model中的数据.
${}访问model中的属性.
动态处理的元素使用"th:"为前缀.
4. model中的数据迭代.
判断list集合不为空.
迭代list集合数据.list中保存实体对象.
获得名字
如何获取遍历列表的序号,方式一:${stat.count}是从1开始的,方式 二:${stat.index}是从0开始的,如果从1开始就${stat.index+1}.
迭代list,里面存放map对象.
th:text=${novel['Map Key']}
5. 在JavaScript中访问model中的数据.
通过th:inline=“javascript”添加到script标签,这样Javascript就可以访问model中的对象属性了.
通过“[[${}]]”访问实际的值.
var single=[[${singlePerson}]];
console.log(single.name+"/"+single.age);
function getPersonName(name){
console.log(name);
}
6. 解析model属性值中的html标签.
7. 格式化.(表达式对象)
7.1格式化金额.小数位为2为.
350
7.2 格式化日期
28-Jun-2018
7.3 字符串连接
themleft模板库_Thymeleaf模板引擎常用总结相关推荐
- themleft模板库_Thymeleaf 模板的使用
Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官网.本文主要介绍Thymel ...
- C++提高编程----STL标准模板库-常用容器
STL标准模板库(Standard Template Library)-常用容器 C++的,面向对象和泛型编程,目的就是提高代码的复用性:为了建立数据结构和算法的统一标准,诞生了STL 一.STL初识 ...
- C++ Primer plus学习笔记-第十六章:string类和标准模板库
第十六章:string类和标准模板库 前言:这一章已经相当靠近全书的后面部分了:这一章我们会深入探讨一些技术上的细节,比如string的具体构造函数,比如适用于string类的几个函数,比如我们还会介 ...
- 笔记②:牛客校招冲刺集训营---C++工程师(面向对象(友元、运算符重载、继承、多态) -- 内存管理 -- 名称空间、模板(类模板/函数模板) -- STL)
0618 C++工程师 第5章 高频考点与真题精讲 5.1 指针 & 5.2 函数 5.3 面向对象(和5.4.5.5共三次直播课) 5.3.1 - 5.3.11 5.3.12-14 友元 友 ...
- c++标准模板库STL【快速查找】【最全】【常用】【语法】
c++标准模板库STL[快速查找][最全][常用][语法] c标准模板库STL快速查找最全常用语法 vector- 变长数组 set-内部自动有序且不含重复元素 ...
- 【常用技巧】标准模板库(STL)
[常用技巧]标准模板库(STL) 在前几个章节中我们已经使用了诸如队列.堆.堆栈.vector 等标准模板库中的模板,切身感受到了它给我们带来的极大便利.在本节中,我们还要介绍两种标准模板--stri ...
- stl标准模板库_C ++标准模板库(STL)中的数组及其常用功能
stl标准模板库 "array" is a container in C++ STL, which has fixed size, which is defined in &quo ...
- C++ 笔记(19)— 标准模板库(STL容器、STL迭代器、STL算法、STL容器特点、STL字符串类)
C++ 标准库可以分为两部分: 标准函数库: 这个库是由通用的.独立的.不属于任何类的函数组成的.函数库继承自 C 语言. 面向对象类库: 这个库是类及其相关函数的集合. C++ 标准库包含了所有的 ...
- c++模板库的一些基本使用
c++模板库的一些基本使用 1 vector常见用法 1.1 vector定义 vector<typename>name(可以理解为一维的变长数组) vector<vector& ...
最新文章
- R语言生成对数线性间隔数据序列(Log-linearly Spaced Sequences)
- essyui php,Easyui Linkbutton 链接按钮_EasyUI 插件
- STm32 使用 stm32cube GPIO 点亮 led 的
- Android复习03(Get请求访问网络[详解]、获取文章列表)
- Python re module的使用
- java中map如何实现遍历_Java中如何遍历Map对象的4种方法
- 解决Homebrew报错Error: Failure while executing; git clone https://github.com/Homebrew/homebrew-core....
- python calu()函数_酚酞指示剂是一类什么物质,它在PH=10时是什么颜色呢( )...
- (笔记)电路设计(六)之稳压二极管的应用
- 浏览器分辨率使用排名以及不同分辨率下的网页测试
- SQL Server数据库连接工具SSMS18.2的安装与配置
- iec104点号_IEC104规约报文说明(104报文解释的较好的文本)
- 群辉监控Surveillance Station不支持H265解决方案(解决群辉不支持的摄像头)
- RoughSets属性约简算法
- cannot import name ‘mean_squared_erro‘ from ‘sklearn.metrics‘
- 1-2 CSS常用样式笔记
- 2023最新最强网盘资源搜索引擎,聚合搜索6大网盘资源
- java junit 覆盖率_java单元测试篇:使用clover为junit单元测试做覆盖率分析(二)...
- CSS中继承性属性和非继承性的属性
- 图神经网络推荐方向--论文代码读记
热门文章
- mongdb mysql geospatial 比较_MongoDB的地理位置查询,以及和mysql的使用对比
- android开发之EditText金额输入只能两位小数点
- ImageLoader must be init with configuration before using 错误解决方法
- Android系统自带样式(android:theme)
- 我们用5分钟写了一个跨多端项目
- 按钮配置之自定义按钮使用(一)——JEPLUS软件快速开发平台
- BZOJ3527:[ZJOI2014]力(FFT)
- 黑客内鬼窃取华尔街金融服务公司核心交易算法
- 用几何画板演示涡旋电场的方法
- 由归并算法引申出来的其他问题