项目实战之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>
目录
相关文章
|
9月前
|
存储 Linux 开发工具
Python 进阶指南(编程轻松进阶):十二、使用 Git 组织您的代码项目
Python 进阶指南(编程轻松进阶):十二、使用 Git 组织您的代码项目
104 0
|
9月前
|
Shell 网络安全 开发工具
Git基础入门与常用操作
Git基础入门与常用操作
106 0
|
存储 小程序 程序员
【python基础知识】21.高效偷懒的正确打开方式-毕业篇
【python基础知识】21.高效偷懒的正确打开方式-毕业篇
74 0
|
前端开发
前端项目实战238-根据dataIndex编辑当前行
前端项目实战238-根据dataIndex编辑当前行
99 0
前端项目实战238-根据dataIndex编辑当前行
|
前端开发 vr&ar Android开发
百思奇解项目笔记
百思奇解项目笔记
402 0
百思奇解项目笔记
|
前端开发
前端项目实战141-RTKQ项目中案例详解2
前端项目实战141-RTKQ项目中案例详解2
102 0
|
前端开发
前端项目实战140-RTKQ项目中案例详解
前端项目实战140-RTKQ项目中案例详解
116 0
|
测试技术
robotframewor安装及项目实战(二)
robotframewor安装及项目实战(二)
1515 0
robotframewor安装及项目实战(二)
|
Python
robotframewor安装及项目实战(一)
robotframewor安装及项目实战
222 0
robotframewor安装及项目实战(一)
|
Python Windows
Python全栈之路:文件file常用操作
Python全栈之路:文件file常用操作
116 0
Python全栈之路:文件file常用操作

热门文章

最新文章