zoukankan      html  css  js  c++  java
  • thymeleaf常用语法

    常用标签语法:
    ①th:text
    <span th:text="${name}">1</span>
    注释:如果${name}有值则将替换掉1的值,若无则为1

    ②th:href 动态引入静态资源
    <link rel= "stylesheet" th:href= "@{/res/css/jquery-labelauty.css}">
    注释:@{}代表当前html所在的父级根目录,比如html是在webapp下的某个文件夹下,那么就是从webapp下开始查找

    ③th:src 动态引入js静态资源
    <script th:src="@{/res/js/jquery-labelauty.js}"></script>

    ④th:if 单条件判断
    <div th:if="${parameter} == 1"></div>
    注释:若条件成立,则显示该div

    ⑤th:if多条件判断
    <div th:if="${parameter} == 1 or ${parameter} == 2"></div>
    <div th:if="${parameter} == 1 and ${parameter} == 2"></div>
    注释:多条件的话,使用or或者and来表示,不用&&或者||,否则无法解析,亲测

    ⑥遍历List
    <label th:each="surveyQuestion: ${surveyQuestionList}">
    <li th:text="${surveyQuestion.content}">1</li>
    </label>
    注释:遍历surveyQuestionList,若为多个,则显示对应的多个li

    ⑦遍历map
    <label th:each="surveyQuestion: ${surveyQuestionMap}">
    <li th:text="${surveyQuestion.key}">1</li>
    <li th:text="${surveyQuestion.value}">1</li>
    </label>

    ⑧th:attr
    <input type="radio" th:attr="name=${questionDbColumn},value=${optionCode},data-labelauty=${optionContent}" name="test" value="1" data-labelauty="测试"/>
    注释:替换多个属性值,中间使用“,”隔开,若上式成立,则name,value,data-labelauty将均被替换为后台得来的值


  • 相关阅读:
    5、视图
    4、数据更新
    3、聚合与排序
    2、查询基础
    1、数据库和SQL
    Day-13:组合查询
    Day-12:创建高级联结
    Day-11:联结表
    Day-10:使用子查询
    Day-9:分组数据
  • 原文地址:https://www.cnblogs.com/cecWork/p/10523833.html
Copyright © 2011-2022 走看看