网站百度收录秒收方法,深圳做物流网站,商业性质网站设计,杭州 企业门户网站建设第一步
创建一个名为 header.html 的公共头部页面模板#xff0c;放在 WEB-INF 目录下的 common 文件夹中。在 header.html 中可以编写头部页面的HTML代码#xff0c;并通过Thymeleaf的语法来接收参数#xff0c;如下所示#xff1a;
!DOCTYPE html
html xml…第一步
创建一个名为 header.html 的公共头部页面模板放在 WEB-INF 目录下的 common 文件夹中。在 header.html 中可以编写头部页面的HTML代码并通过Thymeleaf的语法来接收参数如下所示
!DOCTYPE html
html xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8title公共头部/title
/head
bodyheaderh1 th:text${pageTitle}默认页面标题/h1/header
/body
/html第二步
在需要引用公共头部的页面中使用Thymeleaf的 th:replace 属性来引用公共页面并通过 th:with 属性传递参数。
例如在 index.html 页面中需要引用公共头部并传递页面标题参数可以在 标签中添加以下代码
bodydiv th:replacecommon/header :: header th:withpageTitle首页/div!-- 其他页面内容 --
/body这样
标签中的 th:replace 属性会根据指定的模板路径 common/header 来替换为 header.html 中的内容并通过 th:with 属性将 pageTitle 参数传递给公共头部页面。 在公共头部页面中可以通过Thymeleaf的语法 ${pageTitle} 来获取传递的参数值并动态显示在页面上。
