小程序读取excel表格数据,并存储到云数据库

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

老规矩先看效果图

小程序读取excel表格数据,并存储到云数据库
效果其实很简单,就是把excel里的数据解析出来,而后存到云数据库里。提及来很简单。可是真的作起来的时候,发现其中要用到的东西仍是不少的。不信。。。。 那来看下流程图数据库

流程图

小程序读取excel表格数据,并存储到云数据库
经过流程图,我看看到咱们这里使用了云函数,云存储,云数据库。
流程图主要实现下面几个步骤npm

  • 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小时入门小程序云开发》promise

  • 1,先定义咱们的页面
    页面很简单,就是一个按钮以下图,点击按钮时调用chooseExcel方法,选择excel
    小程序读取excel表格数据,并存储到云数据库
    对应的wxml代码以下
    小程序读取excel表格数据,并存储到云数据库
  • 2,编写文件选择和文件上传方法
    小程序读取excel表格数据,并存储到云数据库
    上图的chooseExcel就是咱们的excel文件选择方法。
    uploadExcel就是咱们的文件上传方法,上传成功之后会返回一个fildID。咱们把fildID传递给咱们的jiexi方法,jiexi方法以下
  • 3 把fildID传递给云函数
    小程序读取excel表格数据,并存储到云数据库

二,解下来就是定义咱们的云函数了。

  • 1,首先咱们要新建云函数
    小程序读取excel表格数据,并存储到云数据库
    若是你还不知道如何新建云函数,能够翻看下我以前写的文章,也能够看我录的视频《5小时入门小程序云开发》
    以下图所示的excel就是咱们建立的云函数
    小程序读取excel表格数据,并存储到云数据库
  • 2,安装node-xlsx依赖库
    小程序读取excel表格数据,并存储到云数据库
    如上图所示,右键excel,而后点击在终端中打开。 打开终端后,
    输入 npm install node-xlsx 安装依赖。能够看到下图安装中的进度条
    小程序读取excel表格数据,并存储到云数据库
    这一步须要你电脑上安装过node.js并配置npm命令。
  • 3,安装node-xlsx依赖库完成
    小程序读取excel表格数据,并存储到云数据库

三,编写云函数

我把完整的代码贴出来给你们async

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
}

上面代码里注释的很清楚了,我这里就不在啰嗦了。
有几点注意的给你们说下ide

  • 1,要先建立数据表
    image.png函数

  • 2,有时候若是总是解析失败,多是有的电脑须要在云函数里也要初始化云开发环境
    小程序读取excel表格数据,并存储到云数据库

四,解析并上传成功

如个人表格里有下面三条数据
小程序读取excel表格数据,并存储到云数据库
点击上传按钮,并选择咱们的表格文件
小程序读取excel表格数据,并存储到云数据库
上传成功的返回以下,能够看出咱们添加了3条数据到数据库
小程序读取excel表格数据,并存储到云数据库ui

添加成功效果图以下
小程序读取excel表格数据,并存储到云数据库.net

到这里咱们就完整的实现了小程序上传excel数据到数据库的功能了。

再来带你们看下流程图

小程序读取excel表格数据,并存储到云数据库

若是你有遇到问题,能够在底部留言,我看到后会及时解答。后面我会写更多小程序云开发实战的文章出来。也会录制本节的视频出来,敬请关注。

相关文章
相关标签/搜索