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')

  • 相关阅读:
    podfile 文件写法
    九大内置对象
    动态网页开发基础
    表单效验
    使用jQuery快速高效制作网页交互特效
    使用jQuery操作DOM
    jQuery选择器
    初始jQuery
    javaScript基础及初始面向对象
    JavaScript操作DOM对象
  • 原文地址:https://www.cnblogs.com/passedbylove/p/11820142.html
Copyright © 2011-2022 走看看