Thymeleaf引用片段传入参数

片段传入参数

声明片段的时候
可以声明变量参数，在片段中使用变量参数

<div th:fragment="frag (onevar,twovar)"><p th:text="${onevar} + ' - ' + ${twovar}">...</p>
</div>

引入片段的时候
把参数的值，传入进来

两种书写方式
如果，参数很少，可以直接写参数
如果，参数很多，可以指定变量名，对应的值

<div th:replace="::frag (${value1},${value2})">...</div>
<div th:replace="::frag (onevar=${value1},twovar=${value2})">...</div>

菜单高亮
点击对应的菜单，高亮显示

实现方式
activeUri，获取当前请求的activeUri
根据activeUri，来判断是否激活，active当前的标签

th:class="${activeUri=='main.html'?'nav-link active':'nav-link'}"

主页菜单片段
设置参数，activeUri

<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>
</li>

用户菜单片段
设置参数，activeUri

<li class="nav-item"><a class="nav-link active" href="#" th:href="@{/emps}"th:class="${activeUri=='emps'?'nav-link active':'nav-link'}"><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-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>员工管理</a>
</li>

主页页面，引用菜单片段
传递参数main.html，主页菜单，就会高亮显示

<!--引入sidebar-->
<div th:replace="commons/bar::#sidebar(activeUri='main.html')"></div>

用户页面，引用菜单片段
传递参数emps，用户菜单，就会高亮显示

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

Thymeleaf引用片段传入参数相关推荐

[JAVA EE] Thymeleaf 高级用法：模板布局，带参数的引用片段，表单验证，常用校验注解
模板布局公共部分通常定义为模板布局:如页眉,页脚,公共导航栏.菜单等. 模板布局定义方法布局页中用 th:fragment 定义模板片段,其他页面用 th:insert 引用片段例如:foote ...
thymeleaf公共页面元素抽取 || 引入片段的时候传入参数
thymeleaf公共页面元素抽取三种引入公共片段的th属性: th:insert:将公共片段整个插入到声明引入的元素中 th:replace:将声明引入的元素替换为公共片段 th:include: ...
C++ 笔记（13）— 函数（函数声明、函数定义、函数调用[传值、指针、引用]、函数参数默认值、函数重载）
每个 C++ 程序都至少有一个函数,即主函数 main() ,所有简单的程序都可以定义其他额外的函数. 1. 函数声明函数声明告诉编译器函数的名称.返回类型和参数.函数声明包括以下几个部分: ret ...
C++函数的传入参数是指针的指针（**）的详解
要修改变量的值,需要使用变量类型的指针作为参数或者变量的引用.如果变量是一般类型的变量,例如int,则需要使用int 类型的指针类型int *作为参数或者int的引用类型int&.但是如果变量 ...
C++中,引用作为函数参数
引用作为函数参数 C++之所以增加引用类型, 主要是把它作为函数参数,以扩充函数传递数据的功能. -------------------- c++,函数传参: (1)将变量名作为实参和形参.这时传给 ...
java怎么传入参数到方法当中_java中方法传入参数时：值传递还是址传递？
JAVA中的数据类型有两大类型: ① 基本数据类型:逻辑型(boolean).文本型(char).整数型(byte.short.int.long).浮点型(float.double) ② 引用数据类型 ...
理工科Word论文排版（章节自动标号、公式自动标号、图片自动标号、表格自动标号、标号交叉引用、公式参数介绍等），持续更新
最近在完成论文的写作,无论是硕博士的大论文还是日常发布的小论文,精美的排版都会让评阅人心情舒畅,一个良好的word模板也会让论文写作变得简单容易. 正所谓工欲善其事必先利其器,拿出半天的时间去制作一个 ...
python可变参数报错_Python之可变参数，*参数，**参数，以及传入*参数，进行解包...
1.定义了一个需要两个参数的函数 def print_str(first, second): print first print second if __name__ == "__main_ ...
[C++11新特性](24)列表初始化，右值引用，可变参数模板，lambda表达式，包装器
文章目录列表初始化 {}初始化 initializer_list auto.nullptr.范围for decltype STL的变化右值引用简介移动构造与移动赋值完美转发新的类功能可变 ...

Thymeleaf引用片段传入参数

片段传入参数

Thymeleaf引用片段传入参数相关推荐

最新文章

热门文章