小程序解析excel表格并存储到云数据库

2019-11-12 本文已影响0人编程小石头666

最近一直比较忙，答应大家的小程序解析excel一直没有写出来，今天终于忙里偷闲，有机会把这篇文章写出来给大家了。

老规矩先看效果图

效果其实很简单，就是把excel里的数据解析出来，然后存到云数据库里。说起来很简单。但是真的做起来的时候，发现其中要用到的东西还是很多的。不信。。。。那来看下流程图

流程图

通过流程图，我看看到我们这里使用了云函数，云存储，云数据库。
流程图主要实现下面几个步骤

1，使用wx.chooseMessageFile选择要解析的excel表格
2，通过wx.cloud.uploadFile上传excel文件到云存储
3，云存储返回一个fileid 给我们
4，定义一个excel云函数
5，把第3步返回的fileid传递给excel云函数
6，在excel云函数里解析excel，并把数据添加到云数据库。

可以看到最神秘，最重要的就是我们的excel云函数。

所以我们先把前5步实现了，后面重点讲解下我们的excel云函数。

一，选择并上传excel表格文件到云存储

这里我们使用到了云开发，使用云开发必须要先注册一个小程序，并给自己的小程序开通云开发功能。这个知识点我讲过很多遍了，还不知道怎么开通并使用云开发的同学，去翻下我前面的文章，或者看下我录的讲解视频《5小时入门小程序云开发》

1，先定义我们的页面
页面很简单，就是一个按钮如下图，点击按钮时调用chooseExcel方法，选择excel

对应的wxml代码如下
2，编写文件选择和文件上传方法

上图的chooseExcel就是我们的excel文件选择方法。
uploadExcel就是我们的文件上传方法，上传成功以后会返回一个fildID。我们把fildID传递给我们的jiexi方法，jiexi方法如下
3 把fildID传递给云函数

二，解下来就是定义我们的云函数了。

1，首先我们要新建云函数

如果你还不知道如何新建云函数，可以翻看下我之前写的文章，也可以看我录的视频《5小时入门小程序云开发》
如下图所示的excel就是我们创建的云函数
2，安装node-xlsx依赖库

如上图所示，右键excel，然后点击在终端中打开。打开终端后，
输入 npm install node-xlsx 安装依赖。可以看到下图安装中的进度条

这一步需要你电脑上安装过node.js并配置npm命令。
3，安装node-xlsx依赖库完成

三，编写云函数

我把完整的代码贴出来给大家

const cloud = require('wx-server-sdk')
cloud.init()
var xlsx = require('node-xlsx');
const db = cloud.database()

exports.main = async(event, context) => {
  let {
    fileID
  } = event
  //1,通过fileID下载云存储里的excel文件
  const res = await cloud.downloadFile({
    fileID: fileID,
  })
  const buffer = res.fileContent

  const tasks = [] //用来存储所有的添加数据操作
  //2,解析excel文件里的数据
  var sheets = xlsx.parse(buffer); //获取到所有sheets
  sheets.forEach(function(sheet) {
    console.log(sheet['name']);
    for (var rowId in sheet['data']) {
      console.log(rowId);
      var row = sheet['data'][rowId]; //第几行数据
      if (rowId > 0 && row) { //第一行是表格标题，所有我们要从第2行开始读
        //3，把解析到的数据存到excelList数据表里
        const promise = db.collection('users')
          .add({
            data: {
              name: row[0], //姓名
              age: row[1], //年龄
              address: row[2], //地址
              wechat: row[3] //wechat
            }
          })
        tasks.push(promise)
      }
    }
  });

  // 等待所有数据添加完成
  let result = await Promise.all(tasks).then(res => {
    return res
  }).catch(function(err) {
    return err
  })
  return result
}

上面代码里注释的很清楚了，我这里就不在啰嗦了。
有几点注意的给大家说下