uniapp (UI框架：uview2.x) JSON数据导出生成excel

最新推荐文章于 2025-06-11 18:42:21 发布

Echo-潔

最新推荐文章于 2025-06-11 18:42:21 发布

阅读量1.2k

点赞数 9

CC 4.0 BY-SA版权

分类专栏： uniapp 文章标签： uni-app json excel

本文链接：https://blog.csdn.net/qq_44094296/article/details/135617288

一、生成下载的表格模板数据

代码如下：

// 建立一个工具类函数文件 utils.js
export function tableToExcel(jsonData, str) {
    //要导出的json数据
    let worksheet = 'sheet1'
    // let str = '<tr><td>姓名</td><td>电话</td><td>邮箱</td></tr>'
    //循环遍历，每行加入tr标签，每个单元格加td标签
    console.log('jsonData: ', jsonData);
    for (let i = 0; i < jsonData.length; i++) {
        str += '<tr>'
        for (let key in jsonData[i]) {
            console.log('key: ', key);
            console.log('jsonData[i][key]: ', jsonData[i][key]);
            //增加\t为了不让表格显示科学计数法或者其他格式
            str += `<td>${jsonData[i][key] + '\t'}</td>`
        }
        str += '</tr>'
        console.log('str: ', str);
    }
    //下载的表格模板数据
    let template = `<html xmlns:o="urn:schemas-microsoft-com:office:office"
      xmlns:x="urn:schemas-microsoft-com:office:excel"
      xmlns="http://www.w3.org/TR/REC-html40">
      <head><!--[if