Thymeleaf
那些年的代码
Java工作者
展开
-
thymeleaf javascript取后台传入的数值
<script th:inline="javascript"> /*<![CDATA[*/ var message = [[${message}]]; console.log(message); /*]]>*/ </script>原创 2019-09-14 17:20:38 · 630 阅读 · 0 评论 -
thymeleaf的下拉框(select option)回显选中
thymeleaf的下拉框(select option)回显选中在开发一个足球联赛管理系统中,需要在修改页面使用thymeleaf模板引擎先从数据库中取出数据显示在页面中,然后再对要修改的数据分别进行修改。在input或者textarea的回显都没有什么问题,只要之前传了对象过来,那么就在input标签里加上例如th:value="*{startDate}"即可,那么输入框里变会显示...原创 2019-09-16 10:03:29 · 1329 阅读 · 0 评论 -
thymeleaf在js中使用后台传来的值
一:第一种方式1.在页面中加入如下代码views(位置:views/tableauPage)<div th:fragment="scripts(scripts)"> <script th:inline="javascript"> window.applicationMetadataId = [[${applicatio...原创 2019-09-08 07:46:40 · 1190 阅读 · 0 评论 -
Thymeleaf赋值和取值
描述页面代码有两层循环,一层是分类(手机),二层是数据,但是要对二层的每一类数据做限制,比如只显示3条,那么问题来了,我怎么知道每一个分类已经遍历了3个了呢?分析假设第一个分类是智能手机,用分类id过滤,每符合一次,记录值加1,判断记录值等于3就不显示。每次分类循环在初始化下即可实现。实现 <th:block th:each="fenlei,top:${fenle...原创 2019-09-07 08:25:37 · 1575 阅读 · 0 评论 -
SpringBoot集成ThymeLeaf页面中使用th:onclick
在SpringBoot集成ThymeLeaf页面中使用th:onclick方法且带动态参数时,按照传统想法直接写是报错的,网络上提供了两种方法:方法一:th:οnclick="'saveConfig(" ;'+${viewInstrument[12]}+'" ;)'"1其中," ;是“的意思,其实" ;中没有空格,但是...原创 2019-08-27 10:15:15 · 894 阅读 · 0 评论 -
Thymeleaf的 th:* 属性之—— 模板布局& th:with& 属性优先级
3.7 模板布局模板名称:layout.html3.7.1 th:fragmente.g.模板名为footer.html页面body部分如下:<body> <div th:fragment="copy"> © 2011 The Good Thymes Virtual Grocery </div><...原创 2019-08-27 10:15:11 · 517 阅读 · 0 评论 -
thymeleaf 中onclick动态传参用到转义字符
<a href="javascript:void(0)" th:οnclick="'javascript:del(\''+${product.id}+'\')'">删除</a> th:οnclick="'javascript:del(\' '+${product.id}+' \')'"原创 2019-08-27 10:15:07 · 603 阅读 · 1 评论 -
解决th:onclick给js传String类型的值的问题
最近一个月在做Springboot的项目,在编码过程中遇到了一个问题:在使用Thymeleaf模板时使用了th:onclick属性来调用JavaScript方法,其中涉及到传入后台发送的数据的功能,以便shu数据回显。然而我遇到了一个问题:当传入参数为数字的时候,可以正常传值,但是涉及到字符串的时候总是运行不通。去百度查出了好多网友的博客,解决问题也都是五花八门,都不能解决我的问题。需...转载 2019-08-27 10:14:39 · 1012 阅读 · 0 评论 -
Thymeleaf赋值和取值
描述页面代码有两层循环,一层是分类(手机),二层是数据,但是要对二层的每一类数据做限制,比如只显示3条,那么问题来了,我怎么知道每一个分类已经遍历了3个了呢?分析假设第一个分类是智能手机,用分类id过滤,每符合一次,记录值加1,判断记录值等于3就不显示。每次分类循环在初始化下即可实现。实现 <th:block th:each="fenlei,top:${fenle...原创 2019-08-27 10:14:32 · 8131 阅读 · 0 评论 -
Thymeleaf th:select th:checked th:if
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <meta charset="utf-8"> <head th:include="include :: header"></head> <body class="gray-bg"&...原创 2019-09-17 13:58:06 · 4298 阅读 · 0 评论 -
thymeleaf(th:each th:selected) 从后台动态获取下拉框数据回显及选中
<select οnchange="getChilds(this.value)" class="form-control select2" id="catId" name="catId"> <option value=""> -- 请选择 -- </option> <option th:selected="${goods.cat...原创 2019-09-17 13:58:11 · 4488 阅读 · 4 评论 -
Springboot+Thymeleaf提交复选表格数据给后台[toolbar]
泪目。。。Thymeleaf官方文档都没查到“toolbar”这玩意。。后台管理要做一个一键通过,一键驳回的按钮,逻辑很简单,给表格添加复选,选中全部或者多行提交给后台,然后修改数据即可。然鹅过程很曲折:这个模板框架表格复选框是自带的,网页查看源代码能看到,但是再html页面却是隐藏的。。。因为是模板咯找不到控制按钮,选中后就没法进行操作...后来全局搜索在src\main\r...原创 2019-09-13 08:44:25 · 682 阅读 · 0 评论 -
textarea在Thymeleaf下获取值
<textarea name="message" style="background:#17191A" rows="3" class="form-control" id="message" placeholder="更改个人简介..." required="" th:text="${basicInfo.introduce}" ></textarea>参考地址 ...原创 2019-09-13 08:44:19 · 413 阅读 · 0 评论 -
Thymeleaf系列五 迭代,if,switch语法
1. 概述这里介绍thymeleaf的编程语法,本节主要包括如下内容迭代语法:th:each; iteration status 条件语法:th:if; th:unless switch语法:th:switch; th:case; *下文演示以上语法的用法。2. 演示以上语法的用法2.1. 公共类Userpublic class User { private...原创 2019-09-17 13:58:41 · 285 阅读 · 0 评论 -
thymeleaf th:if 判断表达式
thymeleaf 判断表达式注意: gt:great than(大于)> ge:great equal(大于等于)>= eq:equal(等于)== lt:less than(小于)< le:less equal(小于等于)<= ne:not equal(不等于)!=...原创 2019-09-17 13:58:36 · 832 阅读 · 0 评论 -
thymeleaf 基本语法
四、标准表达式语法· 简单表达式 (simple expressions) ${...} 变量表达式 *{...} 选择变量表达式 #{...} 消息表达式 @{...} 链接url表达式· 字面量 'one text','another one!',... 文本 0,34,3.0,12.3,... 数值 true false 布尔类型...原创 2019-09-17 13:58:33 · 221 阅读 · 0 评论 -
thymeleaf th:if 判断表达式
作者:LoveEmperor-王子様thymeleaf 判断表达式注意: gt:great than(大于)> ge:great equal(大于等于)>= eq:equal(等于)== lt:less than(小于)< le:less equal(小于等于)<= ...原创 2019-09-17 13:58:28 · 6338 阅读 · 0 评论 -
Thymeleaf的内置属性(转)
Thymeleaf是另一个Java视图模板引擎,使用上和FreeMarker各有千秋,不了解的可以从其他博文里学习一下。我这里主要记录一下它的内置属性。本文不是Thymeleaf入门教程,也不是对其标签进行全面讲解只对其属性等价标签进行记录,以为辞典。Thymeleaf提供了一个标签th:attr,可以把多个DOM标签用逗号分隔后写进去:Html代码<img...原创 2019-09-17 13:58:19 · 179 阅读 · 0 评论 -
thymeleaf时间戳转换
2 3 4 <td> <pth:text="${discusser.creater.name}"></p> <pth:text="${#dates.format(discusser.creatAt, 'yyyy-MM-dd')}"></p> <...原创 2019-09-17 13:58:23 · 571 阅读 · 2 评论 -
Thymeleaf th:include、th:replace使用
最近做到页面数据展示分页的功能,由于每个模块都需要分页,所以每个页面都需要将分页的页码选择内容重复的写N遍,如下所示:重复的代码带来的就是Ctrl+C,Ctrl+V ,于是了解了一下thymeleaf的fragment加载语法以及th:include、th:replace的区别,得以解决。首先在pom.xml引入thymeleaf的依赖 <dependenc...原创 2019-08-28 14:14:31 · 1111 阅读 · 1 评论