首页 > 其他分享 >【揭秘】Thymeleaf基本使用:从新手到高手的必经之路!

【揭秘】Thymeleaf基本使用:从新手到高手的必经之路!

时间:2024-11-22 16:18:04浏览次数:3  
标签:index name 必经之路 org springframework Thymeleaf World 新手

Thymeleaf 是一个现代的服务器端 Java 模板引擎,用于 Web 和独立环境。它能够处理 HTML、XML、JavaScript、CSS 甚至纯文本。Thymeleaf 的主要目标是提供一种优雅且自然的方式来生成 XML/XHTML/HTML5 文档。

打开免费领取面试资料icon-default.png?t=O83Ahttps://fhos.urlint.cn/cHVLFV

以下是一些基本的 Thymeleaf 使用示例和详解:

1. 引入 Thymeleaf 依赖

首先,你需要在你的项目中添加 Thymeleaf 的依赖。如果你使用的是 Maven,可以在 pom.xml 文件中添加以下依赖:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

2. 创建 Thymeleaf 模板

src/main/resources/templates 目录下创建一个名为 index.html 的文件:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Thymeleaf Example</title>
</head>
<body>
    <h1 th:text="'Hello, ' + ${name} + '!'"></h1>
</body>
</html>

在这个例子中,th:text 是 Thymeleaf 的一个属性,用来动态替换 HTML 元素的内容。${name} 是一个变量,它将从后端传递到前端。

3. 创建控制器

接下来,创建一个 Spring Boot 控制器来处理请求并传递数据到视图:

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class MyController {

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("name", "World");
        return "index"; // 返回视图的名称,对应 src/main/resources/templates/index.html
    }
}

在这个控制器中,我们定义了一个方法 index,它接收一个 Model 对象作为参数。通过调用 model.addAttribute("name", "World"),我们将字符串 "World" 添加到模型中,键为 "name"。然后,我们返回视图的名称 "index",Thymeleaf 将自动解析这个名称并找到对应的模板文件。

4. 运行应用

现在,你可以运行你的 Spring Boot 应用。如果一切配置正确,当你访问 http://localhost:8080/ 时,你应该能看到页面上显示 "Hello, World!"。

总结

以上是一个简单的 Thymeleaf 使用示例,展示了如何在 Spring Boot 应用中使用 Thymeleaf 来渲染动态内容。Thymeleaf 提供了丰富的功能,如条件判断、循环、URL 重写等,可以极大地简化 Web 开发工作。

标签:index,name,必经之路,org,springframework,Thymeleaf,World,新手
From: https://blog.csdn.net/Q2024107/article/details/143944459

相关文章

  • 新手使用代理ip介入代码怎么写?
    Python语言(使用requests库为例)在上述代码中:首先导入了requests库,它是Python中常用的用于发送HTTP请求的库。然后定义了一个字典格式的proxy变量,用于配置代理IP的相关信息,分别针对http和https协议指定代理的地址和端口(这里的http://和https://要按照你获取的代理的实际协议情......
  • (新手向)动态规划从入门到精通 ——打家劫舍
    1.问题描述:你是一个专业的小偷,计划偷窃沿街的房屋。每间房内都藏有一定的现金,影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统,如果两间相邻的房屋在同一晚上被小偷闯入,系统会自动报警。给定一个代表每个房屋存放金额的非负整数数组,计算你不触动警报装置的......
  • Djourney新手入门基础:AI摄影+AI设计+AI绘画——AIGC作图的探索之旅
    Djourney新手入门基础:AI摄影+AI设计+AI绘画——AIGC作图的探索之旅随着人工智能技术的飞速发展,AIGC(ArtificialIntelligenceforGenerativeContent)技术正在重塑我们的创作方式,特别是在摄影、设计和绘画领域。Djourney作为一款集成了AI技术的强大作图工具,为创意者提供了无限可能......
  • 大模型新手指南:刷到让你少走三年弯路!_大模型入场
    这篇文章,我将结合自己在大模型领域的经验,给大家详细聊聊新人应该如何转行大模型赛道?比如大模型都有哪些方向?各方向的能力要求和岗位匹配?新手转行大模型常踩的坑和常见的误区?以及入行大模型最顺滑的路径?如果你是正打算入行大模型的校招/社招同学,请一定看完,可能会让你在入行......
  • ComfyUI安装——专为新手设计的秋叶版教程及安装包
    前言:想要探索ComfyUI的强大功能,却苦于安装步骤复杂?别担心,本指南专为新手量身定制,带来轻松上手的ComfyUI安装教程。采用秋叶版安装包,让繁琐的安装过程变得简单易懂。无论您是编程小白还是AI领域的新手,跟随本文,您将一步步掌握ComfyUI的安装要领,开启您的创意之旅。今天和大家......
  • 大模型书籍李开复周鸿祎力荐《实战AI大模型》!NUS尤洋教授首发新书深入浅出热门AI大模
    《实战AI大模型》这本大模型书籍已经上传CSDN,朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】在GPT-4的惊艳亮相之际,AI大模型成为了学界和工业界的热门话题。这些模型的复杂性和不断发展的技术为我们带来了新的挑战和机遇。人工智能正在从......
  • 纯新手学习记录Day01
    Day01:lecture1:文档编辑器推荐:typora(但是要花钱,89块)一些简单的typora操作:标题设置:选中文字,选择左上角:段落或者选中文字,ctrl+级名,比如ctrl+3就是设置为3级标题代码块设置:代码前后各三个反引号```(键盘左上角第二行第一个),然后加上python(自定义语言类型)引用设置:左上角......
  • CTF web解题 PHP http referer xff使用 burpsuite使用 新手入门 [SWPUCTF 2022 新生赛
    每日emo:burp可以抓包,你可以抓住到她的心吗?[SWPUCTF2022新生赛]xffFlag:NSSCTF{th1s_xff_1s_e4ay}打开靶机抓个包看一下根据打开靶机显示MustbeaccessedfromXiaohong'sowncomputer.传入X-Forwarded-For到127.0.0.1根据提示添加Referer到127.0.0.1......
  • wireshark抓包新手使用教程
    wireshark抓包新手使用教程Wireshark是非常流行的网络封包分析软件,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括:1、Wireshark软件下载和安装以及Wireshark主界面介绍。2、WireShark简单抓包示例。通过该例子学会怎么抓包以......
  • wireshark抓包新手使用教程
    wireshark抓包新手使用教程Wireshark是非常流行的网络封包分析软件,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括:1、Wireshark软件下载和安装以及Wireshark主界面介绍。2、WireShark简单抓包示例。通过该例子学会怎么抓包以......