Thymeleaf 常用属性
来源:互联网 发布:剑网三菊花插件dbm数据 编辑:程序博客网 时间:2024/05/17 22:46
如需了解Thymeleaf 基本表达式,请参考《Thymeleaf 基本表达式》一文
th:action
定义后台控制器路径,类似<form>标签的action属性。
例如:
<form id="login-form" th:action="@{/login}">...</form>
th:each
对象遍历,功能类似jstl中的<c:forEach>标签。
例如:
public class StudentRequestBean {private List<Student> students;...}public class Student implements Serializable{private String firstName;private String school;...}
@RequestMapping(value = "/addStudent", method = RequestMethod.POST)public String addStudent(@ModelAttribute(value = "stuReqBean") StudentRequestBean stuReqBean,ModelMap model) {...}
<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}"></input><input type="text" class="school" value="" th:field="*{students[__${rowStat.index}__].school}"></input>...</div></form>
上面的例子中通过选择表达式*{}既能将表单绑定到后台的StudentRequestBean中的集合属性students,也能将Servlet上下文中的StudentRequestBean中的List类型的students变量回显,回显时通过th:each进行遍历。
注意1:绑定集合属性元素下标的用法*{students[__${rowStat.index}__].firstName}
注意2:如果List<Student> students为null,页面将无法显示表单,后台必须给students初始化一个值,即:
List<Student > stus = new ArrayList<Student >();stus .add(new Student ());StudentRequestBean.setStudents(stus );
注意3:stuIter代表students的迭代器
th:field
常用于表单字段绑定。通常与th:object一起使用。 属性绑定、集合绑定。
如:
public class LoginBean implements Serializable{...private String username;private List<User> user;...}public class User implements Serializable{...private String username;;...}@RequestMapping(value = "/login", method = RequestMethod.POST)public String login(@ModelAttribute(value = "loginBean") LoginBean loginBean,ModelMap model) {..}
<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:include
见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:object
用于表单数据对象绑定,将表单绑定到后台controller的一个JavaBean参数。常与th:field一起使用进行表单数据绑定。
例如:
public class LoginBean implements Serializable{...}@RequestMapping(value = "/login", method = RequestMethod.POST)public String login(@ModelAttribute(value = "loginBean") LoginBean loginBean,ModelMap model) {...}
<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:replace
见th:fragment
th:text
文本显示。
例如:
<td class="text" th:text="${username}" ></td>
th:value
用于标签复制,类似<option>标签的value属性。
例如:
<option th:value="Adult">Adult</option><input id="msg" type="hidden" th:value="${msg}" />
- Thymeleaf 常用属性
- Thymeleaf 常用属性
- Thymeleaf 常用属性
- Thymeleaf 常用属性
- thymeleaf常用的一些标签属性
- thymeleaf常用的一些标签属性
- Thymeleaf的内置属性
- thymeleaf的属性优先级
- Thymeleaf设置任意属性
- Thymeleaf设置特定属性
- Thymeleaf属性优先级
- thymeleaf 常用用法
- thymeleaf 个人常用标签
- Thymeleaf设置固定值属性
- thymeleaf下设置onclick属性
- using thymeleaf之九属性优先级
- Thymeleaf教程 (六) 设置属性值
- Thymeleaf在属性头部与尾部附加值
- Tree-----镜像树(101. Symmetric Tree)
- 安装
- 以太坊智能合约编程之菜鸟教程
- 单例模式总结和应用
- 以太坊区块链白皮书
- Thymeleaf 常用属性
- 漫画网站爬虫详解
- ORA-01504问题
- DSST折腾笔记(一):树莓派3上的移植
- 纯C++创建Windows窗体(理解WinMain()与WndProc())
- ORB-SLAM2
- unity三次样条曲线的简单实现
- 四无年轻人如何逆袭
- javaweb基础----ajax+Hibernate验证用户名是否已被注册