使用thymeleaf模板引擎抽取公共页面

内容分享5个月前发布
3 0 0
全能 AI 聚合平台 免费

一站式接入主流 AI 大模型,支持对话 · 生图 · 生视频,即开即用

ChatGPT Claude Gemini Grok DeepSeek 通义千问 Ollama
AI对话 AI生图 AI视频
免费使用 →

1、把公共部分放到一个公共页面common.html,注意:页面里边需要使用thymeleaf的名称空间xmlns:th=”http://www.thymeleaf.org”

2、使用thymeleaf中的fragment定义截取片段th:fragment,或者使用id定义

3、定义片段完成后,需要参照官方文档里边的内容,引用片段,有th:insert、th:replace、th:include

这三种内容的区别是:

(1)th:insert:

使用thymeleaf模板引擎抽取公共页面

使用thymeleaf模板引擎抽取公共页面

使用thymeleaf模板引擎抽取公共页面

总结:insert会把标签里边里面的所有内容给插入进去,div依旧保存

(2)th:replace方法

使用thymeleaf模板引擎抽取公共页面

区别是div不见了,也就是说,把div给替换掉了,只保留片段的所有内容

(3)th:include方法

使用thymeleaf模板引擎抽取公共页面

使用include之后,是把片段里边的内容给包含进去

4、演示使用include插入公共片段:(1)先把它的公共样式给删除

使用thymeleaf模板引擎抽取公共页面

(2)使用th:include插入

使用thymeleaf模板引擎抽取公共页面

© 版权声明

相关文章

暂无评论

none
暂无评论...