当前位置：网站首页>How can one page nest another page in thymeleaf? About page nesting, the tag tells you what you should know

How can one page nest another page in thymeleaf? About page nesting, the tag tells you what you should know

2022-07-22 19:06:00 【Vacanda forever】

Thymeleaf How to nest another page in a page

By convention , First analyze the project structure ,
Insert picture description here

Insert picture description here

static

It is under this project Static resource folder , It is mainly used to put resources other than pages , There are generally no pages here , Because when loading the page , These resource files will be loaded first , The data required for loading the time domain has not been stored , Naturally, there is no data , So you can only place the page in templates Under the folder

templates

There are usually some under this folder Dynamic pages , Usually you can't pass directly url Go straight to the page , Need to pass through Controller layer , Jump to the Controller Request data and jump back to the page ,(=-=!!) It looks very flexible , After all, Spring Developed by the company , All are Spring Products , and Spring Can connect seamlessly , and jsp It's more convenient

Thymeleaf Problems caused by pages :
How to nest between two pages , as everyone knows , In actual development, a page will contain many other small modules , But it can't be accessed directly templates Files in the folder

Solution example :

-- page 1--
<!-- This page is called house_list-->
<body>
<!-- At this point, I want to add the following div The content in is nested into the page 2-->
	<div th:fragment="myfooter">
		<div> The page content </div>
	</div>
</body>

-- page 2--
<body>
	<!-- For example, I want to nest pages here 1-->
	<!-- I need to replace Enter the name of the page , On the right, enter the page fragment The value in -->
	<!-- To put it bluntly is to tell thymeleaf Who do you want to nest , Which part of it is nested -->
	<div th:replace="house_list : : myfooter"></div>

</body>

Example :
Insert picture description here

Be careful :: Left and right Must have spaces

and

The transplanted page doesn't have you on the page 1 Styles in and resource files
So !!! It is very important to import resources well , Don't pile up on the page with many styles , The write css The document is written css file , The write images The document is written images file
In other words, your transplant is just div The content in does not mean that you have also moved the resource file

Insert picture description here