如何在XSLT中为每页添加含正确页码与时间戳的页脚

核心问题原因 #

你之前的页脚显示错误，是因为XSLT静态生成内容时无法预知浏览器打印引擎实际的分页情况，或者没有正确利用浏览器内置的分页计数器，导致页码计算逻辑失效。下面提供两种可行的解决方案：

方案一：纯CSS实现（推荐，自动适配分页） #

利用CSS打印规则的内置计数器page（当前页码）和pages（总页数），浏览器会自动处理分页计数，无需XSLT手动计算。

1. 添加CSS样式：

@page {
  size: A4;
  margin: 2cm;

  /* 定义页脚显示内容 */
  @bottom-center {
    content: "Page " counter(page) " of " counter(pages) " - " var(--print-timestamp);
    font-size: 12px;
    color: #666;
  }
}

/* 由XSLT注入时间戳到CSS变量 */
:root {
  --print-timestamp: '<xsl:value-of select="format-dateTime(current-dateTime(), '[D01]/[M01]/[Y0001] [H01]:[m01]:[s01]')"/>';
}

/* 保留原有的分页规则 */
.page-break {
  page-break-before: always;
}

2. 说明：

• counter(page)和counter(pages)是浏览器打印时的内置变量，会自动根据实际分页情况计算页码
• 时间戳通过XSLT的format-dateTime函数生成后，注入到CSS变量中，确保页脚时间正确

方案二：XSLT手动计数（适合固定页数场景） #

如果你的分页是完全由固定数量的page-break元素控制（比如固定3页），可以通过XSLT遍历元素计算当前页码和总页数。

1. XSLT代码调整：

<!-- 先计算总页数：分页div数量 + 1（第一页无分页标记） -->
<xsl:variable name="total-pages" select="count(//div[@class='page-break']) + 1"/>

<!-- 生成第一页内容及页脚 -->
<div class="page-content">
  <!-- 第一页内容 -->
</div>
<div class="footer">
  Page 1 of <xsl:value-of select="$total-pages"/> - <xsl:value-of select="format-dateTime(current-dateTime(), '[D01]/[M01]/[Y0001] [H01]:[m01]:[s01]')"/>
</div>

<!-- 遍历生成后续页面及对应页脚 -->
<xsl:for-each select="//div[@class='page-break']">
  <xsl:variable name="current-page" select="position() + 1"/>
  <div class="page-break">
    <!-- 当前页面内容 -->
  </div>
  <div class="footer">
    Page <xsl:value-of select="$current-page"/> of <xsl:value-of select="$total-pages"/> - <xsl:value-of select="format-dateTime(current-dateTime(), '[D01]/[M01]/[Y0001] [H01]:[m01]:[s01]')"/>
  </div>
</xsl:for-each>

2. 添加CSS固定页脚位置：

.footer {
  position: fixed;
  bottom: 1cm;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  color: #666;
}

.page-break {
  page-break-before: always;
}

3. 说明：

• 这种方法仅适用于分页数量固定的场景，如果内容动态变化导致浏览器自动分页（比如内容过长），页码会不准确
• 核心是通过position()函数获取当前分页元素的位置，从而计算当前页码

内容的提问来源于stack exchange，提问作者DataCrunch