Thymeleaf模板笔记

1、常用标签：

使用thymeleaf模板，首要在html中引入：

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

引入css、js

　　引入css，使用标签th:href="@{路径}"

　　引入js，使用标签th:src="@{路径}"

    <link rel="stylesheet" th:href="@{/static/ace_admin_v1.4.0/assets/css/ace-ie.css}"/>

    <script th:src="@{/static/ace_admin_v1.4.0/assets/js/ace-extra.js}"></script>

th:text 文本替换

　　<p th:text="${collect.description}">description</p>

th:value 属性赋值

th:each迭代循环

<tr th:each="user,userStat: ${pageInfo.rows}">

    <td th:text="${userStat.count}"/>

    <td th:text="${user.suName}"/>

    <td th:text="${user.suEmail}"/>

    <td th:text="${user.suPhone}"/>

    <td th:switch="${user.suState}">

        <span th:case="0" class="label label-sm label-warning">未激活</span>

        <span th:case="1" class="label label-sm label-success">已激活</span>

        <span th:case="2" class="label label-sm label-inverse arrowed-in">已注销</span>

    </td>

    <td>

        <div class="hidden-sm hidden-xs action-buttons">

            <a class="green" href="#">

                <i class="ace-icon fa fa-pencil bigger-130"></i>

            </a>

            <a class="red" href="#">

                <i class="ace-icon fa fa-trash-o bigger-130"></i>

            </a>

        </div>

    </td>

</tr>

userStat称作状态变量，<td th:text="${userStat.count}"/>代表序号

属性有：

    index:当前迭代对象的index（从0开始计算）
    count: 当前迭代对象的index(从1开始计算)
    size:被迭代对象的大小
    current:当前迭代变量
    even/odd:布尔值，当前循环是否是偶数/奇数（从0开始计算）
    first:布尔值，当前循环是否是第一个
    last:布尔值，当前循环是否是最后一个

th:onclick 点击事件，传参

th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${index}+'\')'"

2、与Spring MVC集成

引入依赖

    <!--thymeleaf-->

    <!-- https://mvnrepository.com/artifact/org.thymeleaf/thymeleaf -->

    <dependency>

      <groupId>org.thymeleaf</groupId>

      <artifactId>thymeleaf</artifactId>

      <version>${thymeleaf-version}</version>

    </dependency>

    <!-- https://mvnrepository.com/artifact/org.thymeleaf/thymeleaf-spring4 -->

    <dependency>

      <groupId>org.thymeleaf</groupId>

      <artifactId>thymeleaf-spring4</artifactId>

      <version>${thymeleaf-version}</version>

    </dependency>

spring配置文件

    <!-- TemplateResolver <- TemplateEngine <- ViewResolver -->

    <!-- 使用thymeleaf解析，切记要设置编码 -->

    <bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">

        <property name="prefix" value="/WEB-INF/page/"/>

        <property name="suffix" value=".html"/>

        <property name="templateMode" value="HTML5" />

        <property name="cacheable" value="false"/>

        <!-- 解决中文乱码 -->

        <property name="characterEncoding" value="UTF-8" />

    </bean>

    <!-- Thymeleaf Template Engine (Spring4-specific version) -->

    <bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">

        <property name="templateResolver" ref="templateResolver"/>

    </bean>

    <!-- Thymeleaf View Resolver - implementation of Spring's ViewResolver interface -->

    <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">

        <property name="templateEngine" ref="templateEngine" />

        <!-- 解决中文乱码 -->

        <property name="characterEncoding" value="UTF-8" />

    </bean>

Thymeleaf模板笔记的更多相关文章

thymeleaf模板的使用（转）
作者:纯洁的微笑出处:http://www.ityouknow.com/ 在上篇文章springboot(二):web综合开发中简单介绍了一下thymeleaf,这篇文章将更加全面详细的介绍thym ...
thymeleaf模板引擎简介
一:thymeleaf 学习笔记---http://www.blogjava.net/bjwulin/articles/395185.html thymeleaf是一个支持html原型的自然引擎,它在 ...
Thymeleaf 模板的使用
Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官网.本文主要介绍Thymel ...
vert.x学习（三），Web开发之Thymeleaf模板的使用
在vert.x中使用Thymeleaf模板,需要引入vertx-web-templ-thymeleaf依赖.pom.xml文件如下 <?xml version="1.0" e ...
JavaEE开发之SpringBoot整合MyBatis以及Thymeleaf模板引擎
上篇博客我们聊了<JavaEE开发之SpringBoot工程的创建.运行与配置>,从上篇博客的内容我们不难看出SpringBoot的便捷.本篇博客我们继续在上篇博客的基础上来看一下Spri ...
thymeleaf模板引擎调用java类中的方法(附源码)
前言 <Docker+SpringBoot+Mybatis+thymeleaf的Java博客系统开源啦> 由于开源了项目的缘故,很多使用了My Blog项目的朋友遇到问题也都会联系我去解决 ...
（二）springboot整合thymeleaf模板
在我们平时的开发中,用了很久的jsp作view显示层,但是标签库和JSP缺乏良好格式的一个副作用就是它很少能够与其产生的HTML类似.所以,在Web浏览器或HTML编辑器中查看未经渲染的JSP模板是非 ...
（二）SpringBoot基础篇- 静态资源的访问及Thymeleaf模板引擎的使用
一.描述在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...
【Springboot】Springboot整合Thymeleaf模板引擎
Thymeleaf Thymeleaf是跟Velocity.FreeMarker类似的模板引擎,它可以完全替代JSP,相较与其他的模板引擎,它主要有以下几个特点: 1. Thymeleaf在有网络和无 ...

随机推荐

TCP/IP通信过程
一.参考网址 1.以太网帧格式.IP数据报格式.TCP段格式+UDP段格式详解 2. 二.TCP的建立过程 1.例子: 192.168.22.66 telenet到192.168.22.74的tcp ...
JavaScript数组打平(4种方法)
let arr = [1, 2, [3, 4, 5, [6, 7, 8], 9], 10, [11, 12]]; flatten1 = arr => arr.flat(Infinity) fla ...
Kafka学习（学习过程记录）
Apache kafka 这,仅是我学习过程中记录的笔记.确定了一个待研究的主题,对这个主题进行全方面的剖析.笔记是用来方便我回顾与学习的,欢迎大家与我进行交流沟通,共同成长.不止是技术. Kafka ...
17.3.12---sys模块
1---sys是system的缩写,用来获取操作系统和编译器的一些配置,设置和操作,如判断文件和文件夹是否存在,创建文件夹,获取系统版本之类的操作 import sys #导入sys模块 2--一些 ...
react-native屏幕适配
写一个屏幕适配类文件AdapterUtil.js,这样避免每次进行单位换算 "use strict" import {Dimensions, StatusBar, Platform ...
Web 全栈大会：万维网之父的数据主权革命
大家好,今天我和大家分享一下由万维网之父发起的一场数据主权革命.什么叫数据主权?很容易理解,现在我们的数据是把持在巨头手里的,你的微信通讯录和聊天记录都无法导出,不管是从人权角度还是从法理角度,这些数 ...
MySQL--MySQL分区
参考:http://bbs.51cto.com/thread-1080714-1.html MySQL 从5.1 版本开始支持分区的功能.分区是指根据一定的规则,数据库把一个表分解成多个更小的.更容易 ...
org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'socialCode' in 'class java.lang.String'
异常: org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection.Refl ...
吴裕雄--天生自然 PYTHON3开发学习：函数
def 函数名(参数列表): 函数体 # 计算面积函数 def area(width, height): return width * height def print_welcome(name): ...
UML-6.4-用例-准则
1.以无用户界面约束的本质风格编写用例--目标的目标(根源目标 or 意图 ,二阶思维). 比如:“登录”,脑子里不仅想到了用户名/密码/验证码这些图形,而且,更关注为啥需要登录:如“系统根据身份id ...

Thymeleaf模板笔记

1、常用标签：

2、与Spring MVC集成

Thymeleaf模板笔记的更多相关文章

随机推荐

热门专题