• Thymeleaf的th


    th:action 定义后台控制器路径,类似<form>标签的action属性。

    <form id="login-form" th:action="@{/login}">...</form>
    th:each          对象遍历,功能类似jstl中的<c:forEach>标签。
    <form id="login-form" th:action="@{/addStudent}"  th:object="${stuReqBean}" method="POST">
    <div class="student" th:each="stuIter,rowStat:${stuReqBean.students}">
    <input type="text" class="firstName" value="" th:field="*{students[__${rowStat.index}__].firstName}"/>
    ...
    </div></form>
    上面的例子中通过选择表达式*{}既能将表单绑定到后台的StudentRequestBean中的集合属性students,也能将Servlet上下文中的StudentRequestBean中的List类型的students变量回显,回显时通过th:each进行遍历。
    注意1:绑定集合属性元素下标的用法*{students[__${rowStat.index}__].firstName}
    注意2:如果List<Student> students为null,页面将无法显示表单,后台必须给students初始化一个值
    注意3:stuIter代表students的迭代器
    th:field          常用于表单字段绑定。通常与th:object一起使用。 属性绑定、集合绑定。
    <form id="login-form" th:action="@{/login}" th:object="${loginBean}">...
    <input type="text" value="" th:field="*{username}"></input>
    <input type="text" value="" th:field="*{user[0].username}"></input>
    </form>
    th:href           定义超链接,类似<a>标签的href 属性。value形式为@{/logout}
    <a th:href="@{/logout}" class="signOut"></a>
    th:id              div id声明,类似html标签中的id属性。
    <div class="student" th:id = "stu+(${rowStat.index}+1)"></div>
    th:if        条件判断。
    <div th:if="${rowStat.index} == 0">... do something ...</div>
    th:fragment   我们可以使用th:fragment属性来定义一个模板,声明定义该属性的div为模板片段,常用与头文件、页尾文件的引入。常与th:include,th:replace一起使用。
    例如:声明模板片段/WEBINF/templates/footer. html
    <div th: fragment=" copy" >
    © 2011 The Good Thymes Virtual Grocery
    </div>
    引入模板片段
    <div th: include=" /templates/footer : : copy" ></div>
    <div th: replace=" /templates/footer : : copy" ></div>
    th:include      加载模板的内容
    见上
    th:replace      替换当前标签为模板的中标签
    见上
    th:object 用于表单数据对象绑定,将表单绑定到后台controller的一个JavaBean参数。常与th:field一起使用进行表单数据绑定
    <form id="login-form" th:action="@{/login}" th:object="${loginBean}">...</form>
    th:src             用于外部资源引入,类似于<script>标签的src属性,常与@{}一起使用。
    <script th:src="@{/resources/js/jquery/jquery.json-2.4.min.js}"
    th:value  用于标签复制,类似<option>标签的value属性。
    <option th:value="Adult">Adult</option>
    <input  id="msg" type="hidden" th:value="${msg}" />
     th:remove 删除代码
    • all 删除当前标签和其内容和子标签
    • body 不删除当前标签,但是删除其内容和子标签
    • tag 删除当前标签,但不删除子标签
    • all-but-first 删除除第一个子标签外的其他子标签
    • none 啥也不干
    <a href="/something" th:remove="${condition}? tag : none">Link text not to be removed</a>
    <table> <tr th:remove="all"> <td>Mild Cinnamon</td> </tr> </table>
     
  • 相关阅读:
    1. flask框架-简介/快速启动
    conda创建、查看、删除虚拟环境
    DOM用法(二)
    DOM用法(一)
    BOM用法
    Javascript对象
    JavaScript基础篇
    mysql 外连接
    mysql 连接表 内连接 inner
    mysql分组函数
  • 原文地址:https://www.cnblogs.com/easyjie/p/12360121.html
Copyright © 2020-2023  润新知