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

柔情只为你懂 2023-01-06 14:58 379阅读 0赞

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

老规矩先看效果图

38f4ce1fd05c7053f6be000dccda92e9.png

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

流程图

34b256c065b31d0efa4dd999533e7b74.png

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

  • 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

a6fff6faa8e61b640829fe918450baa0.png

对应的wxml代码如下

70f0daf06b901e139ba289e3ee4d4094.png

  • 2,编写文件选择和文件上传方法

3c3f0b965c74ca9fdda36eaa30dd5d23.png

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

  • 3 把fildID传递给云函数

59b91081a80c17878a1f60d223cf2253.png

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

  • 1,首先我们要新建云函数

a8f7562783a92f189fff31171f927e35.png

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

3d002358be92efc3274239ad287ebfd3.png

  • 2,安装node-xlsx依赖库

5b99f67a4475b4db014967dcd24a6c9a.png

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

bfd3742ca9f3c912afaee18053c3aa49.png

这一步需要你电脑上安装过node.js并配置npm命令。

  • 3,安装node-xlsx依赖库完成

75ae99ba23338cd0928ed64befd7283c.png

三,编写云函数

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

  1. const cloud = require('wx-server-sdk')
  2. cloud.init()
  3. var xlsx = require('node-xlsx');
  4. const db = cloud.database()
  5. exports.main = async(event, context) => {
  6. let {
  7. fileID
  8. } = event
  9. //1,通过fileID下载云存储里的excel文件
  10. const res = await cloud.downloadFile({
  11. fileID: fileID,
  12. })
  13. const buffer = res.fileContent
  14. const tasks = [] //用来存储所有的添加数据操作
  15. //2,解析excel文件里的数据
  16. var sheets = xlsx.parse(buffer); //获取到所有sheets
  17. sheets.forEach(function(sheet) {
  18. console.log(sheet['name']);
  19. for (var rowId in sheet['data']) {
  20. console.log(rowId);
  21. var row = sheet['data'][rowId]; //第几行数据
  22. if (rowId > 0 && row) { //第一行是表格标题,所有我们要从第2行开始读
  23. //3,把解析到的数据存到excelList数据表里
  24. const promise = db.collection('users')
  25. .add({
  26. data: {
  27. name: row[0], //姓名
  28. age: row[1], //年龄
  29. address: row[2], //地址
  30. wechat: row[3] //wechat
  31. }
  32. })
  33. tasks.push(promise)
  34. }
  35. }
  36. });
  37. // 等待所有数据添加完成
  38. let result = await Promise.all(tasks).then(res => {
  39. return res
  40. }).catch(function(err) {
  41. return err
  42. })
  43. return result
  44. }

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

  • 1,要先创建数据表

ddcb9afa3fc83fad0bc02b69369f10f2.png

image.png

  • 2,有时候如果老是解析失败,可能是有的电脑需要在云函数里也要初始化云开发环境

2ef61a32fe7b2abc9d8e610252e4ec15.png

四,解析并上传成功

如我的表格里有下面三条数据

bc1662ab8687405e3f9f482d54bdb379.png

点击上传按钮,并选择我们的表格文件

6b634a55cbc6080e4788b425cb1ecf37.png

上传成功的返回如下,可以看出我们添加了3条数据到数据库

948f4eb1009300abb77b29fa78aa8645.png

添加成功效果图如下

7a6f7ee5e8293c40f57753ec7a12d84d.png

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

再来带大家看下流程图

34b256c065b31d0efa4dd999533e7b74.png

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

发表评论

表情:
评论列表 (有 0 条评论,379人围观)

还没有评论,来说两句吧...

相关阅读