代码拉取完成,页面将自动刷新
npm i express -- 基于Node.js的Web应用开发框架
npm i multer -- 用于处理Node.js中文件上传的中间件
npm i streamifier -- 用于处理数据流的工具库,它可以将任何数据转换为Node.js的可读流
npm i fs -- 读取、写入、修改和删除文件
node .\app.js
##2 docx_vue -- 导出DOCX文件前端服务
npm i
npm run serve
vue.config.js 打包配置文件 -- 包含接口代理 -- 如需要在此处修改
@/api/docx.js 定义接口配置文件
@/utils/docx.js 生成docx.js配置文件
@/utils/index.js 公共方法文件
@/utils/request.js 请求配置接口
@/views/docx.vue 导出docx文件
// --- 省略不相关文件描述 ---
// 安装 docxtemplater --- 需 node 版本 >= 14
npm install docxtemplater pizzip --save
// 安装 jszip-utils
npm install jszip-utils --save
// 安装 jszip
npm install jszip --save
// 安装 FileSaver
npm install file-saver --save
// 安装 angular-expressions
npm install angular-expressions --save
// 安装 image-size
npm install image-size --save
// 图片模块,没有图片需求可以不装
npm install docxtemplater-image-module-free
name: "", // 示例
{name}
textarea:"", // 示例
{#textarea}
{.}
{/textarea}
[{ name: "测试", thing: "上班" },] // 示例
{#thinglist}
{name}-{thing}
{/thinglist}
imglist: [
{imgUrl: "file/微信图片_20220209193410.jpg",},
{imgUrl: "file/1640766512(1).png",},
],
{#imglist}
{%imgUrl}
{/imglist}
图片宽高被特殊处理过(为了适应A4纸大小),如不希望处理 ,只需把 home.vue
里的92
行处理文本,getBase64Sync
转换base64格式方法,exportWord
导出方法提取处理即可,注意图片宽高接收的是一个二维数组,如果想改,移步@/utils/exportFile.js
文件108-118
行,注意114
行代码(主要改这个)即可。
Vue根据页面数据生成xlsx表格
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。