项目实战之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>
目录
相关文章
|
Oracle 数据可视化 关系型数据库
tableau入门简介和常用操作(一)
tableau入门简介和常用操作(一)
tableau入门简介和常用操作(一)
|
4月前
|
Shell 网络安全 开发工具
Git基础入门与常用操作
Git基础入门与常用操作
73 0
|
SQL 数据库
实战:第二章:关于EZDML工具使用踩的坑
实战:第二章:关于EZDML工具使用踩的坑
137 0
|
SQL 前端开发 Java
ssm项目从零到精通的超全解析(含项目源码)
目录前言mvcjsp代码css代码 前言 写这篇文章主要是为了给初学者从浅入深进行巩固(后面会慢慢多这一类的文章) 文中主要包含思路以及代码的逻辑、代码细节的补充等 这个项目主要是ssm框架搭建的一个后台网站 主要涉及的知识点有 spring、springmvc、mybatis 这些知识点可通过我之前的文章进行学习 mvc 代码模块主要涉及mvc 所谓mvc为 M——Model(模型,即JavaBean) V——View(视图,即页面) C——Controller(控制层,即与前端交互的类) 关于为什么
252 1
ssm项目从零到精通的超全解析(含项目源码)
|
SQL JSON Java
入门案例(项目搭建)|学习笔记
快速学习入门案例(项目搭建)
74 0
入门案例(项目搭建)|学习笔记
|
Java 关系型数据库 MySQL
入门案例(开发环境配置)|学习笔记
快速学习入门案例(开发环境配置)
78 0
入门案例(开发环境配置)|学习笔记