当前位置:网站首页>Thymeleaf th:classappend属性追加 th:styleappend样式追加 th:data-自定义属性
Thymeleaf th:classappend属性追加 th:styleappend样式追加 th:data-自定义属性
2022-07-05 14:10:00 【fengyehongWorld】
后台数据准备
public ZTestEntity init3() {
ZTestEntity zTestEntity = new ZTestEntity();
zTestEntity.setIsAdmin(true);
zTestEntity.setName("贾飞天");
return zTestEntity;
}
// ------------------------------------------------
@GetMapping("/init3")
public ModelAndView init3() {
ModelAndView modelAndView = new ModelAndView();
ZTestEntity entity = service.init3();
modelAndView.addObject("entity", entity);
modelAndView.setViewName("test3");
return modelAndView;
}
前台
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<style> .content {
color: red; } .preAttr {
margin-top: 10px; } .test3 {
border: 1px solid yellow; } </style>
<title>test3页面的标题</title>
</head>
<body>
<div id="container" th:object="${entity}">
<!-- // 省略...... -->
</div>
</body>
</html>
一. th:classappend
<!-- 当isAdmin为true时,追加test3属性;否则不执行任何操作 -->
<div class="content" th:classappend="*{isAdmin} ? test3 : _">th:classappend测试内容</div>
渲染后
二. th:styleappend
<!-- 当isAdmin为true时,追加 margin-top:50px 的样式;否则什么都不做 -->
<div style="color: pink;" th:styleappend="*{isAdmin} ? 'margin-top:50px' : _">th:styleappend测试内容</div>
渲染后
三. 自定义属性
<!-- data- 自定义属性可以直接通过 th: 的形式来追加 -->
<div th:data-custom-name="*{name}">th:data-属性测试内容</div>
<!-- th:任意属性名 的方式,可以添加任意属性 -->
<div th:haha="*{name}">th:任意属性测试内容</div>
<hr>
渲染后
四. data-th-属性名的写法
<!-- data-th-属性名 和 th:属性名作用相同,只不过是写法不同 -->
<div data-th-class="*{name}">data-th-测试内容</div>
<div th:class="*{name}">th:class测试内容</div>
渲染后
边栏推荐
- 基于伯努利原理的速度监测芯片可用于天然气管道泄露检测
- 非技术部门,如何参与 DevOps?
- 2022 driller (drilling) examination question bank and simulation examination
- Oneconnect listed in Hong Kong: with a market value of HK $6.3 billion, ye Wangchun said that he was honest and trustworthy, and long-term success
- Recommendation number | what are interesting people looking at?
- LeetCode_3(无重复字符的最长子串)
- 魅族新任董事长沈子瑜:创始人黄章先生将作为魅族科技产品战略顾问
- R language ggplot2 visualization: gganimate package is based on Transition_ The time function creates dynamic scatter animation (GIF) and uses shadow_ Mark function adds static scatter diagram as anim
- Show strength. In this way, the mobile phone will not be difficult to move forward
- VC development of non MFC program memory leak tracking code
猜你喜欢
tidb-dm报警DM_sync_process_exists_with_error排查
金融壹賬通香港上市:市值63億港元 葉望春稱守正篤實,久久為功
Shen Ziyu, nouveau Président de Meizu: M. Huang Zhang, fondateur de Meizu, agira comme conseiller stratégique pour les produits scientifiques et technologiques de Meizu
Introduction, installation, introduction and detailed introduction to postman!
TDengine 社区问题双周精选 | 第三期
分享 12 个最常用的正则表达式,能解决你大部分问题
Why do I support bat to dismantle "AI research institute"
Why do mechanical engineers I know complain about low wages?
LeetCode_2(两数相加)
Guofu hydrogen energy rushes to the scientific and Technological Innovation Board: it plans to raise 2billion yuan, and 360million yuan of accounts receivable exceed the revenue
随机推荐
Why do mechanical engineers I know complain about low wages?
强联通分量
VC开发非MFC程序内存泄漏跟踪代码
Webrtc learning (II)
Laravel dompdf exports PDF, and the problem of Chinese garbled code is solved
The simplest way to open more functions without certificates
Kunlun Taike rushes to the scientific innovation board: the annual revenue is 130million, and it plans to raise 500million. CETC Taiji holds 40% of the shares
Financial one account Hong Kong listed: market value of 6.3 billion HK $Ye wangchun said to be Keeping true and true, long - term work
01. Solr7.3.1 deployment and configuration of jetty under win10 platform
Getting started with rce
R语言ggplot2可视化密度图:按照分组可视化密度图、自定义配置geom_density函数中的alpha参数设置图像透明度(防止多条密度曲线互相遮挡)
让秒杀狂欢更从容:大促背后的数据库(下篇)
治臻新能源冲刺科创板:年营收2.2亿 上汽创投是股东
Mingfeng medical sprint technology innovation board: annual revenue of 350million yuan, proposed to raise 624million yuan
Detailed explanation of SSH password free login
POI set the data format of the column (valid)
Sorter evolution of ticdc 6.0 principle
魅族新任董事长沈子瑜:创始人黄章先生将作为魅族科技产品战略顾问
Qingda KeYue rushes to the science and Innovation Board: the annual revenue is 200million, and it is proposed to raise 750million
清大科越冲刺科创板:年营收2亿 拟募资7.5亿