最近又是更新了报告模板的样式新使用了目录对象 因为直接生成的目录样式比较丑所以这边使用的是自定义xsl

直接生成的目录样式

　　　　　　　　　　　　　　　　　自定义样式

因为需求所以写了些特殊判断

<xsl:if test="">  只能单条件判断

多条件要使用

<xsl:when> 相当于if

<xsl:otherwise 判断语句> 相当于 else if

<xsl:otherwise> 相当于 else

test 里面可以使用函数 这边只使用到了 contains 包含  前面加 ! 不好使 只能使用上面的 判断语句实现效果

需要使用其他函数的 搜一下 xlst 函数

这里分享下使用到的代码。

 toc --xsl-style-sheet C:\Users\Administrator\Desktop\myself.xsl

这句是 生成目录 使用 指定位置的样式

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="2.0"

                xmlns:xsl="http://www.w3.org/1999/XSL/Transform"

                xmlns:outline="http://wkhtmltopdf.org/outline"

                xmlns="http://www.w3.org/1999/xhtml">

  <xsl:output doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"

              doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

              indent="yes" />

  <xsl:template match="outline:outline">

    <html>

      <head>

        <title>目录</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <style>

          body{

            padding:2%

          }

          h1 {

            color: #364063!important;

            margin: 2% 0%;

            padding:2% 0;

            font-size: 30px;

            font-family: calibri;

          }

          div {border-bottom: 1px dashed rgb(200,200,200);  padding:2% 0%;}

          span {float: right;}

          li {list-style: none; color: #364063;}

          ul {

            font-size: 30px;

            font-family: calibri;

            color: #364063;

          }

          ul ul {font-size: 80%; }

          ul {padding-left: 0em;}

          ul ul {padding-left: 1em;}

          a {text-decoration:none; color: #364063;}

        </style>

      </head>

      <body>

        <h1 style="font-size:45px;">目录</h1>

        <ul><xsl:apply-templates select="outline:item/outline:item"/></ul>

      </body>

    </html>

  </xsl:template>

  <xsl:template match="outline:item">

    <li>

        <xsl:if test="@title!='目录'">

      <xsl:if test="@title!=''">

        <div>

            <xsl:choose>

              <xsl:when test="contains(@title,' 异常')">

              <a style="color: #FF8B07!important;">

                <xsl:if test="@link">

                  <xsl:attribute name="href"><xsl:value-of select="@link"/></xsl:attribute>

                </xsl:if>

                <xsl:if test="@backLink">

                  <xsl:attribute name="name"><xsl:value-of select="@backLink"/></xsl:attribute>

                </xsl:if>

                <xsl:value-of select="@title" />

              </a>

              </xsl:when>

                  <xsl:otherwise>

                  <a>

                    <xsl:if test="@link">

                      <xsl:attribute name="href"><xsl:value-of select="@link"/></xsl:attribute>

                    </xsl:if>

                    <xsl:if test="@backLink">

                      <xsl:attribute name="name"><xsl:value-of select="@backLink"/></xsl:attribute>

                    </xsl:if>

                    <xsl:value-of select="@title" />

                  </a>

                  </xsl:otherwise>

                  </xsl:choose>

          <span> <xsl:value-of select="@page - 4" /> </span>

        </div>

      </xsl:if>

          </xsl:if>

      <ul>

        <xsl:comment>added to prevent self-closing tags in QtXmlPatterns</xsl:comment>

        <xsl:apply-templates select="outline:item"/>

      </ul>

    </li>

  </xsl:template>

</xsl:stylesheet>

这是文件内容可以拷贝直接使用 再根据需求调整

分享结束 感谢 !!

因为要生成页码 所以底下能看到 目录 1 目录   没研究出怎么让目录不生成知道的大佬告知下 谢谢。

xsl中 page - 4 是因为 wkhtmltopdf 生成的页码是正常的  但是 目录里面的指向 多了 目录的页数 所以  page - 目录页数

2023-01-12 17:39:24

wkhtmltopdf 目录对象使用 及 目录样式分享的更多相关文章

  1. 活动目录对象属性批量修改工具------ADModify

    最近下载了一个可以修改活动目录用户.组.联系人等活动目录对象属性的工具,试用了一下,发现还是蛮好用的,并且还可以修改对象的扩展属性,如:在活动目录中安装了Exchange 2003,Exchange ...

  2. du 使用详解 linux查看目录大小 linux统计目录大小并排序 查看目录下所有一级子目录文件夹大小 du -h --max-depth=1 |grep [

    常用命令 du -h --max-depth=1 |grep [TG] |sort   #查找上G和T的目录并排序 du -sh    #统计当前目录的大小,以直观方式展现 du -h --max-d ...

  3. Linux目录和文件——查询目录和文件的命令

    Linux目录和文件——查询目录和文件的命令 摘要:本文主要学习了在Linux系统中是如何查询目录和文件的. which命令 which命令是根据PATH环境变量设置的路径,去搜索执行文件. 基本语法 ...

  4. ASP.NET网站中获取当前虚拟目录的应用程序目录的方法（转）

    [原创]ASP.NET网站中获取当前虚拟目录的应用程序目录的方法 ASP.NET网站中获取当前虚拟目录的应用程序目录的方法1.问题描述:有时候,某个网页控件会被不同目录下文件使用,此时如果该控件中有一 ...

  5. Nginx虚拟目录alias和root目录

    nginx是通过alias设置虚拟目录,在nginx的配置中,alias目录和root目录是有区别的:1)alias指定的目录是准确的,即location匹配访问的path目录下的文件直接是在alia ...

  6. php目录下的ext目录中，执行的命令

    php的目录下的ext目录,如果你只需要一个基本的扩展框架的话,执行下面的命令: ./ext_skel --extname=module_name module_name是你自己可以选择的扩展模块的名 ...

  7. 父目录的权限对子目录有没有影响？[Linux]

    问题源头: 登录到服务器(实验室分的一个服务器账号)上,想在当前目录下创建一个文件,但提示“文件系统只读”,无法创建文件.通过ls -l 查看当前用户在当前目录的权限,发现具有rwx权限.所以在想会不 ...

  8. nginx去掉单个目录和多个目录PHP执行权限方法

    我们经常希望某些目录不能执行php代码,如果是nginx的话,我们怎么设置Nginx对于某些目录禁止执行PHP权限呢.以前不知道,其实nginx去掉单个目录和多个目录PHP执行权限方法也很简单. 首先 ...

  9. iOS开发——数据持久化Swift篇&文件目录路径获取（Home目录，文档目录，缓存目录等）

    文件目录路径获取(Home目录,文档目录,缓存目录等)   iOS应用程序只能在自己的目录下进行文件的操作,不可以访问其他的存储空间,此区域被称为沙盒.下面介绍常用的程序文件夹目录:   1,Home ...

  10. 创建一个目录info,并在目录中创建一个文件test.txt,把该文件的信息读取出来，并显示出来

    /*4.创建一个目录info,并在目录中创建一个文件test.txt,把该文件的信息读取出来,并显示出来*/ #import <Foundation/Foundation.h>#defin ...

随机推荐

  1. CCS 2022 极客少年挑战赛 writeup

    ​ 目录 题目一DSDS 操作内容: 题目二 easy_re 操作内容: flag值: 题目三 1+1=all 解题过程 题目一DSDS 操作内容: 开环境然后进入网址在网址后./目录 进入目录得到个 ...

  2. el-cascader组件根据最后一级向上找到父级并设置默认值

    vue + elementUI项目中,el-cascader级联选择器使用频率非常高,一些基本使用方法可以参考elementUI官方文档,本文主要研究当接口只返回最后一级id时,如何向上找出所有父级数 ...

  3. 网络安全（一）：信息收集之玩转nmap（理论篇）

    更新时间 2022年09月06日16:20:10 完成nmap介绍,目标选择,主机发现部分 2022年10月28日21:19:20 完成最基本的内容,端口扫描,版本和系统探测,安全其他等 打算的更新计 ...

  4. nrf9160 做modem—— 连接云（接入方式MQTT）

    今天测试把nrf9160作为modem的例程Serial LTE Modem程序(后面简称slm),何为做modem,通俗来说就是将nrf9160作为无线模块,主控由其余MCU做,主控通过AT命令控制 ...

  5. vue-项目的整体增删改查

    Dept: package com.example.demo.gs; public class Dept { private int id; private String name; private ...

  6. Typora图床上传配置：PicGo+Gitee 不完全指南

    每次写Markdown都要手动传图,再复制链接到Typora里,这样比较繁琐. 设置好图床,搭配PicGo,写作时直接剪贴图片到Typora,就能实现自动上传,这样就方便很多. Gitee配置: 许多 ...

  7. webpack中 hash chunkhash

    hash一般是结合CDN缓存来使用,通过webpack构建之后,生成对应文件名自动带上对应的MD5值.如果文件内容发生改变的话,那么对应文件hash值也会改变,对应的HTML引用的URL地址也会改变, ...

  8. WebSocket心跳检测和重连机制

    1. 心跳重连原由 心跳和重连的目的用一句话概括就是客户端和服务端保证彼此还活着,避免丢包发生. websocket连接断开有以下两证情况: 前端断开 在使用websocket过程中,可能会出现网络断 ...

  9. vue3的学习笔记：MVC、Vue3概要、模板、数据绑定、用Vue3 + element ui、react框架实现购物车案例

    一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.Vue是框架而jQuery则是库. 1.2.MVC(Mo ...

  10. 2022春每日一题：Day 7

    题目:Fire 先预处理出每个F蔓延的时间,再bfs走迷宫. 代码: #include <cstdio> #include <cstdlib> #include <cst ...