SpringBoot——整合Thymeleaf模板

news2024/10/5 15:26:34

目录

模板引擎

新建一个SpringBoot项目

pom.xml

application.properties

Book

BookController

bookList.html

​编辑 项目总结

模板引擎

  • 模板引擎是为了用户界面与业务数据分离而产生的，可以生成特定格式的页面
  • 在Java中，主要的模板引擎有JSP（少用），Thyemeleaf，FreeMarker，Velocity等
  • 现在的大趋势是前后端分离开发，但如果自己写一些练手项目，使用模板引擎更快更方便
  • Thymeleaf可以快速实现表单绑定、属性编辑器、国际化等功能
  • Thymeleaf的基本语法规则：
    • 1、基础语法 - Thymeleaf 教程 (hxstrive.com)
    • 2、http://t.csdnimg.cn/aFWSO
    • 3、http://t.csdnimg.cn/Oa4rZ
  • 在此之前，控制器都是直接返回字符串，或者是跳转到其他URL地址，但使用Thymeleaf后，就可以让控制器跳转到项目中的某个 .html 文件
  • SpringBoot项目中所有页面文件都要放在 src/main/resources/templates 目录下，静态文件放在 src/main/static 目录下

项目总结

  1. 添加Thymeleaf依赖：首先，在你的Spring Boot项目的pom.xml文件中添加Thymeleaf的依赖。这样Spring Boot会自动配置Thymeleaf。
  2. 创建Thymeleaf模板文件：在src/main/resources/templates目录下创建Thymeleaf模板文件。Thymeleaf使用HTML文件作为模板，你可以在其中使用Thymeleaf的语法来动态渲染页面。
  3. 创建控制器：创建一个Spring MVC控制器，在其中设置需要在模板中渲染的数据。

  4. 启动应用程序：运行Spring Boot应用程序，访问控制器中定义的URL，应该会看到使用Thymeleaf模板渲染的页面。

  • 在项目开发中将Spring Boot框架、Thymeleaf与Spring MVC的视图技术及SpringBoot 的自动化配置集成在一起非常简便，不需要额外的配置，在开发中只需要关注Thymeleaf的语法即可

新建一个SpringBoot项目

项目结构：

pom.xml

主要引入Thymeleaf依赖

        <dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<!--最初的3.2.5版本太高了,需要手动降低成2.3.12-->
		<version>2.3.12.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
	<groupId>com</groupId>
	<artifactId>springboot_thymeleaf</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<name>springboot_thymeleaf</name>
	<description>Demo project for Spring Boot</description>
	<properties>
		<java.version>8</java.version>
	</properties>
	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

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

		<!--添加Thymeleaf依赖-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
	</dependencies>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>

</project>

application.properties

spring.application.name=springboot_thymeleaf
server.port=8080
# 访问template下的html文件
spring.thymeleaf.prefix=classpath:/templates/
# 开发时关闭缓存,不然没法看到实时页
spring.thymeleaf.cache=false
# 设置Thymeleaf页面的后缀为.html
spring.thymeleaf.suffix=.html

Book实体类

package com.springboot_thymeleaf;

import java.util.Date;

/**
 * 实体类
 */
public class Book {

    private Integer id;
    private String name;
    private Date createTime;
    private String author;

    //getter,setter方法
}

BookController控制器

  • Thymeleaf会根据控制器返回的字符串值，寻找templates文件夹下同名的网页文件，并跳转至该网页文件，比如下例，就是跳转到bookList.html文件

  • 在 Spring 框架中，Model 和 ModelAndView 是用于在控制器中向视图传递数据的两种方式，在 Spring Boot 项目中，通常建议使用 Model，因为它更简单直观，适合大多数情况。只有在需要更复杂的场景或更精确地控制视图名称时，才需要使用 ModelAndView。

package com.springboot_thymeleaf.controller;

import com.springboot_thymeleaf.Book;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.servlet.ModelAndView;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

/**
 * @Controller：这是一个Spring框架的注解，它用于将类标记为控制器（Controller）。
 * 使用@Controller注解的类被Spring认为是处理HTTP请求的控制器，
 * 并且可以处理来自客户端的请求。它通常与@RequestMapping注解一起使用，用于映射URL路径到相应的处理方法。
 */
@Controller
public class BookController {

    /**
     * @GetMapping("/books"): 这是一个Spring框架的注解，它用于映射HTTP GET请求到处理方法。
     * 在BookController中，@GetMapping("/books")注解表示当浏览器发起GET请求到"/books"路径时，
     * 将调用books()方法来处理该请求。books()方法会返回一个ModelAndView对象，用于渲染书籍列表的视图。
     */
    @GetMapping("/books")
    public String books(Model model){
        // 添加两本书的记录
        List<Book> books = new ArrayList<>();

        Book book1 = new Book();
        book1.setId(1);
        book1.setName("Spring Boot企业级应用开发");
        book1.setCreateTime(new Date());
        book1.setAuthor("李白");

        Book book2 = new Book();
        book2.setId(2);
        book2.setName("Node.js Web开发实战");
        book2.setCreateTime(new Date());
        book2.setAuthor("白居易");

        books.add(book1);
        books.add(book2);

        // 使用addAttribute(String attributeName, Object attributeValue)方法向Model中添加属性。
        // 属性的名称是一个字符串，可以在视图中使用它来检索属性值。属性值可以是任何Java对象，例如字符串、数字、集合等。
        model.addAttribute("books", books);

        return "bookList.html";
    }
}

bookList.html动态网页文件

<!DOCTYPE html>
<!--导入Thymeleaf的命名空间-->
<html lang="en" xmlns: xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>图书列表</title>
</head>
<body>
<table border="1" width="100%">
    <tr>
        <td>序号</td>
        <td>书名</td>
        <td>作者</td>
    </tr>
    <!--${}: 变量表达式,Thymeleaf获取一个值的语法是th:text="${title}"-->
    <tr th:each="book:${books}">
        <!--四个单元格内容-->
        <td th:text="${book.id}"/>
        <td th:text="${book.name}"/>
        <td th:text="${#dates.format(book.createTime,'yyyy-MM-dd')}"/>
        <td th:text="${book.author}"/>
    </tr>
</table>

</body>
</html>

启动项目，浏览器访问http://localhost:8080/books

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1695836.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

如何评价刘强东说“业绩不好的人不是我兄弟”

如何评价刘强东说“业绩不好的人不是我兄弟”

在近日的一次京东管理层会议上&#xff0c;创始人刘强东以不容置疑的口吻表明了对公司文化的坚定态度&#xff1a;“凡是长期业绩不好&#xff0c;从来不拼搏的人&#xff0c;不是我的兄弟。”这句话不仅是对那些工作表现不佳的员工的直接警告&#xff0c;也透露出京东在追求业…
阅读更多...
C++语法｜多重继承详解（一）｜理解虚基类和虚继承

C++语法｜多重继承详解（一）｜理解虚基类和虚继承

系列汇总讲解&#xff0c;请移步&#xff1a; C语法&#xff5c;虚函数与多态详细讲解系列&#xff08;包含多重继承内容&#xff09; 虚基类是多重继承知识上的铺垫。 首先我们需要明确抽象类和虚基类的区别&#xff1a; 抽象类&#xff1a;有纯虚函数的类 虚基类是什么呢&a…
阅读更多...
阿里云的域名购买和备案（一）

阿里云的域名购买和备案（一）

前言 本篇文章主要讲阿里云的域名购买和备案。 大家好&#xff0c;我是小荣&#xff0c;我又开始做自己的产品迷途dev了。这里详细记录一下域名购买的流程和备案流程。视频教学 购买流程 1.阿里云官网搜索域名注册 2.搜索你想注册的域名 3.将想要注册的域名加入域名清单 4.点…
阅读更多...
[Linux]网络原理与配置

[Linux]网络原理与配置

一.NAT模式网路配置 虚拟系统的IP地址处于随机网段&#xff0c;同时在母机上会额外有一个与虚拟IP地址网段相同的IP地址&#xff0c;可以实现母机与虚拟机的通信。虚拟系统的IP地址可以通过主机实际的IP地址作为代理IP&#xff0c;与外部系统进行通信。 优点&#xff1a;不造…
阅读更多...
2024.05.25学习记录

2024.05.25学习记录

1、面经复习&#xff1a; JS异步进阶、vue-react-diff、vue-router模式、requestldleCallback、React Fiber 2、代码随想录刷题、动态规划 3、组件库使用storybook
阅读更多...
【C++】牛客——JZ38 字符串的排列

【C++】牛客——JZ38 字符串的排列

✨题目链接&#xff1a; JZ38 字符串的排列 ✨题目描述 输入一个长度为 n 字符串&#xff0c;打印出该字符串中字符的所有排列&#xff0c;你可以以任意顺序返回这个字符串数组。 例如输入字符串ABC,则输出由字符A,B,C所能排列出来的所有字符串ABC,ACB,BAC,BCA,CBA和CAB。 数…
阅读更多...
结合时间复杂度浅谈二分法的好处(将持续更新,绝对值你一个收藏)

结合时间复杂度浅谈二分法的好处(将持续更新,绝对值你一个收藏)

前言 笔者虽然刷的算法题不多,但是笔者也敢说,二分法真的是一种很优越的算法,使用上限极高的那种,正因如此,笔者才想浅谈一下二分法. 封面是我很喜欢的一个游戏角色,不知道有没有老gal玩家知道! 什么是二分法? 枚举查找即顺序查找&#xff0c;实现原理是逐个比较数组 a[0:…
阅读更多...
【C++】详解二叉搜索树

【C++】详解二叉搜索树

目录 树概述 二叉搜索树概述 概念 特性 元素操作 插入 删除 模拟实现 框架 查找 插入 删除 树概述 树——在计算机中是一种很常见的数据结构。 树是一种很强大的数据结构&#xff0c;数据库&#xff0c;linux操作系统管理和windows操作系统管理所有文件的结构就是…
阅读更多...
【基础详解】快速入门入门 SQLite数据可

【基础详解】快速入门入门 SQLite数据可

简介 SQLite 是一个开源的嵌入式关系数据库&#xff0c;实现了自给自足的、无服务器的、配置无需的、事务性的 SQL 数据库引擎。它是一个零配置的数据库&#xff0c;这意味着与其他数据库系统不同&#xff0c;比如 MySQL、PostgreSQL 等&#xff0c;SQLite 不需要在系统中设置…
阅读更多...
golang中的字节序 binary BigEndian 大端 , LittleEndian 小端 理解与write写入注意事项

golang中的字节序 binary BigEndian 大端 , LittleEndian 小端 理解与write写入注意事项

在golang的binary包中有2个字节系的变量定义BigEndian和LittleEndian 这个东西是go里面很有特点的玩意&#xff0c;我们在java, php等语言中是基本看不到&#xff0c;因为大部分的语言默认使用的是BigEndian 大端模式&#xff0c; 而go语言里面是你自己可选的。 这个字节系大小…
阅读更多...
Java的类和对象

Java的类和对象

Java的类和对象 前言一、面向过程和面向对象初步认识C语言Java 二、类和类的实例化基本语法示例注意事项 类的实例化 三、类的成员字段/属性/成员变量注意事项默认值规则字段就地初始化 方法static 关键字修饰属性代码内存解析 修饰方法注意事项静态方法和实例无关, 而是和类相…
阅读更多...
@Async详解，为什么生产环境不推荐直接使用@Async？

@Async详解，为什么生产环境不推荐直接使用@Async？

一、Async 注解介绍&#xff1a; Async 注解用于声明一个方法是异步的。当在方法上加上这个注解时&#xff0c;Spring 将会在一个新的线程中执行该方法&#xff0c;而不会阻塞原始线程。这对于需要进行一些异步操作的场景非常有用&#xff0c;比如在后台执行一些耗时的任务而不…
阅读更多...
ssms用户登陆失败，服务器处于单用户模式。目前只有一位管理员能够连接。解决方案

ssms用户登陆失败，服务器处于单用户模式。目前只有一位管理员能够连接。解决方案

文章目录 问题解决方案单用户模式什么是单用户模式&#xff1f;为什么使用单用户模式&#xff1f;实现步骤 问题 连接smss的时候发现无法连接&#xff0c;显示 服务器处于单用户模式。目前只有一位管理员能够连接 解决方案 打开SQL Server配置管理器 右键属性 在启动参数的最…
阅读更多...
Python 之 日志巡检脚本

Python 之 日志巡检脚本

脚本说明 使用Paramiko库进行SSH连接的自动化脚本&#xff0c;用于检查、配置和排除设备故障。说明如下&#xff1a; 导入所需的库&#xff1a;paramiko、json、logging和concurrent.futures。定义配置文件路径&#xff08;devices.json&#xff09;和日志文件路径&#xff0…
阅读更多...
Unity射击游戏开发教程：（26）创建绕圈跑的效果

Unity射击游戏开发教程：（26）创建绕圈跑的效果

unity游戏 在本文中，我将介绍如何为敌人创建圆周运动。gif 中显示的确切行为是敌人沿着屏幕向下移动，直到到达某个点，一旦到达该点，它就会绕圈移动。
阅读更多...
c语言：摆脱对指针的恐惧【4】

c语言：摆脱对指针的恐惧【4】

在上一期指针我们讲到了二级指针是的作用是存放一级指针的地址&#xff0c;还讲了指针数组是一个可以存放若干个指针变量的数组&#xff0c;这里我们再复习一下&#xff0c;下面指针数组是什么意思&#xff1f; int* arr1[10]; //整形指针的数组 char *arr2[4]; //一级字符指针…
阅读更多...
JavaSE——集合框架二（1/6）-前置知识-可变参数、Collections工具类

JavaSE——集合框架二（1/6）-前置知识-可变参数、Collections工具类

目录 可变参数 Collections工具类 Collections的常用静态方法 实例演示 可变参数 可变参数 就是一种特殊形参&#xff0c;定义在方法、构造器的形参列表里&#xff0c;格式是&#xff1a;数据类型...参数名称 可变参数的特点和好处 特点&#xff1a;可以不传数据给它&am…
阅读更多...
常用API（正则表达式、爬取、捕获分组和非捕获分组 ）

常用API（正则表达式、爬取、捕获分组和非捕获分组 ）

1、正则表达式 练习——先爽一下正则表达式 正则表达式可以校验字符串是否满足一定的规则&#xff0c;并用来校验数据格式的合法性。 需求&#xff1a;假如现在要求校验一个qq号码是否正确。 规则&#xff1a;6位及20位之内&#xff0c;0不能在开头&#xff0c;必须全部是数字…
阅读更多...
超详细的前后端实战项目（Spring系列加上vue3）前端篇+后端篇（三）（一步步实现+源码）

超详细的前后端实战项目（Spring系列加上vue3）前端篇+后端篇（三）（一步步实现+源码）

好了&#xff0c;兄弟们&#xff0c;继昨天的项目之后&#xff0c;开始继续敲前端代码&#xff0c;完成前端部分&#xff08;今天应该能把前端大概完成开启后端部分了&#xff09; 昨天补充了一下登录界面加上了文章管理界面和用户个人中心界面 完善用户个人中心界面 修改一…
阅读更多...
【被小学生教育的一天】

【被小学生教育的一天】

今日文章有感&#xff0c;记博主文章&#x1f4dd;&#xff0c;分享与感触。原文如下&#xff0c; 今天让小学生给我上了一课啊&#xff0c;今天去一所学校就实地考察感触特别深啊&#xff0c;就我从里面抽取一小块啊&#xff0c;给大家看一下&#xff0c;这个学校的教学规划&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023