关于thymeleaf的多条件及多属性设置

关于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";
    }

在这里插入图片描述

  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值