zoukankan      html  css  js  c++  java
  • thymeleaf中分类信息使用不同的样式

    需求:

    相关class类名:S224_on_point

    url:/notification/list

     url:/notification/list?type=2

    thymeleaf代码如下:

    <div th:classappend="${(param.isEmpty() ? 'S224_on_point ' : '') + 'S224_message_kind pageChange'}" th:attr="data-page=@{/notification/list}">全部消息</div>
                    <div th:classappend="${(#strings.equals(#request.getParameter('type'),'1') ? 'S224_on_point ' : '') + 'S224_message_kind pageChange'}" th:attr="data-page=@{/notification/list(type=1)}">平台动态</div>
                    <div th:classappend="${(#strings.equals(#request.getParameter('type'),'2') ? 'S224_on_point ' : '') + 'S224_message_kind pageChange'}" th:attr="data-page=@{/notification/list(type=2)}">产品消息</div>
                    <div th:classappend="${(#strings.equals(#request.getParameter('type'),'3') ? 'S224_on_point ' : '') + 'S224_message_kind pageChange'}" th:attr="data-page=@{/notification/list(type=3)}">财务消息</div>
                    <div th:classappend="${(#strings.equals(#request.getParameter('type'),'4') ? 'S224_on_point ' : '') + 'S224_message_kind pageChange'}" th:attr="data-page=@{/notification/list(type=4)}">用量消息</div>

    thymeleaf中${param.xx}返回的是数组,这一点和jstl不一样,所以此次使用#request.getParameter('type')

  • 相关阅读:
    冲刺计划第五天
    冲刺计划第四天
    冲刺计划第三天
    冲刺计划第二天
    冲刺计划第一天
    本周总结(9)
    统计文章中得单词百分比、以及字母百分比
    梦断代码阅读笔记03
    maven仓库、jar包兼容问题
    SpringMVC异常映射
  • 原文地址:https://www.cnblogs.com/passedbylove/p/11820142.html
Copyright © 2011-2022 走看看