项目实战之Thymleaf项目常用操作

简介: Thymleaf搭配Springboot完成页面渲染,整理下日常开发中常见常用操作

欢迎点击主页查看更多内容....

Thymleaf搭配Springboot完成页面渲染,整理下日常开发中常见常用操作
1.下拉框动态被选中

<label for="inputLevel"
class="col-6 col-form-label form-label">用户等级:</label>
<div class="col-6">
<select id="inputLevel" class="form-control" name="level">
<option value=""
th:selected="${null==req?'selected':req.level==null?'select':'false'}">
全部
</option>
<option value="1"
th:selected="${null==req?'false':req.level=='1'?'select':'false'}">1级
</option>
<option value="2"
th:selected="${null==req?'false':req.level=='2'?'select':'false'}">2级
</option>
</select>
</div>
</div>

2.动态复选框选中(判断List是否包含)

<input type="checkbox"
  th:id="'checkboxResource' + ${resourceEn.key}"
  th:checked="${null==req.resourceIdList?'false':#arrays.contains(req.resourceIdList, #strings.toString(resourceEn.key))?'checked':'false'}"
  name="resourceIdList" th:value="${resourceEn.key}">
  <label th:text="${resourceEn.value.name}" th:for="'checkboxResource' + ${resourceEn.key}"></label>

3.onclick动态传值

<button type="button" th:text="*{status}==0?'开启':'关闭'"
th:attr="disabled=*{status==10?true:false}"
th:data-id="${supplier.id}"
th:data-status="*{status==0?1:0}"
th:class="*{status ==0||status!=1}?'btn btn-block btn-success':'btn btn-block btn-danger'"
onclick="enable(this.getAttribute('data-id'),this.getAttribute('data-status'))"></button>

4.日期格式化

<td th:text="*{#dates.format(updateTime, 'yyyy-MM-dd HH:mm:ss')}">

5.保留小数点后两位

<label class="ml-3" th:if="*{price ne 1.0}" th:text="*{#numbers.formatDecimal(price * 10,0,2)}"></label>

6.点击详情/编辑回显下拉被选中

<select class="form-control select2bs4" style="width: 100%;" name="id">
<option value="" selected="selected">==请选择==</option>
<option th:each="user : ${users}" th:selected="${user.id eq dept.id}"  th:text="${user.Name}"></option></select>
目录
相关文章
|
22天前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
120 45
|
6月前
|
监控 安全 前端开发
Python全栈安全:构建安全的全栈应用
Python全栈安全:构建安全的全栈应用
88 0
|
Python
【持续更新,建议收藏】Python必知必会的知识点,极大提升开发效率
【持续更新,建议收藏】Python必知必会的知识点,极大提升开发效率
71 0
|
IDE 关系型数据库 MySQL
Python全栈开发(一)——环境搭建和入门
今天是2023年的第一天,接下来的一个月里,我将持续更新关于python全栈开发的相关知识,前面一段时间都是基础语法。主要分成四大块:基础、面向对象、MYSQL数据库、Django框架。话不多说,进入到今天的主题。
|
C语言 Python
Python从入门到项目实战————程序逻辑结构(二)
Python从入门到项目实战————程序逻辑结构(二)
107 0
|
Java
Java学习之路001——基础语法以及IDEA的基本使用(中)
默认转换(从小的数据类型到大的数据类型) • byte,short,char-int-long-float-double • byte,short,char相互之间不转换,它们参与运算首先转换为int
164 0
|
Java
Java学习之路001——基础语法以及IDEA的基本使用(下)
在一个程序执行的过程中,各条语句的执行顺序对程序的结果是有直接影响的。也就是说程序的流程对运行结果有直接的影响。所以,我们必须清楚每条语句的执行流程。而且,很多时候我们要通过控制语句的执行顺序来实现我们要完成的功能。
139 0
|
Java 程序员 开发工具
Java学习之路001——基础语法以及IDEA的基本使用(上)
目录 1.1 开发工具介绍 1.2 案例开发步骤 1.3 程序解析 1.4 常见错误 2.1 关键字 2.1.1 常见关键字
218 0
|
前端开发
前端项目实战238-根据dataIndex编辑当前行
前端项目实战238-根据dataIndex编辑当前行
90 0
前端项目实战238-根据dataIndex编辑当前行
|
前端开发
前端项目实战141-RTKQ项目中案例详解2
前端项目实战141-RTKQ项目中案例详解2
86 0
下一篇
无影云桌面