• Spring Boot的Web开发之Thymeleaf模板引擎的解析及使用（Thymeleaf的基础语法以及常用属性)

    创作不易 觉得有帮助或有疑惑可以点赞关注收藏后评论区留言

    目录：1：Spring Boot的Thymeleaf支持

    2：Thymeleaf的基础语法

    3:Thymeleaf的常用属性

    在Spring Boot的Web应用中 建议开发者使用HTML完成动态页面 Spring Boot提供了许多模板引擎，因为Thymeleaf提供了完美的Spring MVC支持 所以在Spring Boot的Web应用中推荐使用Thymeledf作为模板引擎

    Thymeleaf是一个Java类库 是一个XML/XHTML/HTML5的模板引擎，能够处理HTML XML JavaScript以及CSS可以作为MVC Web应用的view层显示数据

    Spring Boot的的Thymeleaf支持

    1：创建Spring Strater Project

    选择菜单 File-New-Spring Strater Project 打开后 输入信息后单击Next

    2：选择依赖

     3：创建控制器类 创建一个名为com.ch.ch5_1的包 然后创建控制类 代码如下

    1. package com.ch.ch5_1.controller;
    2. import org.springframework.stereotype.Controller;
    3.  
    4. @Controller
    5. public class TestThymeleafController {
    6. @RequestMapping("/")
    7. 	public String test() {
    8. 		
    9. 		return "index";
    10. 		
    11. 	}
    12. 	
    13.  
    14. }

    4：新建index.html页面 代码如下

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Insert title here</title>
    6. </head>
    7. <body>
    8. 测试Spring Boot的Thymeleaf支持
    9. </body>
    10. </html>

    然后运行主类即可

    Thymeleaf基础语法

    1：引入Thymeleaf

    首先将View层页面文件的html标签修改如下

     然后 在View层页面文件的其他标签里 使用th：*动态处理页面

     2:输出内容

    对HTML标签解析 

    3：基本表达式

    变量表达式：￥{...}

    变量表达式用于访问容器上下文环境中的变量

    <span th:text="${information}">

     选择变量表达式：*{...}

    选择变量表达式计算的是选定的对象

    name<span th:text="*{firstName}"></span><br>

    信息表达式：#{...}

    信息表达式一般用于显示页面静态文本 将可能需要根据需求而整体变动的静态文本放在一起以便维护

    <p th:text="${test.myText}"></p>

    4:引入URL

    Thymeleaf通过模块@{...}表达式引入URL

    <a th:href="@{http://www.tup..tsinghua.edu.cn/index.html{param1='传参')}">去清华大学出版社</a>

    5:访问WebContext对象中的属性

    Thymeleaf模板通过一些专门的表达式从模板的WebContext获取请求参数 部分如下

    1. ${xxx}将返回存储在的变量或者属性
    2. ${param.xxx}返回一个名为xxx的请求参数
    3. ${session.xxx}返回一个名为xxx的HttpSession作用域中的属性

    6：运算符

    同Java

    7：条件判断

    1. if 只有在条件成立时才显示标签内容
    2. unless 只有在条件不成立时才显示标签内容
    3. switch 支持多路选择 defalut用*表示

    8：循环

    Thymeleaf模板使用th:each="obj,iterStat:${objList}"标签进行迭代循环

    9：内置对象

    内置对象一般都以s结尾 可以通过#直接访问 如下图

     

    Thymeleaf的常用属性 

    Thymeleaf语法的使用都是通过在html页面的标签中添加th:xxx关键字来实现模板套用 并且其属性与html页面标签基本类似 常用属性有以下几种

    1：th:action

    1. th:action定义后台控制器路径 类似于action属性
    2. <form th:action="@{/login}...

    2:th:each

    1. 用于集合对象遍历 功能类似于JSTL标签的foreach
    2. th:each="gtype:${gtypes}">

    3:th:field

    1. 用于表单参数绑定 通常于th:object一起使用
    2. <input type="text"value="" th:field="*{username}"></input>

    4:th:href

    1. 用于定义超链接
    2. <a th:href="@{/gogo}"></a>

    5:th:id

    1. 用于id的声明
    2. <div th:id="stu+(${rowStat.index}+1)"></div>

    6:th:if

    1. 用于条件判断
    2. <div th:if="${rowStat.index}==0"> dosomething</div>

    7:th:fragment

    声明定义该属性的div为模板片段 常用于头文件

    8：th:object

    用于表单数据对象绑定 将表单绑定到后台controller的一个JavaBean参数 经常与th:field一起使用 进行表单数据绑定

    9：th:onclick

    1. 用于修改单击事件 代码如下
    2. <button th:onclick="'getCollect()':>

  • 相关阅读:
    测不准原理
    分享一个基于python+django的医院药品库存管理系统 医药配药系统源码 调试 lw
    SkyWalking 入门教程
    使用qt5.6.3的注意事项：
    （C++版）ROS2 bind函数解读
    如何在华为 Ascend 设备上运行模型
    浅谈yolov5中的anchor
    go搭建服务器基础
    蓝桥杯 Java 括号序列
    Python——字典数据存入excel
  • 原文地址：https://blog.csdn.net/jiebaoshayebuhui/article/details/127402273