Thymeleaf选择器引用公共片段

引用公共片段

可以使用选择器，引用公共片段

~{templatename::selector}

模板名::选择器

侧边栏
设置一个id属性

<!--sidebar-->
<nav class="col-md-2 d-none d-md-block bg-light sidebar" id="sidebar"><div class="sidebar-sticky"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link active"th:class="${activeUri=='main.html'?'nav-link active':'nav-link'}"href="#" th:href="@{/main.html}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>Dashboard <span class="sr-only">(current)</span></a>

用户页面
通过id，引用公共片段

<!--引入侧边栏-->
<div th:replace="commons/bar::#sidebar"></div>

Thymeleaf选择器引用公共片段相关推荐

Thymeleaf引入公共片段方式
引入公共片段引入公共片段的th属性,包括三种方式 th:insert 将公共片段,整个插入到声明引入的元素中 th:replace 将声明引入的元素,替换为公共片段 th:include 将被引入的 ...
如何在Thymeleaf 模板中使用片段Fragments
1. 引言在本文中,我们将展示如何在Thymeleaf 模板中使用片段.表示可包含在其他模板中的模板片段的片段.它可以是页眉,菜单,页脚和文档的任何其他部分,通常在许多页面上重复.片段可以参数化并包 ...
html注释引用公共头部_HTML注释和引用
html注释引用公共头部 HTML注释 (HTML Comments) To insert a comment in an HTML document, the comment tags are us ...
如何让html引用公共的头部和尾部（多个html文件公用一个header.html和footer.html）
文章目录如何实现多个.html静态页,引用同一个header.html和footer.html文件? HTML如何引用公共的页眉头部header.html文件和尾部footer.html文件? 首先 ...
小程序引用公共js，不看可惜了!!
转载:微信小程序如何引用公共js - 移动开发 - 亿速云感谢博主,解决了我的问题,分享给大家!! 有转载相关问题,请私信我! 马上就删博主原文这篇文章主要介绍了微信小程序如何引用公共js,具有 ...
vue 公用页面引用_关于vue全局引用公共的js和公共的组件的折腾
前沿最近在项目开发中遇到一些需要全局引用的公共js,或者公共组件,早就烦死了那种每个页面都写一遍,都引用一个js的写法,正好vue解决了这个额问题,于是乎就开始折腾,折腾的过程中也发现了一些自己之前 ...
java引用公共类_使用键引用从Java公共类获取值 - java
我们有一个Java公共类, public class Test { public class ob1 { public static final String test = "T1T1&qu ...
maven引用公共包_maven项目打包jar给其他项目pom引用和外部引用
maven项目打包jar给其他项目pom引用和外部引用在现实开发过程中,很多代码需要被重复利用的,但是代码量又是很多,这样的代码可以提出出来作为公共代码或者叫做工具使用,通常这样的工具会以jar包的 ...
HTML引用公共组件
QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票在test.html引用footer.html 效果图代码 test.html <!DOCTYPE ...

Thymeleaf选择器引用公共片段

引用公共片段

~{templatename::selector}

Thymeleaf选择器引用公共片段相关推荐

最新文章

热门文章