• 24.在springboot中使用thymeleaf的属性


    Thymeleaf 属性:
            大部分属性和 html 的一样,只不过前面加了一个 th 前缀。 加了 th 前缀的属性,是经过模版引擎处理的。
    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>html 属性title>
    6. <script type="text/javascript"
    7. th:src="@{/js/jquery-3.4.1.js}">script>
    8. <script type="text/javascript">
    9. function clickFun(){
    10. alert("button click");
    11. }
    12. script>
    13. head>
    14. <body>
    15. <div th:style="'margin-left: 350px'">
    16. <form th:action="@{/thy/form}" th:method="post">
    17. <input type="text" th:id="username" th:name="username"
    18. th:value="${myname}"/>
    19. <input type="button" th:id="btn" th:onclick="clickFun()"
    20. th:attr="value='按钮 click'" />
    21. form>
    22. <br/>
    23. <br/>
    24. <p th:attr="name=${myname}">我是使用了自定义属性名称p>
    25. div>
    26. body>
    27. html>
    th:action
    定义后台控制器的路径,类似
    标签的 action 属性,主要结合 URL 表达式 , 获取动态变量......
    th:method
    设置请求方法
    ......
    th:href
    定义超链接,主要结合 URL 表达式 , 获取动态变量
    th:src
    用于外部资源引入,比如
    th:text
    用于文本的显示,该属性显示的文本在标签体中,如果是文本框,数据会在文本框外显示,要想显示在文本框内,使用 th:value
    th:style
    设置样式
    th:each
    这个属性非常常用,比如从后台传来一个对象集合那么就可以使用此属性遍历输出,它与JSTL 中的 类似,此属性既可以循环遍历集合,也可以循环遍历数组及 Map.
  • 相关阅读:
    装饰器模式——设计模式
    leetcode刷题(132)——完全背包问题思路理解
    Javaweb流浪动物救助平台的设计与实现
    105.am40刷机(linux)折腾记1-前期的准备工作1
    Java-GUI-事件监听
    Vue学习——组件的使用与侦听器(21)
    kafka命令
    饮用水中磷超标的解决方法
    民安智库(第三方满意度调研公司)参展观众满意度调研的概念
    vue-element-admin+springboot登录功能实现
  • 原文地址:https://blog.csdn.net/weixin_59334478/article/details/126754698