Thymeleaf中一个页面怎么嵌套另一个页面，关于页面嵌套，标签告诉你应该知道的

最新推荐文章于 2024-06-26 16:56:26 发布
最新推荐文章于 2024-06-26 16:56:26 发布
阅读量4.6k 收藏 6
点赞数 5
分类专栏： SpringBoot 文章标签： java html jsp spring spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cssnnd/article/details/107418511
版权
本文介绍了Thymeleaf中如何在页面中嵌套另一个页面，重点讲解了`static`和`templates`目录的区别。Thymeleaf页面通常不直接通过URL访问，而是需要Controller处理数据后再跳转。在页面嵌套过程中，要注意资源文件的导入，避免样式和资源丢失。文章提供了解决页面嵌套和资源导入问题的示例。
摘要由CSDN通过智能技术生成

Thymeleaf页面中如何嵌套另一个页面

按照惯例，先解析一下项目结构，
在这里插入图片描述

在这里插入图片描述

static

是该项目下的静态资源文件夹，主要用于放除了页面以外的资源，这里一般不放页面，因为在加载页面的时候，这些资源文件会先加载,加载时域里所需的数据还未存储，自然也就拿不到数据了，所以只能将页面放置在templates文件夹下

templates

这个文件夹下通常放一些动态页面，通常不能直接通过url直接进入页面，需要通过Controller层，跳到Controller请求数据再跳回页面，(=-=!!)看起来挺灵活的，毕竟是Spring的公司研发的，都是Spring的产品，和Spring能够无缝连接，和jsp比起来还是便捷一些的

Thymeleaf页面带来的问题:
两个页面之间如何嵌套，众所周知，实际开发中一个页面会包含许多其他的小模块，但是又不能直接访问templates文件夹下的文件

解决示例:


                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  瓦坎达forever
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    5
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    6
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
spring boot使用thymeleaf跳转页面实例代码

				
			

			

				

					08-30
				

			

		

		

			
				
在Spring Boot中，Thymeleaf是一个常用的模板引擎，它允许开发者使用标准的HTML作为模板，然后在其中添加Thymeleaf表达式来处理动态内容。这篇教程将深入讲解如何在Spring Boot应用中使用Thymeleaf进行页面跳转。  ...

			
		

	



                

              
                



	

		

			

				
					
springboot的thymeleaf一个页面中引入其它页面

				
			

			

				

					qq_43842093的博客
				

				

					06-07
					
					968
					
				

			

		

		

			
				
引入页面内容（copy为自定义的）
	<div th:fragment="copy">
	        这是引入内容
	</div>

引入方式（footer为引入页面名称）
	<div th:include="footer::copy"></div>




			
		

	



                


  
              

                


	

		

			

				
					
thmeleaf模板引擎使用总结

				
			

			

				

					程序三两行
				

				

					09-18
					
					5321
					
				

			

		

		

			
				
开发传统Java WEB工程时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用了。
简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP

			
		

	





	

		

			

				
					
使用Spring Boot和Thymeleaf构建动态Web页面

					
最新发布

				
			

			

				

					聚娃科技开发者博客
				

				

					06-26
					
					607
					
				

			

		

		

			
				
通过本文，我们学习了如何使用Spring Boot和Thymeleaf构建动态Web页面。从项目创建开始，到Thymeleaf模板的编写和Controller的配置，我们逐步了解了如何利用这些工具创建交互性强、内容动态的Web应用。

			
		

	



		

			
		



	

		

			

				
					
Thymeleaf页面引入

				
			

			

				

					weixin_45389262的博客
				

				

					03-16
					
					1385
					
				

			

		

		

			
				
父页面引入另一个子页面，可以使用th:include或th:replace表达式。
th:include ： 引入另一个页面内容，加载到当前标记中
th:replace ： 引入另一个页面内容，替换掉当前标记
子页面可以使用th:fragment定义要引入的内容，也可以不定义引入全部
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xh...

			
		

	





	

		

			

				
					
Thymeleaf语法嵌套解决方法

				
			

			

				

					曦煜墨白的博客
				

				

					08-07
					
					836
					
				

			

		

		

			
				
Description：在写页面时常常会遇见thymeleaf语法中嵌套其他的thymeleaf，这时常见的处理方法有两种。

			
		

	





	

		

			

				
					
SpringTemplate——Thymeleaf入门

				
			

			

				

					qq_55092103的博客
				

				

					08-20
					
					324
					
				

			

		

		

			
				
Web动态页面的开发最早是使用JSP技术来开发，随着技术的更替，目前主流的技术方案是Thymeleaf。他是一个非常强大的框架模板，与HTML融合十分密切，也是SPring默认的模板方案。

			
		

	





	

		

			

				
					
Thymeleaf页面布局

				
			

			

				

					allway2的博客
				

				

					11-14
					
					1616
					
				

			

		

		

			
				
Thymeleaf 可以使用（它将简单地插入指定的片段作为其主机标签的正文）或（实际上将主机标签替换为片段的主机标签）将其他页面的一部分作为片段（而 JSP 只包含完整的页面）。来完成，这是一个非官方的JavaScript库，它是Thymeleaf标准片段包含功能的实现，为一些Thymeleaf属性提供静态支持，如or，条件显示with/等。此解决方案的主要优点是重用视图的原子部分和模块化设计，而主要缺点是需要更多的配置才能使用它们，因此视图的复杂性大于使用更“自然”的包含样式布局。

			
		

	





	

		

			

				
					
springboot中Thymeleaf模板插入Freemarker模板页面

				
			

			

				

					shenweihong的博客
				

				

					07-01
					
					478
					
				

			

		

		

			
				
最近在修改springboot架构的项目，项目之前配置的是Thymeleaf模板，但是在我新加的功能中，我非常想用Freemarker模板来新加一些页面功能。看到网上很多其他地方描述，要么用不同的文件后缀来区分(如html文件为Thymeleaf，ftl为Freemarker)，要么放到不同的文件夹。我不想这么做，因为会限制我后面的功能修改。

			
		

	





	

		

			

				
					
spring boot Thymeleaf 页面包含和页面热部署

				
			

			

				

					q56231293811的专栏
				

				

					02-27
					
					4316
					
				

			

		

		

			
				
1、Thymeleaf 页面包含其它页面

在开发web应用的过程中，经常需要引用到其它的页面。举例来说，我有两个页面一个页面叫index.html，另外一个页面叫session.html。现在index.html需要将session.html引入。在spring boot项目的templates文件夹下面新建这两个文件。 
   session.html中的代码如下：

&lt;div th:f...

			
		

	





	

		

			

				
					
springboot页面静态化-Thymeleaf

				
			

			

				

					12-05
				

			

		

		

			
				
在本项目"springboot页面静态化-Thymeleaf"中，我们将探讨如何利用Thymeleaf技术实现Spring Boot应用的页面静态化，并通过一个简单的示例来演示其基本用法。  1. **Thymeleaf简介**  Thymeleaf是一个开放源代码的...

			
		

	





	

		

			

				
					
SpringBoot页面展示Thymeleaf

				
			

			

				

					01-27
				

			

		

		

			
				
开发传统JavaWEB工程时，我们可以使用JSP页面模板语言，...SpringBoot默认存放模板页面的路径在src/main/resources/templates或者src/main/view/templates，这个无论是使用什么模板语言都一样，当然默认路径是可以自

			
		

	





	

		

			

				
					
Springboot 整合Mybatis +thymeleaf 实现增删改查，包含前端HTML页面

				
			

			

				

					09-21
				

			

		

		

			
				
在本教程中，我们将深入探讨如何使用Spring Boot整合Mybatis和Thymeleaf来实现一个基本的CRUD（创建、读取、更新、删除）应用。这个实例特别适合初学者，因为它提供了一个从前端到后端完全功能的示例。  首先，...

			
		

	





	

		

			

				
					
thymeleaf页面静态化springboot

				
			

			

				

					10-29
				

			

		

		

			
				
Thymeleaf是一种现代的、强大的模板引擎，广泛应用于Web应用开发中，特别是在Spring Boot和Spring Cloud项目中被官方推荐使用。它允许开发者在HTML页面上编写自然的文本，然后在服务器端将其转换为动态内容。...

			
		

	





	

		

			

				
					
thymeleaf抽取公共页面

				
			

			

				

					郝开的博客
				

				

					11-25
					
					1625
					
				

			

		

		

			
				
在开发Web网站的时候，HTML页面有很多是相同的，如果每一个页面都写一遍，不仅非常麻烦，而且非常不利于后期的更改。典型的如导航栏、页脚等，每个HTML页面几乎都一样。在Thymeleaf中我们通过如下的机制来抽取处公共的页面，并在需要的时候引入这个页面就可以了。

			
		

	





	

		

			

				
					
Spring boot里使用thymeleaf中怎么用iframe引入页面

					
热门推荐

				
			

			

				

					Rowe.青衫
				

				

					09-17
					
					2万+
					
				

			

		

		

			
				
SpringBoot使用thymeleaf：fragment 引用iframe的一些小问题。 
页面要实现内容跟着左侧导航进行改变需要用到iframer。 
然后发现无法找到我引入的页面检查路径也没发现什么不对。

&lt;iframe src="page/main.html" src="/admin/page/main"&gt;&lt;/iframe&gt;

然后用thymeleaf的标签库来...

			
		

	





	

		

			

				
					
SpringBoot - thymeleaf 动态填充 html 页面数据

				
			

			

				

					modelmd的博客
				

				

					04-02
					
					1297
					
				

			

		

		

			
				
注意：如果 index.html 页面没有打包进入 target目录，会报页面找不到的错误，如果没有打包到 target的话，在 pom 文件行添加如下片段。使用 model 模型增加动态属性值，thymeleaf 默认寻找 .html 的后缀静态页面。

			
		

	





	

		

			

				
					
thymeleaf公共内嵌代码学习

				
			

			

				

					weixin_44943389的博客
				

				

					07-20
					
					128
					
				

			

		

		

			
				
解释
这段HTML代码表示一个垂直导航菜单（也称为侧边栏菜单），其中包含一个父菜单和两个子菜单项。让我逐一解释其中的内容：
这是一个父菜单项，其中包含一个超链接（标签），显示了一个带有图标的文本，表示寿命预测功能。在这里，标签用于显示一个图标（来自Font Awesome图标库），标签用于显示文本"寿命预测"。
子菜单项是一个无序列表（标签），其中包含两个列表项（标签），分别对应"开始预测"和"预测记录"功能。每个列表项都是一个超链接，使用了Thymeleaf的属性，该属性用于生成链接的URL。在这里， 和

			
		

	





	

		

			

				
					
thymeleaf导入其他页面模块

				
			

			

				

					Lemon_MY的博客
				

				

					04-15
					
					1687
					
				

			

		

		

			
				
thymeleaf可以使用th:include标签进行其他页面模块的导入，这个效果和jsp:include效果相似，都可以导入其他内容不必重复书写。
被导入模块index.html：
<div th:fragment="head">
</div>

在其它页面导入index.html中的head模块：
<div th:include="index::head">...

			
		

	





	

		

			

				
					
写一个springboot使用thymeleaf显示html页面的例子

				
			

			

				

					07-15
				

			

		

		

			
				
当然！以下是一个使用Spring Boot和Thymeleaf显示HTML页面的示例：

首先，确保你已经添加了Spring Boot和Thymeleaf的依赖项。在你的`pom.xml`文件中添加以下内容：

```xml
<!-- Spring Boot依赖 -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>

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

接下来，创建一个简单的控制器类，在该类中定义一个处理请求的方法，将要显示的HTML页面返回给客户端：

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

@Controller
public class HomeController {

    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("message", "Hello, Thymeleaf!");
        return "home";
    }
}
```

在上述代码中，`@Controller`注解将该类标记为控制器，`@GetMapping("/")`注解指定了处理根路径请求的方法。在该方法中，我们使用`Model`对象将一个名为"message"的属性添加到模型中，并将其值设置为"Hello, Thymeleaf!"。最后，我们返回字符串"home"作为视图名称。

接下来，创建一个名为`home.html`的HTML模板文件，并将其放置在`src/main/resources/templates`目录下：

```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Home</title>
</head>
<body>
    <h1 th:text="${message}"></h1>
</body>
</html>
```

在上述代码中，我们使用Thymeleaf的语法将`message`属性的值显示在`<h1>`标签中。

最后，运行你的Spring Boot应用程序，并访问根路径（例如：http://localhost:8080/）。你应该能够看到页面上显示着"Hello, Thymeleaf!"的消息。

希望这个例子能帮助到你！如果你有任何进一步的问题，请随时问我。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值