原文链接:https://blog.csdn.net/qq_18837459/article/details/86985748#commentsedit
我是参考这篇文章做的,可以实现导出静态的excle,如果有更多的需求可以在此基础上自行拓展。
我在此只是转载,并补充一下我在操作过程中的问题以及细节。
前言
前阶段用后端云(知晓云 bmob云之类,不需要后台开发接口只需要用后端云api操作云上的数据库)接到了个需求,就是导出excle文件。
导出excle在有后端开发的时候是很简单的一个接口,但是在使用后端云的时候就麻烦了,没有现成的api方法。
因此研究了下云函数,使用nodejs开发。
大概思路是:
- 前端发送需要导出excle的数组
- 云函数接口参数,并生成excle文件,上传到后端云,返回excle文件的url
- 在小程序通过下载文件api下载需要导出的excle文件
git地址
开发步骤
-
node.js
-
小程序
-
知晓云账号,绑定小程序 balabala的 注册后按照提示操作即可
-
安装命令行工具
npm install -g mincloud
-
进入工作目录(自己创建一个目录即可)
cd /Users/ifanr/demo
-
登录
mincloud login d2****************83 6a************************************22
请到 知晓云控制台 查看 client_id 和 client_secret;如果登录失败,请检查 client_id 和 client_secret 是否已经改变。
-
创建云函数
mincloud new exportExcle
cd exportExcle
-
初始化 package,生成 package.json 文件(如果这一步只能创建文件夹,需要给这个文件夹设置写入权限,具体操作自行百度)
npm init
-
在第七步创建的目录exportExcle,新建 src 文件夹,用来存放源码(第13步的index.js)。 接下来会使用 webpack 将 src 里的代码,打包并保存到 exportExcle 目录下的 index.js
-
在exportExcle目录新建 webpack.config.js 文件(先放空,内容在12步)。
-
安装 webpack
npm install -D webpack webpack-cli
-
修改webpack.config.js和package.json script 配置
module.exports = {
output: {
path: __dirname,
filename: 'index.js',
library: 'exports.main',
libraryTarget: 'assign',
},
target: 'node',
}
"scripts": {
"build": "webpack --mode production",
"deploy": "mincloud deploy xxxxx ../"
},
-
创建文件src/index.js
var Excel = require('exceljs');
module.exports = function (event, callback) {
//cell style
var fills = {
solid: {type: "pattern", pattern:"solid", fgColor:{argb:"FFFFAAAA"}}
};
//create a workbook
var workbook = new Excel.Workbook();
//add header
var ws1 = workbook.addWorksheet("测试一");
ws1.addRow(["地址","地面"]);
ws1.addRow(["总人口", "不可计数"]);
ws1.addRow(["类型", "动物", "非动物"]);
ws1.addRow(["统计日期", "1111-11-11 11:11:11"]);
ws1.addRow();
//A6:E6
ws1.addRow(["你", "在", "说些", "神马", "呢?"]);
ws1.getCell("A6").fill = fills.solid;
ws1.getCell("B6").fill = fills.solid;
ws1.getCell("C6").fill = fills.solid;
ws1.getCell("D6").fill = fills.solid;
ws1.getCell("E6").fill = fills.solid;
//7 - 13(A7:A13) - 7
ws1.addRow(["什么跟神马", 10, 1, "凡人修仙传", 7]);
ws1.addRow(["","","","一号遗迹", 2]);
ws1.addRow(["","","","六号遗迹", 0]);
ws1.addRow(["","","","古国一号", 0]);
ws1.addRow(["","","","锻体期", 0]);
ws1.addRow(["","","","合体期", 0]);
ws1.addRow(["","","","没资质", 1]);
ws1.mergeCells("A7:A13")
ws1.mergeCells("B7:B13")
ws1.mergeCells("C7:C13")
//a6-e13 a b c d e
//ws1.getCell('A7').alignment = { vertical: 'middle', horizontal: 'center' };
rowCenter(ws1, 6, 13);
colWidth(ws1, [1,2,3,4,5], 20);
var ws2 = workbook.addWorksheet("测试二");
var ws3 = workbook.addWorksheet("测试三");
//设置 start-end 行单元格水平垂直居中/添加边框
function rowCenter(arg_ws, arg_start, arg_end) {
for(i = arg_start; i <= arg_end; i++) {
arg_ws.findRow(i).alignment = { vertical: 'middle', horizontal: 'center' };
//循环 row 中的 cell,给每个 cell添加边框
arg_ws.findRow(i).eachCell(function (cell, index) {
cell.border = {
top: {style:'thin'},
left: {style:'thin'},
bottom: {style:'thin'},
right: {style:'thin'}
};
})
}
}
//设置 start-end 列的宽度
function colWidth(arg_ws, arg_cols, arg_width) {
for(i in arg_cols) {
arg_ws.getColumn(arg_cols[i]).width = arg_width;
}
}
workbook.xlsx.writeFile('/var/log/test2.xlsx')
.then(function(){
//生成excle文件后,通过知晓云api上传到知晓云
let MyFile = new BaaS.File()
MyFile.upload('/var/log/test2.xlsx').then(function(a, b, c) {
console.log(a,b,c);
console.log('生成 xlsx');
callback(null, "生成 xlsx")
})
});
}
-
安装exceljs
npm install exceljs
-
打包
npm run build
-
部署
npm run deploy
-
回到上级目录,并部署到云函数
cd ..
mincloud deploy exportExcle
-
测试云函数
-
使用小程序下载excle文件
wx.downloadFile({
url: 'https://cloud-minapp-24278.cloud.ifanrusercontent.com/1gt1FlTKm39G6dug.xlsx', // 仅为示例,并非真实的资源
success(res) {
// 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
if (res.statusCode === 200) {
// res.tempFilePath
}
}
})
下面是我操作过程中的截图:可自行参考
|
请发表评论