您的位置：首页 > 其它

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

2020-07-17 22:20 162 查看

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

按照惯例，先解析一下项目结构，

static

是该项目下的

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

templates

这个文件夹下通常放一些

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

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

解决示例:

--页面1--
<!--这个页面叫house_list-->
<body>
<!--此时我想将以下div中的内容嵌套到页面2-->
<div th:fragment="myfooter">
<div>页面内容</div>
</div>
</body>
--页面2--
<body>
<!--比方我想要在这嵌套页面1-->
<!--我需要再replace中输入页面的名字，在右边输入输入那个页面中fragment中的值-->
<!--说白了就是告诉thymeleaf你想嵌套谁，嵌套它的哪个部分-->
<div th:replace="house_list : : myfooter"></div>

</body>

示例:

注意 ::左右两边

必须要有空格

and

被移植过来的页面是不具备你在页面1中的样式和资源文件的
所以说!!!做好资源的导入是非常重要的，不要在样式很多的条件下都堆积在页面里，该写css文件的就写css文件，该写images文件的就写images文件
换句话说你移植只是div中的内容并不意味着你把资源文件也搬过来了

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航