npm 包 jsreport-weasyprint-pdf 使用教程

引言

jsreport 是一款用于生成 PDF、Excel、Word 文件的 Node.js 报表生成器。而 jsreport-weasyprint-pdf 则是 jsreport 的一个插件,使用 WeasyPrint 库生成 PDF 文件。WeasyPrint 是一款支持 HTML/CSS 标准的打印机渲染引擎,将 HTML/CSS 转换为 PDF 文件。

本篇文章将教会大家如何使用 jsreport-weasyprint-pdf 插件,通过 WeasyPrint 库将 HTML/CSS 转换为 PDF 文件。

安装 jsreport-weasyprint-pdf

使用 npm 安装 jsreport 和 jsreport-weasyprint-pdf。

--- ------- -------- ----------------------- ------

配置 jsreport

在项目根目录下,创建一个名为 jsreport.config.js 的文件,内容如下:

-------------- - -
  -- --------
  --------- -----
  -- ------
  ---------------------- -----
  -- ---------
  ------------------ -
    --------- -------------
  --
  -- --------
  ----------- -
    ----- --------
    ---------- ---------
  --
  -- ---------
  ------- -
    ------- -----
  --
--

这里定义了运行的端口号,允许跨域、渲染引擎为 in-process,数据源为 memory,日志级别为 silent。

创建报表

在项目根目录下,创建 test-template.html

--------- -----
------
------
  ----- ----------------
  --------------------
-------
------
  --------------
  --------- ----------
-------
-------

配置模板引擎

在项目根目录下,创建 test-template.js

-------------- - ----- ---- -- -
  ------ -
    --------- -
      ------- -------
      ------- -----------------
      -------- -
        --------- -----
        ------
        ------
          ----- ----------------
          --------------------
        -------
        ------
          --------------
          --------- ----------
        -------
        -------
      --
    --
  --
--

这里将模板引擎设置为 none,使用 weasyprint-pdf 渲染器,设置内容为 HTML。

运行报表

在项目根目录下,创建 index.js

----- -------- - ----------------------

----------------------- -- -
  ------ -----------------
    --------- -
      -------- ---------- ------------
      ------- -------
      ------- -----------------
    --
  ---
-------------- -- -
  -------------------------------------
  ------ -----------------
------------ -- -
  -----------------
---

结论

这篇文章介绍了 npm 包 jsreport-weasyprint-pdf 的使用教程。使用 WeasyPrint 库,将 HTML/CSS 转换为 PDF 文件。我们通过配置 jsreport 模板引擎,并使用 jsreport.render 方法,在 Node.js 中生成 PDF 文件。

参考资料

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671cd30d09270238228f2


猜你喜欢

  • npm 包 react-state-util 使用教程

    前言 在 React 前端开发中,状态管理是非常重要的一部分,而如何管理和操作组件的状态一直都是开发者的挑战。react-state-util 是一个可以帮助开发者管理和操作 React 组件状态的 ...

    4 年前
  • npm 包 tsblog 使用教程

    前言 在前端开发过程中,我们经常需要使用日志来记录相关信息或者进行调试。tsblog 是一个能够在 TypeScript 项目中进行高效日志管理的 npm 包。本文将详细介绍如何使用 tsblog 进...

    4 年前
  • npm 包 gulp-mocker 使用教程

    随着前端开发的日益复杂,越来越多的开发人员开始使用工具来提高效率。其中,gulp 是前端开发中最流行的构建工具之一,而 gulp-mocker 则是其中一个非常实用的 npm 包,它可以帮助你快速地创...

    4 年前
  • npm包sequelize-soft-delete使用教程

    什么是sequelize-soft-delete? sequelize-soft-delete 是一个支持软删除的Sequelize插件,它提供了一些方法,可以在Sequelize模型中轻松实现软删除...

    4 年前
  • npm 包 urls-crawler 使用教程

    在现代的 Web 开发中,我们难免需要爬取网站的数据,而网站的数据往往体现在其 URL 中。如果有大量 URL 需要处理,手动写一个爬虫程序就会变得非常麻烦。这时候,我们可以使用 npm 包 urls...

    4 年前
  • NPM 包 b5-result-text 使用教程

    前言 在前端开发中,开发者总是需要处理一些文字提示信息,比如表单验证提示、接口错误信息等等。而 b5-result-text 这个 NPM 包就是一个非常实用的工具,可以帮助我们快速创建带有颜色和图标...

    4 年前
  • npm 包 html-attributes-remover 使用教程

    简介 在前端开发中,经常需要对 HTML 页面进行操作处理。有时候,我们需要删除一些不需要的属性,例如 class、style、id 等。手动删除这些属性不仅费时费力,还容易犯错。

    4 年前
  • npm 包 @littlelane/data-type 使用教程

    简介 在前端开发中,我们经常需要对各种数据进行类型判断和类型转换,例如将字符串转换成数字、将数组转换成对象等。而 @littlelane/data-type 这个 npm 包提供了非常方便和易用的工具...

    4 年前
  • npm 包 @mourasman/cypress-junit-reporter 使用教程

    1. 介绍 @mourasman/cypress-junit-reporter 是一个能够在 Cypress 端口执行测试并产生 JUnit XML 报告的 npm 包。

    4 年前
  • npm 包 json-reader-writer 使用教程

    在前端开发中,操作 JSON 数据是非常常见的任务。但有时候我们可能需要在 Node.js 的后端代码中读取和写入 JSON 文件,同时也需要在前端代码中读取和写入JSON数据。

    4 年前
  • npm 包 @dng/eslint-config-opinionated 使用教程

    在前端项目中,我们经常需要使用 Eslint 这个工具来规范我们的代码。Eslint 可以帮我们发现潜在的错误、代码风格的问题等,但默认的 Eslint 配置可能并不符合我们自己的编码风格,这时候就需...

    4 年前
  • npm 包 react-object-inspector 使用教程

    在前端开发中,我们经常需要查看 JavaScript 对象的结构。但是,JavaScript 对象的嵌套结构很复杂,使用 console.log() 很难直观地查看对象结构。

    4 年前
  • npm 包 ember-es6-class-codemod-dyfactor 使用教程

    ember-es6-class-codemod-dyfactor 是一个针对 Ember.js 应用程序的 ES6 类转换codemod。本教程将会帮助你了解如何使用它来升级你的 Ember.js 应...

    4 年前
  • npm 包 vue-cli-plugin-now 使用教程

    前言 随着前端技术的发展,越来越多的前端框架和库被开发出来并广泛应用于项目中。其中 Vue.js 作为一款非常优秀的前端框架,拥有着强大的可扩展性,使得开发者可以轻松地扩展其功能。

    4 年前
  • npm 包 @lunafreya/eslint-config-chiyo 使用教程

    前言 在进行前端开发的过程中,使用 eslint 可以确保代码规范性、可读性以及可维护性。然而,eslint 配置过于繁琐,往往需要一些熟练的知识才能进行正确的配置。

    4 年前
  • npm 包 media-stream-merger 使用教程

    前言 media-stream-merger 是一个用于合并 MediaStream 的 Node.js 模块。使用该模块可以将多个 MediaStream 混合/合并成单个的 MediaStream...

    4 年前
  • npm 包 gitbook-plugin-local-pagefooter 使用教程

    在前端开发中,我们经常需要使用 gitbook 工具撰写技术文档、知识总结或者项目文档等,而 gitbook 自带的页脚插件是全局性的,不便于每个页面设置不同的页脚内容。

    4 年前
  • npm 包 lwh_react-components 使用教程

    前言 npm 是一个用于 Node.js 的包管理器,它让开发者可以方便地共享和重用代码。而 lwh_react-components 是一个 React 组件库,可以帮助开发者快速构建 Web 应用...

    4 年前
  • npm 包 markdown-it-bear 使用教程

    简介 markdown-it-bear 是一个基于 markdown-it 基础上扩展的一个包,旨在提供一种更加符合阅读体验的 markdown 渲染方式。 安装 使用 npm 安装 markdown...

    4 年前
  • npm 包 @whatoplay/react-snackbar 使用教程

    @whatoplay/react-snackbar 是一个 React 组件库,它可以帮助开发者在应用中添加 Snackbar。 什么是 Snackbar Snackbar 是一个类似于提示框的组件,...

    4 年前

相关推荐

    暂无文章