SpringBoot整合thymeleaf导入HTML文件

最新推荐文章于 2025-04-20 08:22:37 发布
最新推荐文章于 2025-04-20 08:22:37 发布
阅读量694 收藏 1
点赞数
文章标签： java spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45354411/article/details/116402669
版权

SpringBoot整合thymeleaf导入HTML文件

目录

1、准备HTML相关文件（包括HTML和相关css，js文件）

模板网站：www.themezy.com onepagelove.com free-css.com

2、新建springboot项目，利用maven导入thymeleaf依赖

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

3、资源文件如图所示放置

在这里插入图片描述
原理：基于thymeleaf的模板引擎在默认配置下，url栏输入localhost:8080，会自动扫描templates文件夹，并找到index.html文件。
HTML文件中语句可能如下所示：

<link href="../static/fonts/font-awesome.min.css" rel="stylesheet" type="text/css">

这种情况下，跑项目时这句代码会404，因为springboot找静态资源，默认在static等四个文件夹里自动搜索，不需要加入../static
正确语句为<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
修改后即可加载

SpringBoot整合Thymeleaf
分享思想，留下痕迹。
08-09 2199
大家好，我是Leo，今天我们来学习Thymeleaf，如果你对Thymeleaf比较陌生也不要紧，它很容易学习与理解，并有着自己鲜明的特色。什么是Thymeleaf？Thymeleaf 官网是这么解释的：Thymeleaf is a modern server-side Java template engine for both web and standalone environments.译过来就是：Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎Thymeleaf。
08-Java框架-SpringBoot整合thymeleaf
码赛客1024的博客
08-24 2026
SpringBoot整合thymeleaf，以及thymeleaf的相关介绍
thymeleaf套用传统html模板,springboot如何使用thymeleaf模板访问html页面
weixin_33816734的博客
06-28 994
引言在传统的web开发中通常使用jsp页面，首先需要在pom文件中引入springmvc相关的包，然后写springmvc的配置文件(包括访问资源的路径解析)，之后还需再web.xml中配置访问路由。这无疑太麻烦了，每次开发前都需要编写大量的配置文件。springboot为此提供了高效便捷的解决方案，只需再pom.xml中添加web开发的依赖，便可进行web开发，省去了繁琐的配置步骤。下面为web...
Thymeleaf html导入
金溪的博客
08-02 2501
首先定义一个templates/footer.html文件： &lt;!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf....
Thymeleaf 公共页面抽取
最新发布
2401_87845453的博客
04-20 367
在 Web 项目中，通常会存在一些公共页面片段（重复代码），例如头部导航栏、侧边菜单栏和公共的 js css 等。我们一般会把这些公共页面片段抽取出来，存放在一个独立的页面中，然后再由其他页面根据需要进行引用，这样可以消除代码重复，使页面更加简洁。
springboot使用Thymeleaf引入html文件
qq_42535651的博客
07-18 2134
参考： https://www.cnblogs.com/han-1034683568/p/7520012.html 在pom文件中加入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-s...
细品 Spring Boot+Thymeleaf，还有这么多好玩的细节！
江南一点雨的专栏
12-18 2753
文章目录1. Thymeleaf 简介2. 整合 Spring Boot2.1 基本用法2.2 手动渲染3. Thymeleaf 细节3.1 标准表达式语法3.1.1 简单表达式3.1.2 字面量3.1.3 文本运算3.1.4 算术运算3.1.5 布尔运算3.1.6 比较和相等3.1.7 条件运算符3.1.8 内置对象3.2 设置属性值3.3 遍历3.4 分支语句3.5 本地变量3.6 内联4. 小结 虽然现在流行前后端分离，但是后端模版在一些关键地方还是非常有用的，例如邮件模版、代码模版等。当然也不排除一
thymeleaf html文本,Thymeleaf在html代码中插入文本？
weixin_39628380的博客
06-19 463
您只需使用void toggleViewVisibility(final boolean b, final View v) {v.setAlpha(b ? 0.0f : 1.0f);v.setTranslationY(b ? v.getHeight() : 0);if (b) {v.setVisibility(View.VISIBLE);v.animate().alpha(1.0f).transl...
浅析SpringBoot中使用thymeleaf找不到.HTML文件的原因
08-18
浅析SpringBoot中使用thymeleaf找不到.HTML文件的原因 Thymeleaf是一个流行的模板引擎，常用于Web应用程序的视图层。然而，在使用Spring Boot框架时，很多开发者会遇到找不到HTML文件的问题。本文将深入分析Spring ...
springboot整合thymeleaf中html无法引入js，css问题
凌风少年z
11-10 3231
html文件是我直接从网上下载的模板，然后改成适合自己的，所以涉及到了一些js，css样式 下载之后直接打开浏览器访问是没问题的，但是springboot通过controller访问html页面，发现无法引入静态资源 先看一下我的目录： 当我写登录功能时，controller直接返回login，就是访问登录页面 controller代码： @Controller @RequestMapping("/user") public class UserController { @Autowired
Springboot整合thymeleaf
chenlang2015的博客
04-20 558
Springboot整合thymel 1.模板引擎 前端交给我们的页面，是html页面。如果是我们以前开发，我们需要把他们转成jsp页面，jsp好处就是当我们查出一些数据转发到JSP页面以后，我们可以用jsp轻松实现数据的显示，及交互等。 jsp支持非常强大的功能，包括能写Java代码，但是呢，我们现在的这种情况，SpringBoot这个项目首先是以jar的方式，不是war，像第二，我们用的...
thymeleaf模板 在html中引入另一个html
热门推荐
罗先生的博客
06-19 1万+
thymeleaf模板 在html中引入另一个html 1.这是一个 head.html 页面 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Insert title here</titl...
HTML引入Thymeleaf
kennyharris
10-19 1315
引入Thymeleaf
springboot thymeleaf 引入html公共模板
qq_43718758的博客
03-05 4248
1.在templates文件下创建一个common文件夹，用于存放公共的头部 创建一个html，在里面写公共的内容 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> <footer th:fragment="
thymeleaf引用html_Thymeleaf 引入公共代码页面
weixin_29091837的博客
01-13 1019
前面写过，写前端页面的时候，尤其是写后台管理系统，每个页面都会遇到一些重复的代码，比如左侧导航栏，头部的信息，前面也做了一些整合，把代码放在了公共的页面，每个页面调用时只需要用script引入即可。但是项目里面 用到的是Thymeleaf 模板，为了减少请求速度，用Thymeleaf 引入公共代码页面会提高页面跳转和打开的速度，虽然前端是有三大框架可以使用，但对于没有应用框架的代码里面，我们可以使...
thymeleaf引入静态文件
AAAhxz的博客
11-07 1405
项目文件在此，static为静态文件放置位置，templates为HTML页面存放位置 引用实例： <script th:src="@{//cdn.bootcss.com/jquery/2.2.3/jquery.min.js}"></script> <script th:src="@{/jantent/assets/js/amazeui.min.js}">&...
SpringBoot+Thymeleaf实现html文件引入（类似include功能）
hustwht的专栏
01-26 1万+
由于对高大上的前端处理不太熟悉，想直接通过MVC的方式进行内容传递，因此选用了Thymeleaf模版处理向前端传值的问题。 但是觉得很多PHP框架所实现的include模版的方式很不错，能够很好的实现头文件、导航、页尾等和主要内容的解耦，因此想通过使用Thymeleaf模版的同时，也能实现类似于include的功能。 思路和背景 觉得如果有精力，最好还是RESTFul的结构，然后前端采用ang
SpringBoot导入Thymeleaf
qq_41359998的博客
11-07 609
SpringBoot导入Thymeleaf 模版引擎 前端交给我们的页面，是html页面。如果是我们以前开发，我们需要把他们转成jsp页面，jsp好处就是 当我们查出一些数据转发到JSP页面以后，我们可以用jsp轻松实现数据的显示，及交互等。 jsp支持非常强大的功能，包括能写Java代码，但是呢，我们现在的这种情况，SpringBoot这个项目首先 是以jar的方式，不是war，像第二，我们用的还是嵌入式的Tomcat，所以呢，SpringBoot现在默认是不支持jsp 的。 SpringBoot推荐你
SpringBoot+Thymeleaf抽取HTML公共页面及引入公用页面
qq_27198345的博客
12-20 2683
在开发Web网站的时候，HTML页面有很多是相同的，如果每一个页面都写一遍，不仅非常麻烦，而且非常不利于后期的更改。典型的如导航栏、页脚等，每个HTML页面几乎都一样。 在Thymeleaf中我们通过如下的机制来抽取处公共的页面，并在需要的时候引入这个页面就可以了。 ...
springboot整合thymeleaf增删改查示例
07-28
你可以参考以下步骤来实现Spring Boot整合Thymeleaf的增删改查示例： 1. 首先，使用Spring Initializr进行项目初始化。你可以参考\[1\]中提供的博客文章来了解如何新建一个Spring Boot项目，并在勾选依赖时选择与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值