因自己做的项目,需要自定义报表的功能,所以在网上找了一些打印插件,最后发现Hiprint的资料挺全的,就试着用了一下,发现还挺好用的
网上的DEMO的源码地址:https://github.com/byc233518/vue-hiprint-example

下面我将Demo的界面嵌入到了我的项目内,并增加了模板的增删改查功能,实现了数据库表存储模板

同时左侧参数组件列表,也通过数据库预制好的JSON进行加载,可以做到后期在调整数据库时,不影响前端代码

Vue-Element-admin 框架上使用 Hiprint 打印插件 一、项目介绍相关推荐

  1. Vue Element Admin 使用mock模块模拟数据

    Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路.通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发更加独立自主,不会被服务端的开发所阻塞. vue-elem ...

  2. vue+element+admin(初始化项目)

    2022.10.17我接触到了vue+element+admin的使用,首先要安装node.jshttps://nodejs.org/zh-cn/download/.和githttps://git-s ...

  3. vue element admin登录方式切换(密码登录或短信登录)

    显示结果: 具体代码可以根据vue element admin源码进行更改,下面是页面代码 <el-form ref="loginForm" :model="log ...

  4. vue+element实现图片上传及裁剪功能(vue-cropper)

    需求背景: 上传图片或者头像时,能够将图片进行裁剪(等比例缩放裁剪或非等比例裁剪) 效果图: 安装使用 1.安装 npm install vue-cropper // npm 安装 yarn add ...

  5. 打印插件LODOP使用介绍

    背景:目前很多项目中均设计到了打印模块,且都需要直接打印,目前公司已购入lodop打印插件,该插件能满足大部分打印相关的功能. 使用方法:http://www.lodop.net/demo.html ...

  6. 后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例

    登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后 点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...

  7. 后台管理 vue+element 开源框架

    第一个:(免费) ant Design pro 网站教程 Ant Design Pro of Vue gitHub 地址:https://github.com/vueComponent/ant-des ...

  8. Vue Element Admin 用mock模块模拟数据

    步骤简单 一  在 src/api/charts 中添加接口 , 方法名为 getindexMock  import request from '@/utils/request'export func ...

  9. vue+element+xlsx解析上传表格

    重要代码已标红 用到的插件组件 npm i element npm i xlsx vue3 引入写法有差异 具体自行百度 html: <div class="crenter" ...

最新文章

  1. oracle12c dml语句缓存,Oracle --DML、DDL、DCL
  2. Node和java和php,服务端I/O性能大比拼:Node、PHP、Java和Go(三)
  3. 判断扫码是支付宝还是微信
  4. cocos2dx setVisible 与setEnabled 小实例
  5. 跨域解决方案CROS最简单演示——JSP演示示例
  6. 凉山州计算机等级考试时间,2020年四川凉山中考考试时间及科目安排(已公布)...
  7. static与final关键字
  8. Linux centos7系统下JBoss7.1的部署安装
  9. Bailian2967 特殊日历计算【日期计算】
  10. cad图层置顶的lisp_CAD图层遮挡,如何将CAD图形进行前置或者后置?
  11. Evolutionary Learning: Advances in Theories and Algorithms PART I
  12. 只有韦小宝最适合当产品经理
  13. 【渝粤教育】 国家开放大学2020年春季 1306社会政策 参考试题
  14. linux cacti安装教程,Linux下Cacti安装与配置
  15. 2020年网络搭建与应用国赛题-防火墙ipsec建立分解
  16. 回顾在江西博微科技工作9个月回顾(吐槽)
  17. Conway’s Game of Life介绍及实现
  18. 小游戏的processing实现
  19. 手把手教你Vue从零撸一个迷你版MVVM框架
  20. C++【入门】购买文具

热门文章

  1. 这些东西别晒到朋 友 圈,小心惹来祸!
  2. 从Scratch少儿编程收获的启示
  3. 计算机怎么把安全设置降低,如何设置浏览器的安全级别,怎么降低浏览器安全级别...
  4. 水晶报表使用经验总结
  5. 计算机物理学论文300字,物理考试反思范文300字(精选6篇)
  6. LINUX系统编程 LINUX 虚拟内存
  7. 云VR的未来发展方向
  8. 拼死抢到一个猫爪杯,粉丝却说他想要这个?!(文末抢福利)
  9. golang panic recover return defer的逻辑顺序问题
  10. 云计算架构中的Iaas、Paas、SaaS详解