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将均被替换为后台得来的值


  • 相关阅读:
    python链接Hive
    input type=file输入框
    JQ剪辑图片插件,适用于移动端和PC端
    随笔
    Js获取当前日期时间及其它操作
    SQL中like语句的索引使用
    MS SQLSERVER 数据库表存储结构
    Jdom 解析 XML
    sqlserver 查询时,datetime的相关函数
    xml转换String输出
  • 原文地址:https://www.cnblogs.com/cecWork/p/10523833.html
Copyright © 2011-2022 走看看