【SpringBoot】 4 Thymeleaf
官网
https://www.thymeleaf.org/
介绍
Thymeleaf 是一个适用于 Web 和独立环境的现代服务器端 Java 模板引擎。
模板引擎：为了使用户界面和业务数据分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎会生成一个标准的 html 文档。
模板的作用：做好一个模板后，套入对应的位置的数据，最终以 html 的格式进行展示。
模板引擎的特点：提高页面、代码的复用性。
官网文档
https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html
依赖
pom.xml
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
配置
thymeleaf 的默认配置，可以不改。
application.yml
spring:application:name: systemthymeleaf:prefix: classpath:/templates/ #前缀，默认为classpath:/templates/ suffix: .html #后缀，默认为.html
接口
在 controller 目录下，新建 UserController 类。
此处返回的是 user 页面。
UserController.java
package com.lm.system.controller;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;/*** @Author: DuHaoLin* @Date: 2024/7/26*/
@Controller
public class UserController {@GetMapping("user")public String user(Model model) {model.addAttribute("name", "Tom");model.addAttribute("age", 18);return "user";}}返回页面
在 resource 目录下，新建 thymeleaf 默认获取的 templates 目录。
在 templates 目录下，新建 user.html 文件。
user.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Thymeleaf</title>
</head>
<body><span>姓名:</span><span th:text="${name}"></span><br /><span>年龄:</span><span th:text="${age}"></span>
</body>
</html>
效果图展示
项目目录结构
相关文章：
【SpringBoot】 4 Thymeleaf
官网 https://www.thymeleaf.org/ 介绍 Thymeleaf 是一个适用于 Web 和独立环境的现代服务器端 Java 模板引擎。 模板引擎：为了使用户界面和业务数据分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎会生成一个标准的 html 文档…...
动静资源的转发操作
目录 Nginx中的location指令 静态资源的转发 动态资源的转发 注意事项 深入研究 如何在Nginx中实现对特定后缀文件的静态资源进行反向代理？ Nginx中location指令的优先级是怎样确定的？ 为什么在使用proxy_pass时要区分是否带有斜杠？ N…...
Windows系统安全加固方案：快速上手系统加固指南（上）
无论是个人用户、小型企业还是大型机构，都需要采取措施保护其计算机系统免受各种威胁、系统加固常见的应用场景有个人用户、 AWD 比赛、公共机构以及企业环境等等 文档目录 一、Windows常用命令二、Windows常见端口三、账户安全3.1 默认账户安全3.2 按照用户分配账户…...
git连接远程仓库
一、本地新建代码，上传到远程仓库 1.git init #初始化本地仓库 2.git remote -v #查看当前仓库的远程地址 3.git remote add origin 远程仓库的URL 4.git branch master / git branch dev 创建 主分支或者 dev 分支 5.git checkout master/dev. 切换到主分支或者dev 分支…...
算法-----递归~~搜索~~回溯（宏观认识）
目录 1.什么是递归 1.1二叉树的遍历 1.2快速排序 1.3归并排序 2.为什么会用到递归 3.如何理解递归 4.如何写好一个递归 5.什么是搜索 5.1深度（dfs）优先遍历&优先搜索 5.2宽度（bfs）优先遍历&优先搜索 6.回溯 1.什…...
【云原生】Docker搭建知识库文档协作平台Confluence
目录 一、前言 二、企业级知识库文档工具部署形式 2.1 开源工具平台 2.1.1 开源工具优点 2.1.2 开源工具缺点 2.2 私有化部署 2.3 混合部署 三、如何选择合适的知识库平台工具 3.1 明确目标和需求 3.2 选择合适的知识库平台工具 四、Confluence介绍 4.2 confluence特…...
序列化与反序列化的本质
1. 将对象存储到本地 假如有一个student类，我们定义了好几个对象，想要把这些对象存储下来，该怎么办呢 from typing import List class Student:name: strage: intphones: List[str] s1 Student("xiaoming",10,["huawei&quo…...
飞牛爬虫FlyBullSpider 一款简单方便强大的爬虫，限时免费 特别适合小白！用它爬下Boss的2024年7月底Java岗位，分析一下程序员就业市场行情
一、下载安装FlyBullSpider 暂时支持Window,现在只在Win11上做过测试 1 百度 点击百度网盘 下载 链接：https://pan.baidu.com/s/1gSLKYuezaZgd8iqrXhk8Kg 提取码：Fly6 2 csdn https://download.csdn.net/download/fencer911/89584687 二、体验初…...
EXCEL 排名(RANK,COUNTIFS)
1.单列排序 需求描述：如有下面表格，需要按笔试成绩整体排名。 解决步骤： 我们使用RANK函数即可实现单列整体排名。 Number 选择第一列。 Ref 选择这一整列（CtrlShift向下箭头、再按F4）。 "确定"即可计算…...
【踩坑系列-JS】iframe中的url参数获取
Author：赵志乾 Date：2024-07-24 Declaration：All Right Reserved！！！ 1. 问题描述 系统A的页面中以iframe的方式嵌入了系统B的页面，并需要将A页面url中的参数传递给B页面。 最初的实现方式是&am…...
测试工作中常听到的名词解释 : )
背景 很多名称其实看字面意思都挺抽象的，有时看群里的测试大佬在不停蹦这类术语，感觉很高大上，但其实很多你应该是知道的，只不过没想到别人是这样叫它的。又或者你的主编程语言不是 Java，所以看不懂他们在讲啥&#x…...
Linux内网离线用rsync和inotify-tools实现文件夹文件单向同步和双向同步
lsyncd实现方式可参考：https://www.jianshu.com/p/c075ccf89516 安装文件下载：相关文件下载 rsync默认都有，所以没有提供。 服务端和客户端均操作 服务端：双向同步其实都是服务端，只是单向同步时稍有区别 客户端&am…...
Spring Security学习笔记（二）Spring Security认证和鉴权
前言：本系列博客基于Spring Boot 2.6.x依赖的Spring Security5.6.x版本 上一篇博客介绍了Spring Security的整体架构，本篇博客要讲的是Spring Security的认证和鉴权两个重要的机制。 UsernamePasswordAuthenticationFilter和BasicAuthenticationFilter是…...
产品经理NPDP好考吗？
NPDP是新产品开发专业人员的资格认证，对于希望在产品管理领域取得认可的专业人士来说，NPDP认证是一项重要的资格。 那么，产品经理考取NPDP资格认证究竟难不难呢？ 首先，NPDP考试的难易程度取决于考生的背景和准备情况…...
【C++】：红黑树的应用 --- 封装map和set
点击跳转至文章：【C】：红黑树深度剖析 — 手撕红黑树！ 目录 前言一，红黑树的改造1. 红黑树的主体框架2. 对红黑树节点结构的改造3. 红黑树的迭代器3.1 迭代器类3.2 Begin() 和 End() 四，红黑树相关接口的改造4.1 Find…...
unity美术资源优化（资源冗余，主界面图集过多）
图片资源冗余： UPR unity的性能优化工具检查资源 1.检查纹理读/写标记 开启纹理资源的读/写标志会导致双倍的内存占用 检查Inspector -> Advanced -> Read/Write Enabled选项 2.检查纹理资源alpha通道 如果纹理的alpha通道全部为0，或者全部为2…...
【git】github中的Pull Request是什么
在 Git 中，"pull request"（简称 PR）是一种在分布式版本控制系统中使用的功能，特别是在使用 GitHub、GitLab、Bitbucket 等基于 Git 的代码托管平台时。Pull Request 允许开发者请求将他们的代码更改合并到另一个分支&am…...
gitlab查询分支API显示不全，只有20个问题
背景 gitlab查询分支API需要查询所有分支，且分支数量大于20，但目前调用接口返回的branch最多就显示了20个 解决方案 根据GitLab的文档，查询分支API默认最多返回20个分支。如果要一次性显示80个分支，可以使用分页参数来获取所有…...
vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用
<template><div class"user-content"><HeaderTitle title"用户详情"></HeaderTitle><div class"main-content"><div><UserForm /></div><div><TableList></TableList></d…...
hhhhh
x torch.tensor([1.0,0.],[-1.,1.],requires_gradTrue) z x.pow(2).sum() z.backward() x.grad在这段代码中，我们利用 PyTorch 进行自动求梯度，下面详细解释代码的每一个部分及其在反向传播中的作用。同时，我们也将介绍函数对象和叶子节点的…...
JavaScript 中的 ES|QL：利用 Apache Arrow 工具
作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...
CMake基础：构建流程详解
目录 1.CMake构建过程的基本流程 2.CMake构建的具体步骤 2.1.创建构建目录 2.2.使用 CMake 生成构建文件 2.3.编译和构建 2.4.清理构建文件 2.5.重新配置和构建 3.跨平台构建示例 4.工具链与交叉编译 5.CMake构建后的项目结构解析 5.1.CMake构建后的目录结构 5.2.构…...
Golang dig框架与GraphQL的完美结合
将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...
第25节 Node.js 断言测试
Node.js的assert模块主要用于编写程序的单元测试时使用，通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试，通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...
2025 后端自学UNIAPP【项目实战：旅游项目】6、我的收藏页面
代码框架视图 1、先添加一个获取收藏景点的列表请求 【在文件my_api.js文件中添加】 // 引入公共的请求封装 import http from ./my_http.js// 登录接口（适配服务端返回 Token） export const login async (code, avatar) > {const res await http…...
Unit 1 深度强化学习简介
Deep RL Course ——Unit 1 Introduction 从理论和实践层面深入学习深度强化学习。学会使用知名的深度强化学习库，例如 Stable Baselines3、RL Baselines3 Zoo、Sample Factory 和 CleanRL。在独特的环境中训练智能体，比如 SnowballFight、Huggy the Do…...
QT： `long long` 类型转换为 `QString` 2025.6.5
在 Qt 中，将 long long 类型转换为 QString 可以通过以下两种常用方法实现： 方法 1：使用 QString::number() 直接调用 QString 的静态方法 number()，将数值转换为字符串： long long value 1234567890123456789LL; …...
MySQL用户和授权
开放MySQL白名单 可以通过iptables-save命令确认对应客户端ip是否可以访问MySQL服务： test: # iptables-save | grep 3306 -A mp_srv_whitelist -s 172.16.14.102/32 -p tcp -m tcp --dport 3306 -j ACCEPT -A mp_srv_whitelist -s 172.16.4.16/32 -p tcp -m tcp -…...
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的？
uni-app 中 Web-view 与 Vue 页面的通讯机制详解 一、Web-view 简介 Web-view 是 uni-app 提供的一个重要组件，用于在原生应用中加载 HTML 页面： 支持加载本地 HTML 文件支持加载远程 HTML 页面实现 Web 与原生的双向通讯可用于嵌入第三方网页或 H5 应…...
算法笔记2
1.字符串拼接最好用StringBuilder，不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...