关于thymeleaf的属性设置
th:attr自定义多属性设置
thymeleaf可用通过th:attr设置自定义的属性,以便在前端应用到对应的属性值:
<a href="#" th:attr="data-url=@{/manage/index},data-title=#{name}"></a>
th:if多条件判断
th:if多条件判断,li标签里的th:if都满足是才会显示该标签
<div th:object="${session.user}">
<ul th:if="${#object.islogin}">
<li th:if="${#object.type==1}" th:if="${#object.name=='admin'}">admin管理员</li>
<li th:if="${#object.type==2}" th:if="${#object.name=='user'}">admin管理员</li>
</ul>
</div>
th:class表达式选择class
通过表达式判断选择应用对应的class
<a href="#" th:class="${user.type==1}? 'user' : 'admin'" th:text="${user.name}"></a>
以上内容是本人在开发过程中需要用的内容,网上并没有相关的介绍使用。
回复:qq_34114323希望能帮到你
前端页面
<form class="form-inline form-condensed">
<div class="form-group">
<label for="exampleInputEmail3">部门名称</label> <input type="text"
class="form-control" id="exampleInputEmail3"
placeholder="you@me.com">
</div>
<div class="form-group">
<label for="exampleInputAddress7">状态</label> <select
class="form-control" id="exampleInputAddress7"
style="width: 186px;">
<option>启用</option>
<option>禁用</option>
</select>
</div>
<label xss="removed">
<button class="btn btn-sm btn-default btn-pass"
data-loading-text="处理中" th:attr=" data-id=${id}, data-status=3"
th:if="${status} ne 0" th:if="${status} ne 3">不通过</button>
</label>
<button type="submit" class="btn btn-primary">查询</button>
</form>
后端
/**
* 跳转到菜单列表列表页面
*/
@RequestMapping("")
@RequiresRoles("administrator")
public String index(Model model) {
List<Map<String, Object>> menulist = menuService.selectAllMenus();
model.addAttribute("id",1);
model.addAttribute("status",2);
model.addAttribute("menulist", menulist);
return PREFIX + "menu";
}
结果
/**
* 跳转到菜单列表列表页面
*/
@RequestMapping("")
@RequiresRoles("administrator")
public String index(Model model) {
List<Map<String, Object>> menulist = menuService.selectAllMenus();
model.addAttribute("id",1);
model.addAttribute("status",3);
model.addAttribute("menulist", menulist);
return PREFIX + "menu";
}