探索Thymeleaf：用动态Web模板引擎打造吸引人的用户界面（SpringBoot的html详解）
什么是Thymeleaf？
Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎，用于处理XML/XHTML/HTML5内容。它特别适合基于Spring框架的Web应用程序，因为它提供了与Spring MVC的出色集成。Thymeleaf以其自然的模板语法和强大的数据绑定能力而闻名，使得开发者能够轻松地创建动态Web页面。
Thymeleaf的特点
- 自然模板技术：Thymeleaf的模板语法尽可能接近HTML，使得模板易于阅读和编写。
- 强大的数据绑定：支持多种数据绑定方式，包括标准表达式和选择表达式，使得数据展示更加灵活。
- 安全性：自动处理HTML转义，防止XSS攻击。
- 与Spring的集成：无缝集成Spring MVC，支持Spring的表达式语言（SpEL）。
- 高性能：通过缓存和优化的模板处理机制，提供快速的页面渲染速度。
Thymeleaf示例
以下是一个简单的Thymeleaf模板示例，展示了如何使用Thymeleaf来动态生成Web页面内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head> <title>Thymeleaf示例</title> <!-- 样式省略 -->
</head>
<body> <!-- 使用th:utext和th:id进行文本替换和ID设置 --> <div th:utext="${hello}" th:id="${hello.toUpperCase()}">xxxx</div> <!-- 直接从模型属性中获取值并填充到输入框 --> <input th:value="${user.getUsername()}"> <!-- 使用th:object和*{}语法访问对象属性 --> <div th:object="${user}"> <span th:text="*{username}"></span> </div> <!-- 条件渲染 --> <a th:href="www.csdn.net" th:if="${user.getAge() == 2}">年龄</a> <!-- 根据条件设置类名（注释掉的代码） --> <!-- <a th:class="${user.getAge() > 2}?'class1':'class2'">年龄</a> --> <!-- 成绩等级判断 --> <p th:if="${user.score >= 60 and user.score < 85}">B</p> <p th:if="${user.score < 60}">C</p> <p th:if="${user.score > 85}">优秀</p> <!-- 性别判断 --> <span th:switch="${user.gender}"> <p th:case="1">男</p> <p th:case="2">女</p> </span> <!-- 表格数据展示 --> <table> <tr> <td>姓名</td> <td>密码</td> <td>序号</td> </tr> <tr th:each="a,aState:${uList}"> <td th:text="${a.username}"></td> <td th:text="${a.password}"></td> <td th:text="${aState.index}"></td> </tr> </table>
</body>
</html>Controller部分
package com.qcby.demo.controller;import com.qcby.demo.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import java.util.ArrayList;
import java.util.List;@Controller
@RequestMapping("/user")
public class UserController {@RequestMapping("/hello")public String hello(HttpServletRequest req, HttpSession httpSession, Model model){model.addAttribute("hello","<h1>renliang</h1>");User user = new User();user.setPassword("111");user.setUsername("renliang");user.setAge(2);user.setScore(78);user.setGender(2);List<User> uList = new ArrayList<>();for (int i = 0; i < 10; i++){User u = new User();u.setUsername("renliang"+i);u.setPassword("111"+i);uList.add(u);}// httpSession.setAttribute("user", user);model.addAttribute("user", user);model.addAttribute("uList", uList);return "user";}
}
相关文章：
探索Thymeleaf：用动态Web模板引擎打造吸引人的用户界面（SpringBoot的html详解）
什么是Thymeleaf？ Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎，用于处理XML/XHTML/HTML5内容。它特别适合基于Spring框架的Web应用程序，因为它提供了与Spring MVC的出色集成。Thymeleaf以其自然的模板语法和强大的数据绑定…...
视频教程 - 自研Vue3 Tree组件高级功能：虚拟滚动新增节点实现自动滚动
感谢小伙伴们对本套自研vue3 tree组件教程的关注，在前一篇媲美Element Plus JuanTree终极实战：虚拟滚动的功能演示中发现了小bug，特地整理了相关录屏来说明怎么一步步解决bug的，来回馈小伙伴们的支持。 Tree组件高级功能ÿ…...
职业生涯阶段总结3：转眼毕业三年
不知不觉，科班毕业三年多了，也换了三个单位了； 个人软件开发的理论和技术能力确实比以前刚出来的时候，强了不少； 在行情越发下滑的形势，似乎只有进大厂才能拿到不错的收入，但是大厂的压力也是比…...
项目经理面试总结
先上结论：每个公司问的问题侧重点都不太一样，五花八门，评判标准也不一样，目前我能感觉到的就是自己需要很了解项目，也就是工作过程中经常做出总结，需要你经常去思考，包括对内和对外的思考。 自我…...
（免费领源码）java#springboot#mysql大学校园旧物捐赠网站 25109-计算机毕业设计项目选题推荐
摘 要 在网络信息的时代，众多的软件被开发出来，给用户带来了很大的选择余地，而且人们越来越追求更个性的需求。在这种时代背景下，企业只能以用户为导向，按品种分类规划，以产品的持续创新作为企业最重要的竞…...
Java 设计模式之单例模式
Java 设计模式之单例模式 单例模式是一种创建型设计模式，它确保一个类只有一个实例，并提供了一种访问该实例的全局方法。这种模式有助于确保系统中的某些组件只有一个实例，并提供了一种方便的方法来访问该实例。 更多设计模式请参考&#x…...
Linux系统驱动（二）字符设备驱动
文章目录 一、概念（一）相关概念（二）字符设备框架结构（三）用户空间和内核空间数据传输1. 函数的参数对应关系 （四）字符设备相关的API1. 字符设备驱动（1）注册字…...
Day29 | 动态规划 509. 斐波那契数 70. 爬楼梯 746. 使用最小花费爬楼梯
语言 Java 509. 斐波那契数 斐波那契数 题目 斐波那契数 （通常用 F(n) 表示）形成的序列称为 斐波那契数列 。该数列由 0 和 1 开始，后面的每一项数字都是前面两项数字的和。也就是： F(0) 0，F(1) 1 F(n) F(n -…...
【开源移植】MultiButton_小型按键驱动模块移植
MultiButton 简介 MultiButton 是一个小巧简单易用的事件驱动型按键驱动模块，可无限量扩展按键，按键事件的回调异步处理方式可以简化你的程序结构，去除冗余的按键处理硬编码，让你的按键业务逻辑更清晰。 使用方法 1.先申请一个…...
【Python系列】Python 字典合并
💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...
C# 设计模式之装饰器模式
总目录 前言 装饰器模式的主要作用就是扩展一个类的功能，或给一个类添加多个变化的情况。学习面向对象的都知道，如果想单纯的给某个类增加一些功能，可以直接继承该类生成一个子类就可以。应对一些简单的业务场景继承也就够了，但是…...
【uniapp离线打包】（基于Android studio）
文章目录 uniapp打包官方教程入口一、准备工作(工具三大件)Android Studio版本推荐 二、准备工作（Android壳和uniapp包）导入Android壳生成uniapp包将uniapp包导入android壳降低jdk版本 三、准备工作（证书）准备Android平台离线签名…...
稳稳的年化10%，多任务时序动量策略——基于pytorch的深度学习策略（附python代码）
原创文章第608篇，专注“AI量化投资、世界运行的规律、个人成长与财富自由"。 做因子挖掘这段时间，有一个观感。 传统的因子挖掘，尤其是手工构造因子，到遗传算法因子挖掘。——本身也是一种”拟合“，或者说试图”…...
C++分析AVL树
目录 AVL树介绍 AVL树平衡因子更新分析 AVL树插入时旋转与平衡因子更新 左单旋 右单旋 左右单旋 右左单旋 AVL旋转可行性 AVL树节点删除（待补充） AVL树分析 AVL树介绍 二叉搜索树在某些极端情况下可能会退化，为了解决这个问题&…...
aurora8b10b ip的使用（framing接口下的数据回环测试）
文章目录 一、Aurora8B/10B协议二、时钟、复位与状态指示1、时钟2、复位3、状态指示 三、数据发送、接受接口（1）AXI4-Stream位排序（2）Streaming接口（3）Framing接口（帧传输接口） 四、…...
如何通过OpenCV判断图片是否包含在视频内？
要判断图片是否包含在视频内，可以使用计算机视觉技术和图像处理方法。这通常涉及特征匹配或模板匹配。以下是一个基于OpenCV的解决方案，通过特征匹配的方法来实现这一目标。 步骤概述 读取视频和图片： 使用OpenCV读取视频文件和图片文件。 …...
大数据基础：Spark重要知识汇总
文章目录 Spark重要知识汇总 一、Spark 是什么 二、Spark 四大特点 三、Spark框架模块介绍 3.1、Spark Core的RDD详解 3.1.1、什么是RDD 3.1.2、RDD是怎么理解的 四、Spark 运行模式 4.1、Spark本地模式介绍 4.2、Spark集群模式 Standalone 4.3、Spark集群模式 Stan…...
Executable Code Actions Elicit Better LLM Agents
Executable Code Actions Elicit Better LLM Agents Github: https://github.com/xingyaoww/code-act 一、动机 大语言模型展现出很强的推理能力。但是现如今大模型作为Agent的时候，在执行Action时依然还是通过text-based（文本模态）后者JSO…...
循环结构(三)——do-while语句
目录 🍁引言 🍁一、语句格式 🚀格式1 🚀格式2 🍁二、语句执行过程 🍁三、实例 🚀【例1】 🚀【例2】 🚀【例3】 🍁总结 🍁备注 &am…...
pandas 或筛选
pandas 或筛选 在Pandas中，可以使用DataFrame.loc方法结合逻辑运算符来实现或筛选。这里提供一个简单的例子： import pandas as pd 创建示例DataFrame df pd.DataFrame({ ‘A’: [1, 2, 3, 4], ‘B’: [5, 6, 7, 8], ‘C’: [9, 10, 11, 12] }) 设定…...
工具（1）—截屏和贴图工具snipaste
演示和写代码文档的时候，总是需要用到截图。在之前的流程里面，一般是打开WX或者QQ，找到截图工具。但是尴尬的是，有时候，微信没登录，而你这个时候就在写文档。为了截个图，还需要启动微信…...
【从零开始一步步学习VSOA开发】快速体验SylixOS
快速体验SylixOS 安装完毕RealEvo-IDE 后，同时也安装了RealEvo-Simulator。RealEvo-Simulator 是一个虚拟运行环境，可以模拟各种体系结构并在其上运行 SylixOS。相比于物理板卡，在 RealEvo-Simulator 进行运行调测更加的方便快捷且成本低廉。…...
Ansible自动化：简化IT基础设施管理的艺术
目录 一.前言 二.Ansible简介 2.1什么是Ansible？ 2.2Ansible的主要特点 2.3Ansible的应用场景 三.探索Ansible的高级功能 3.1 高级Playbook特性 3.2 Ansible Vault 3.3 动态Inventory 3.4Ansible Tower（AWX） 3.5模块开发 3.6 Ans…...
【Rust光年纪】探索Rust语言中的WebSocket库和框架：优劣一览
Rust语言中的实时通信利器：WebSocket库与框架全面解析 前言 随着Rust语言的不断发展，其在Web开发领域也变得越来越受欢迎。WebSocket作为实现实时通信的重要技术，在Rust的生态系统中也有多个库和框架提供了支持。本文将介绍几个主流的Rust …...
HTML 基础结构
目录 1. 文档声明 2. 根标签 3. 头部元素 4. 主题元素 5. 注释 6. 演示 1. 文档声明 <!DOCTYPE html>：声明文档类型，表示该文档是 html 文档， 2. 根标签 （1）所有的其他标签都要放在一对根标签中&#…...
多页合同怎么盖骑缝章_电子合同怎么盖骑缝章？
多页合同怎么盖骑缝章？电子合同怎么盖骑缝章？ 对于纸质多页合同，盖骑缝章是一种常见的做法，用于确保合同的完整性，防止任何页面被替换或篡改。以下是盖骑缝章的基本步骤： 将所有合同页面平铺在桌面上。用…...
GD 32 IIC通信协议
前言： ... 通信方式 通信方式分为串行通信和并行通信。常见的串口就是串行通信的方式 常用的串行通信接口 常用的串行通信方式有USART,IIC,USB,CAN总线 同步与异步 同步通信：IIC是同步通信，有两个线一个是时钟信号线，一个数数据…...
Spring Task初学
介绍 Spring Task 是Spring框架提供的任务调度工具，可以按照约定的时间自动执行某个代码逻辑 为什么要在Java程序中使用Spring Task? 运行效果 cron表达式：一般日和周不会同时出现 入门案例 启动类添加注解EnableScheduling开始任务调度 创建MyTask类…...
决策树可解释性分析
决策树可解释性分析 决策树是一种广泛使用的机器学习算法，以其直观的结构和可解释性而闻名。在许多应用场景中，尤其是金融、医疗等领域，模型的可解释性至关重要。本文将从决策路径、节点信息、特征重要性等多个方面分析决策树的可解释性&…...
BUGKU-WEB never_give_up
解题思路 F12查看请求和响应，查找线索 相关工具 base64解码URL解码Burp Suit抓包 页面源码提示 <!--1p.html--> 2. 去访问这个文件，发现直接跳转到BUGKU首页，有猫腻那就下载看看这个文件内容吧 爬虫下载这个文件 import requests …...
网站建设公司怎样/搜索引擎排名竞价
将开发过程中比较重要的代码做个收藏，下面资料是关于C# GUID转换成16位字符串或19位数字并确保唯一的代码，应该能对各位朋友有好处。 public static string GuidTo16String() { long i 1; foreach (byte b in Guid.NewGuid().ToByteArray()) retur…...
网站建设公司类型/昭通网站seo
【题目描述】 Acwing 70. 二叉搜索树的第k个结点 【思路】 二叉搜索树的中序遍历 对应升序序列 那么第k小就是遍历的第k个数 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode(int x…...
wordpress博客采集/百度问答一天能赚100块吗
一些设备配置在运行过程中可能会发生改变（例如屏幕横向布局、键盘可用性和语言）。当这样的变化发生时，Android会重新启动这个正在运行的Activity（onDestroy()方法会被调用，然后调用onCreate()方法）。这个行…...
wordpress棋牌插件/高端营销型网站建设
Java中的 ? extends T和 ? super T? 通配符类型<? extends T><? super T>PECS原则总结? 通配符类型 <? extends T>表示类型的上界: 表示参数化类型的可以是T或者T的子类 <? super T>表示类型的下界: 表示参数化类型是这个类型的超类型,即父类…...
广州企业公司大全/深圳优化公司统高粱seo
Js中获取时间 new date()的用法 获取时间： var myDate new Date();//获取系统当前时间 myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); …...
陕西省交通建设公司网站/华为手机业务最新消息
文章目录一、IOTService工具下载二、IOTService工具安装1.根据自己的电脑选择对应的安装包进行安装（x64对应64位系统，x86对应32位系统，如下64bit系统则选择x64安装包进行安装）2.NEXT3.NEXT4.NEXT5.等待安装6.Close7.IOTService安装…...