zoukankan      html  css  js  c++  java
  • thymeleaf 标签使用方法

    使用thymeleaf首先添加依赖,
    <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>xxx</version>
    </dependency>
    1、集合遍历
    控制器方法如下,
    @RequestMapping(“/findAll”)
    public String findAll(Map map){
    List<SSLXX>list=sslxxService1.findAll();
    map.put(“list”,list);
    return “/show”;
    }
    页面显示:

    <table cellspacing="0" cellpadding="0">
    <tr>
    <td th:text="宿舍楼代码"></td>
    <td th:text="宿舍楼名称"></td>
    <td th:text="宿舍楼层"></td>
    <td th:text="入住性别"></td>
    <td th:text="使用人"></td>
    <td th:text="宿舍社区"></td>
    <td th:text="宿舍员"></td>
    <td th:text="宿管联系方式"></td>
    <td th:text="住宿人数"></td>
    <td th:text="宿舍状态"></td>
    </tr>
    <tr th:each="s,Stat:${list}">
    <td th:text="${s.ssldm}"></td>
    <td th:text="${s.sslmc}"></td>
    <td th:text="${s.sslc}"></td>
    <td th:text="${s.rzxb==1}?'男':'女'"></td>
    <td th:switch="${s.syr}">
    <span th:case="1">学生</span>
    <span th:case="2">教师</span>
    <span th:case="3">其他</span>
    </td>
    <td th:text="${s.sssq.sqm}"></td>
    <td th:text="${s.tUser.name}"></td>
    <td th:text="${s.sglxfs}"></td>
    <td th:text="${s.zsrs}"></td>
    <td th:text="${s.sfqy==1}?'正常':'禁用'"></td>
    </tr>
    </table>
    页面显示效果如下,

    以上的判断有三种写法如下所示,
    第一种
    <td th:text="${s.rzxb==1}?'男':''"></td>
    第二种
    <td th:if="${s.rzxb==1}" th:text="男"></td>
    <td th:if="${s.rzxb==2}" th:text="女"></td>
    第三种

    <td th:switch="${s.syr}">
    <span th:case="1" th:text="男"></span>
    <span th:case="2" th:text="女"></span>
    </td>
    这三种方法的区别,如果只是判断2个值例如男、女的情况,推荐使用第一种方法。如果有多个值的情况例如男、女、未知三个值甚至更多值的情况下推荐使用第三种方法和第二种方法,本人偏爱第三种方法。

    2、判断是否为空
    使用th:each做循环迭代,并使用${对象.属性}来访问具体的值
    判断是否为空

    <tr th:if="${messages.empty}">
    <td colspan="3">No messages</td>
    </tr>
    3、在Javascript中访问model模型数据

    <script th:inline="javascript">
    var user = [[${user}]]
    console.log(user.name + “ ” + user.age);
    </script>
    通过添加th:inline=”javascript”到script标签来访问model模型数据,通过”[[${}]]”这种格式来获取具体的值

    4、引用web静态资源 
    Thymeleaf通过”@{}”来引用web静态资源,例如:
    <script th:src="@{bootstrap/js/boostrap.min.js}"></script>

  • 相关阅读:
    根据服务端生成的WSDL文件创建客户端支持代码的三种方式
    2017第45周一java多线程创建方法
    java 分布式锁
    设计的背后
    Java中的锁概念
    maven变量
    清零成长法
    Java消息队列
    Java9的新特性
    2017第43周日
  • 原文地址:https://www.cnblogs.com/ming-blogs/p/10288609.html
Copyright © 2011-2022 走看看