当前位置: 首页 > news >正文

SSM整合Thymeleaf时,抽取公共页面并向其传递参数

第一步

创建一个名为 header.html 的公共头部页面模板,放在 WEB-INF 目录下的 common 文件夹中。在 header.html 中可以编写头部页面的HTML代码,并通过Thymeleaf的语法来接收参数,如下所示:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>公共头部</title>
</head>
<body><header><h1 th:text="${pageTitle}">默认页面标题</h1></header>
</body>
</html>

第二步

在需要引用公共头部的页面中,使用Thymeleaf的 th:replace 属性来引用公共页面,并通过 th:with 属性传递参数。

例如,在 index.html 页面中需要引用公共头部,并传递页面标题参数,可以在 标签中添加以下代码:

<body><div th:replace="common/header :: header" th:with="pageTitle='首页'"></div><!-- 其他页面内容 -->
</body>

这样,

标签中的 th:replace 属性会根据指定的模板路径 common/header 来替换为 header.html 中的内容,并通过 th:with 属性将 pageTitle 参数传递给公共头部页面。

在公共头部页面中,可以通过Thymeleaf的语法 ${pageTitle} 来获取传递的参数值,并动态显示在页面上。

http://www.lryc.cn/news/170499.html

相关文章:

  • 接口测试 —— requests 的基本了解
  • 2023年华为杯数学建模研赛D题思路解析+代码+论文
  • AB试验(三)一次试验的规范流程
  • ROI tracking by using OpenCV
  • (leetcode)二叉树最大深度
  • 【golang】调度系列之P
  • Vue3中watch用法
  • 组里来了一个实习生,一行代码引发了一个惨案
  • 随手笔记(四十五)——idea git冲突
  • chacha20 算法流程
  • 准备篇(三)Python 爬虫第三方库
  • 从零开始的PICO开发教程(4)-- VR世界 射线传送、旋转和移动
  • 防止攥改之水印功能组件
  • iOS 17 适配 Xcode 15 问题
  • Element Plus 快速开始
  • 华为云云耀云服务器L实例评测|StackEdit中文版在线Markdown笔记工具
  • MyEclipse报错javax/persistence/EntityManagerFactory
  • 【MySQL进阶】SQL性能分析
  • 在SpringBoot项目中整合SpringSession,基于Redis实现对Session的管理和事件监听
  • 浅析vue中computed,method,watch,watchEffect的区别
  • activiti7的数据表和字段的解释
  • Java手写Trie树和Trie树应用拓展案例
  • alova.js快速入门教程
  • 获取IP地址-根据IP获取位置信息
  • Android13适配-Google官方照片视频选择器
  • 云计算的发展趋势和挑战
  • PyG-GAT-Cora(在Cora数据集上应用GAT做节点分类)
  • java专项练习(验证码)
  • MS1861 视频处理与显示控制器 HDMI转MIPI LVDS转MIPI带旋转功能 图像带缩放,旋转,锐化
  • 广州华锐互动:利用VR复原文化遗址,沉浸式体验历史文物古迹的魅力