首先在pom.xml引入thymeleaf的依赖

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>


将上述的重复信息抽取出来存为pagination.html

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <body>
	<div class="panelBar" th:fragment="pagination">
           <!--以下为公共部分-->
           <div class="pages">
			<span>显示</span>
			<select class="combox" name="numPerPage" onchange="navTabPageBreak({numPerPage:this.value})">
				<option value="1" th:selected="${pages.numPerPage}==1">1</option>
				<option value="3" th:selected="${pages.numPerPage}==3">3</option>
				<option value="5" th:selected="${pages.numPerPage}==5">5</option>
				<option value="10" th:selected="${pages.numPerPage}==10">10</option>
				<option value="100" th:selected="${pages.numPerPage}==100">100</option>
				<option value="150" th:selected="${pages.numPerPage}==150">150</option>
				<option value="200" th:selected="${pages.numPerPage}==200">200</option>
				<option value="250" th:selected="${pages.numPerPage}==250">250</option>
			</select>
			<span id="fleeceRecordCounts" th:text="'共有'+${pages.totalCount}+'条'"></span>
		</div>
		<div id="fleece_page" class="pagination"  th:attr="targetType=${pages.targetType},totalCount=${pages.totalCount},numPerPage=${pages.numPerPage},pageNumShown=${pages.pageNumShown},currentPage=${pages.currentPage}"></div>
	</div>
    </body>
</html>

在其他页面进行引用该公共模块时如下：

<div class="panelBar" th:replace="pagination::pagination"></div>

注意：第一个pagination为上述公共部分的文件名，第二个pagination为th:fragment的值。这样便可以解决公共部分代码的抽取。

fragment加载语法如下：

  1. templatename::selector：”::”前面是模板文件名，后面是选择器
  2. ::selector：只写选择器，这里指fragment名称，则加载本页面对应的fragment
  3. templatename：只写模板文件名，则加载整个页面
<!--  语法说明  "::"前面是模板文件名，后面是选择器 -->
<div th:include="template/footer::copy"></div>
<!-- 只写选择器，这里指fragment名称，则加载本页面对应的fragment -->
<div th:include="::#thispage"></div>
<!-- 只写模板文件名，则加载整个页面 -->
<div th:include="template/footer"></div>

<span id="thispage">
    div in this page.
</span>

th:include 和 th:replace都是加载代码块内容，但是还是有所不同

  • th:include：加载模板的内容： 读取加载节点的内容（不含节点名称），替换div内容
  • th:replace：替换当前标签为模板中的标签，加载的节点会整个替换掉加载他的div 

公共部分如下：

<!-- th:fragment 定义用于加载的块 -->
<span th:fragment="pagination"> 
    the public pagination
</span>

调用

<!-- 加载模板的内容： 读取加载节点的内容（不含节点名称），替换<div>的内容 -->
<div th:include="pagination::pagination">1</div>
<!-- 替换当前标签为模板中的标签： 加载的节点会整个替换掉加载他的<div>  -->
<div th:replace="pagination::pagination">2</div>

 

GitHub 加速计划 / sp / spring-boot
73.97 K
40.4 K
下载
spring-projects/spring-boot: 是一个用于简化Spring应用开发的框架。适合用于需要快速开发企业级Java应用的项目。特点是可以提供自动配置、独立运行和内置的Tomcat服务器，简化Spring应用的构建和部署。
最近提交(Master分支：2 个月前 )
fdf24c6c Closes gh-42976 11 天前
3c42ba8c * pr/42974: Fix copyright year of updated file Polish Closes gh-42974 11 天前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区