Vue导出office模板文件(xdoc在Vue中的使用)

因项目需求需要实现数据打印功能,及将页面数据写入pdf文档保存在本地。我借助的XDOC智能文档平台来实现此功能,xdoc几乎支持所有的开发语言,使用方便。

首先,需要引入xdoc的js文件,在index.html中添加如下代码:

也可以将xdoc.js放在本地,如放在static文件下,则使用如下代码引入(如果你的网站使用的https,则使用该方式引用):

然后,需要制作一个office模板,用于数据渲染;进入XDOC智能文档平台,进入我的模板(如果没有使用过该平台,则先看教程XDOC Office报表设计指南创建自己的所需模板),选择需要的模板,运行报表生成html文件。

Vue导出office模板文件(xdoc在Vue中的使用)_第1张图片

在本地会下载一个XDocDemo的html文件,用记事本打开,将其中script部分复制至需要实现在线预览功能的地方,并将页面中变量值赋值给模板变量,还可修改下载格式。

XDoc.run("./出口报关单new.xlsx",//下载的文件名称
"xlsx",//下载格式,按需修改
{
  "preEntryNo": "这是一个preEntryNo",//模板变量:填入的数据
},
"_blank");

 

你可能感兴趣的:(Vue)