thymeleaf中fragments的用法
最近在学习前台的模板引擎,看到thymeleaf中有一个说明,在不启动服务的情况下,就可以直接查看页面的修改结果。
但是自己用了下面的一段代码,启动服务之后可以正常显示。在不启动服务的情况下,直接通过浏览器启动index.html,页面不能正常显示。
---------------------------------------------------------
footer.html的内容:
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="copy">
© 2011 The Good Thymes Virtual Grocery
</div>
</html>
---------------------------------------------------------
index.html的内容:
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
测试
<div th:replace="footer :: copy"></div>
</body>
</html>
---------------------------------------------------------
上面的两个文件,在启动tomcat服务器之后,页面可以正常显示。显示内容如下:
测试
© 2011 The Good Thymes Virtual Grocery
如果不启动tomcat服务器,直接用浏览器打开index.html,显示内容如下:
测试
fragments的内容没有表示出来。请问是怎么回事?
不启动服务的情况下,fragments的可以正常显示吗?
但是自己用了下面的一段代码,启动服务之后可以正常显示。在不启动服务的情况下,直接通过浏览器启动index.html,页面不能正常显示。
---------------------------------------------------------
footer.html的内容:
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="copy">
© 2011 The Good Thymes Virtual Grocery
</div>
</html>
---------------------------------------------------------
index.html的内容:
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
测试
<div th:replace="footer :: copy"></div>
</body>
</html>
---------------------------------------------------------
上面的两个文件,在启动tomcat服务器之后,页面可以正常显示。显示内容如下:
测试
© 2011 The Good Thymes Virtual Grocery
如果不启动tomcat服务器,直接用浏览器打开index.html,显示内容如下:
测试
fragments的内容没有表示出来。请问是怎么回事?
不启动服务的情况下,fragments的可以正常显示吗?
...全文
相关推荐
Thymeleaf参考文档
现在SpringBoot官方使用Thymeleaf模版引擎,有一本Thymeleaf参考文档是十分重要的,欢迎下载...
thymeleafth常用标签
Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性。此文档为th标签说明
thymeleaf局部刷新解决方案.docx
相信很多朋友在利用thymeleaf进行开发/学习时,遇到一个困境,想要通过th:replace和变量表达式进行联动,实现页面局部刷新,但是总会报错找不到对应模板,明明相同的字符串可以生效,但是用了变量表达式就会失败,因此,我提供一个解决方案
Thymeleaf资料
介绍Thymeleaf的PPT,思维导图,还有一个整合了Thymeleaf的springBoot的简单示例。
thymeleaf的th标签
thymeleaf的th标签大全


Web 开发
