基于Node.js的后台管理系统的数据表格导出下载
今天在工作的时候接触到一个需求,就是现在有一个简单的后台管理系统是基于node.js来实现的,现在需要将其中的一个表格数据下载下来。乍一听还以为这个是一个简单的需求,以为只要简单的一个小时就能完成,没有想到直接花了我将近两个半小时并且还是在他人的帮助下实现的功能。下面就是具体的实现步骤
第一步引入依赖
最主要的是使用的node的库node-xlsx。
npm环境下
node-xslxnpm install node-xlsx
node.js中的fs模块npm install fs
具体的引入代码let fs = require('fs'); let xlsx = require('node-xlsx');
第二步写sql语句,查询需要下载的数据
app.get('/export', (req, res) => {
//生成Excel依赖包
const xlsx = require("node-xlsx");
//写入文件依赖包
var fs = require("fs");
const sql = `select * from student where delete_status=0`
db.query(sql, async (err, results) => {
if (err) {
return console.log(err.message)
}
// res.json(results);
const dataList = results.data;
console.log(results,"获取的dataList数据")
let list = [
{
name: "sheet",
data: [
//第一列是作为表头,先写死;后面的数据通过循环push到这个数组中
["购买人名称", "购买时间", "实际支付金额","兑换码","兑换码所属渠道/商家名称"],
],
},
];
for (let i = 0; i < results.length; i++){
console.log("++++++++++++++++++", results[i])
let name = results[i].name
let time = results[i].time
let money = results[i].money
let code = results[i].code
let business = results[i].business
let linshi = [name, time, money, code, businessName]
console.log('获取的新数组 :>> ', linshi);
list[0].data.push(linshi)
console.log('写入的数据 :>> ', list[0].data);
}
const buffer = xlsx.build(list);
fs.writeFile("详细数据.xlsx", buffer, function (err) {
if (err) {
console.log(err, "保存excel出错");
} else {
console.log("写入excel成功!!!");
}
});
res.body = buffer;
//将返回的buffer作为一个流返回给前端
res.set('Content-disposition', 'attachment; filename='+encodeURIComponent('文娱卡售卡明细表')+'.xlsx');
res.set('Content-type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
res.status(200).send(buffer)
})
})
这一步写完基本的数据就会写入到excel文件中,并且将excel文件作为一个流直接返回给前端
第三步前端接收数据下载
前端页面添加一个按钮,在按钮的点击事件中请求后台返回的excel表格数据
通过 window.open直接连接后台的接口数据访问后台返回过来的流,下载进行展示
async daochu() {
//这个
console.log(window.ip +":"+ window.port + '/export')
window.open(window.ip +":"+ window.port + '/export')
},
ip和port是主机id和请求端口,是在前端规定好的,可以选择写死也可以选择动态写入文章来源:https://www.toymoban.com/news/detail-637195.html
以上就是基于node.js的后台管理系统的数据表格导出下载的实现全过程,如果还有什么更好的方法,可以一起沟通沟通文章来源地址https://www.toymoban.com/news/detail-637195.html
到了这里,关于基于Node.js的后台管理系统的数据表格导出下载的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!