thymeleaf如何抽取公共模板
1、thymeleaf如何抽取公共模板
1.1、使用th:fragment
以下页面为要抽取的公共页面,该页面文件名为footer.html,存放在templates文件夹下。
在该页面中使用th:fragment标签,该标签内部的内容即为要抽取的代码。
案例
抽取common.html中commonheader、headermenu的内容
1.2、使用选择器id=""
案例
引用公共页面时注意带上#号
2、thymeleaf如何引用公共模板
2.1、th:insert
2.2、th:replace
2.3、th:include
即有以下三种方法引用公共模板
使用以上三种方法替换下面这段代码
以上三种方式替换上方代码效果如下:
3、使用th:href=@{/}动态拼接项目路径
当进行项目部署时,如果需要修改项目名,这是使用@{/}可以自动拼接项目名。
th:href="@{/css/style.css}" 作用时替换href=""的值。
<link href="css/style.css" th:href="@{/css/style.css}" rel="stylesheet">
<link href="css/style-responsive.css" th:href="@{/css/style-responsive.css}" rel="stylesheet">