Thymeleaf 笔记

Thymeleaf 笔记

1.便利后台数据填充表格里,判断空, 格式化时间,A标签

<thead>
<tr>
<td width=”10%”>应用ID</td>
<td width=”10%”>应用名称</td>
<td width=”10%”>包名</td>
<td width=”15%”>屏幕信息</td>
<td width=”15%”>创建时间</td>
<td width=”15%”>操作</td>
</tr>
</thead>
<tbody>
<tr th:each=”app :${page.content}”>
<td th:text=”${app?.id}”></td>
<td th:text=”${app?.name}”></td>
<td th:text=”${app?.packageName}”></td>
<td th:text=”${app?.deviceType?.name}”></td>
<td th:text=”${#dates.format(app?.createAt,’yyyy-MM-dd HH:mm:ss’)}”></td>
<td >
<a th:href=”${‘/apps/delete/’+app.id}”>删除</a>
</td>
</tr>

 

2.绑定事件

<button class=”btn btn-sm btn-primary” id=”newVersion”>新增App</button>Js这样写:$(“#newVersion”).click(function () {
location.href=”/apps/new”
});如果需要ajax,如下:$(“.deviceDetail”).click(function () {
var deviceId = $(this).attr(“data-deviceId”);
$.ajax({
url: ‘/device/detail?deviceId=’ + deviceId,
type: ‘GET’,
processData: false,
contentType: false,
success: function (response) {
if (response == true) {
location.href = “/device/detail/” + deviceId;
} else {
layer.msg(“没有找到设备心跳信息,无法查看详情”);
}
},
error: function (responseStr) {
layer.msg(“没有找到设备心跳信息,无法查看详情”);
}
});
});

 

本站的文章多是老王开发工作中问题的记录,一个字一个字敲的,切实可行,可以分享,需要留个原文链接,至少也意思意思吧!
vsalw技术博客 » Thymeleaf 笔记

每个人都是以自己独特的方式体味生活,或许别人不理解,但自己知道:其中的酸甜苦辣就叫做幸福!

认同! 瞎扯淡!