推荐两个好用的打印Hiprint和流程图组件

最新推荐文章于 2024-03-20 10:41:55 发布
最新推荐文章于 2024-03-20 10:41:55 发布
阅读量1.2k 收藏 2
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013583851/article/details/123844675
版权

项目选型组件推荐

研究后台框架时，需要用到打印预览和工作流图开发，作为一个自称是IT外貌审核委员会主席的人，必须找优雅的组件啊。研究半天发现两个js组件不错，免费且优雅，收藏备用！

Hiprint.js

在这里插入图片描述

BPMN.IO

BPMN（Business Process Modeling Notation）简单说就是一种流程建模的通用和标准语言，他家提供了一个bpmn.js用来绘制业务流程图

在这里插入图片描述
链接在上面，文档之类自己看链接哦~~

dodoker
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HiPrint Demo
09-15
hiprint 是一个web 打印的js组件，无需安装软件。支持windows,macOS,linux 系统，支持移动端，PC端浏览器，angular,vue,react 等 分页预览，打印，操作简单，运行快速。预览界面为css+html 。支持数据分组，批量预览。生成pdf,图片更方便
hiprint_demo.zip
04-10
根据hiprint.js实现的示例，其中有三个例子，一个拖拽，一个自定义，一个初始化json配置，直接下载后就可以运行。
easy-print:一个基于hiprint的打开即用的打印插件
05-12
easy-print 一个基于hiprint的打开即用的打印插件 安装使用 安装 npm i -D easy-print 使用 import hiprint from 'easy-print'; import panel from './panel.js'; // 初始化打印模板 const hiprintTemplate = new hiprint.PrintTemplate({ template: panel }); 说明：panel是你编写的打印面板JSON对象，可以在hiprint官网自己进行配置生成。 推荐使用方式 推荐使用的业务Print组件结构 |-----Print |--------index.js |--------adapter.js |--------panel.js 文件介绍： Print 文件夹就是一个打印面板组件，使用方式如下： import React fr
vue3项目中使用 hiprint
最新发布
小废物
03-20 791
hiprint 是一个web 打印的js组件，无需安装软件。支持移动端，PC端浏览器，angular,vue,react, 等 分页预览，打印，操作简单，运行快速。在 vue3 项目中使用打印，是通过 vue3 的插件进行操作，可以通过官网地址。hiprint 打印官网。
vue-hiprint-example:基于Vue Element-UI的hiprint项目
05-11
Vue Hiprint示例项目 基于Vue Element-UI的hiprint项目 屏幕截图 入门 该项目是vue指纹的起点。 步骤1 > git clone https://github.com/peakcool/vue-hiprint-example.git 第2步 > cd YOUR_PROJECT/vue-hiprint-example 第三步 > npm install 或者 > yarn 第四步 > npm run dev 资源 一些帮助您入门的资源：
web打印插件hiprint
豪华的博客
07-23 3258
简介 hiprint 是一个web 打印的js组件，无需安装软件。支持移动端，PC端浏览器，angular,vue,react, 等 分页预览，打印，操作简单，运行快速。预览界面为css+html 。支持数据分组，批量预览。生产pdf,图片更方便 hiprint 插件依赖jquery，（也就是说，jquery必须在所有插件之前引入页面），如果要使用二维码和条形码功能，需另外引入两个js组件JsBarcode.all.js和qrcode.js。此2款条码插件均是MIT协议，可以到github搜索下载最新版 地
JS打印插件hiprint.js
05-12
JS打印插件hiprint.js
前端打印模块hiprint
07-14
前端打印模块组件，可自行调控
hiprint所提供的js和css
12-13
hiprint的样式依赖，下载不需要积分
hiprint for Vue2/Vue3 打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑
06-01
hiprint for Vue2/Vue3 打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑。
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
做笔记\记录遇到的程序bug
07-27 5150
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
HiPrint-打印下载
小屁孩大帅-保密的博客
12-06 3858
1http://www.hinnn.com/download
web 打印插件 hiprint 使用
热门推荐
又是再见?
07-31 2万+
官网:http://hiprint.io/ demo:http://hiprint.io/demo/list 官网介绍: hiprint 是一个web 打印的js组件，无需安装软件。支持windows,macOS,linux 系统，支持移动端，PC端浏览器，angular,vue,react 等 分页预览，打印，操作简单，运行快速。预览界面为css+html 。支持数据分组，批量预览。生成pdf,图片更方便 设计界面截图; 优点: 浏览器设计打印; 打印服务不局限于 win;客户...
hiprint使用初体验，模板设计经验分享
Rosen's
11-28 1万+
在线模板设计地址：http://www.hinnn.com/design 在项目中使用过一两次hiprint，主要是设计到自定义标签打印功能。之前项目中设计到标签打印，都是使用c#开发的客户端进行打印，web端主要打印报表之类的设计，使用的是ireport开发。 使用c#开发的客户端必须要在安装了bartendar软件的环境进行开发，缺点就是需要购买/安装bartendar软件，这个软件是需要...
使用Hiprint实现简单单面打印功能
10-26 3834
打印插件很多，但是好用的不是很多，之前项目中经常使用的是lodop打印插件，但是遇见新版本的谷歌浏览器后就经常出现卡死现象，为此想把项目中常用的单页打印模块用其他插件替换，之前看过一篇使用hiprint打印插件的文章，看着使用起来不错，就在项目中尝试了一下。该插件目前是免费的，也比较轻量，无需在客户端安装相关插件，体验友好。它支持页面设计模板，但是我没有用模板设计，用的是参数打印。下载最新版的V2.5.3 js插件。我项目中使用的是参数打印。
web打印插件hiprint的简单使用
qq_26993175的博客
02-10 1970
官方地址：http://hiprint.io 火狐打印预览无法显示图片。其他浏览器兼容 var panel = hiprintTemplate.addPrintPanel({ width: 176, height: 250,paperNumberDisabled:false ,paperType:'B5'}); panel.addPrintText({ options: { width:260,height: 27,lineHeight:26, top: 11, left: 120, titl
使用HiPrint批量打印条码，二维码
weixin_43952332的博客
05-23 5258
hiprint批量打印条码，二维码
【hiprint】hiprint的使用方法（附使用案例）hiprint 表格数据传输问题解决办法
chirp_CQ的博客
12-14 1万+
hiprint打印table数据无法传输解决办法事件起因：问题描述： 事件起因： 因为前两天要弄一个a4纸的打印功能（嵌入在网页里面），结果前两天因为弄这个搞得挺恼火的，到笔者终于解决了这个问题后，特此来说明一下这个问题，以便后来者能够吸取经验教训 问题描述： 我所创建的一个空的vue项目，后面在这个里面加入hiprint进行数据的打印
vue-plugin-hiprint vue hiprint vue使用hiprint打印控件VUE HiPrint HiPrint简单使用
半只
03-07 1万+
/ 这样后续直接调用 hiprintTemplate.print({ 'canshu1': topText, 'canshu2': code }) 就可以打印了, 我这里是 方便容易阅读 就放在了方法里面。// 预览打印， 注意数据对象 { 'canshu1': topText, 'canshu2': code } 对象属性名称名称要和上面设置的一样。// 获取打印机列表, 如果在 main.js 中设置了取消自动连接客户端 是获取不到打印机列表的！// import引入的组件需要注入到对象中才能使用。
HiPrint自定义模块打印插件
06-09
HiPrint自定义模块打印插件是一款可以方便地将自定义模块导入到打印机中进行打印的插件。以下是使用HiPrint自定义模块打印插件的步骤： 1. 下载安装HiPrint自定义模块打印插件。可以在HiPrint官网上下载到该插件。 2. 设计自定义打印模块。可以使用HiPrint提供的在线设计工具或者第三方设计工具来设计模块，然后将模块保存为PDF格式。 3. 导入打印模块。打开HiPrint自定义模块打印插件，点击“导入模块”，选择刚刚设计好的自定义模块文件。 4. 预览并设置打印参数。在插件中预览自定义模块的样式和内容，然后设置打印参数，如纸张大小、边距、分页等。 5. 打印自定义模块。点击“打印”按钮，将自定义模块导入到打印机中进行打印。 使用HiPrint自定义模块打印插件，您可以方便地将自己设计的模块导入到打印机中进行打印，提高了工作效率和打印质量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值