加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 19:04:18 所属栏目:资源 来源:网络整理
导读:最近一直比较忙,答应大家的小程序解析excel一直没有写出来,今天终于忙里偷闲,有机会把这篇文章写出来给大家了。 老规矩先看效果图 效果其实很简单,就是把excel里的数据解析出来,然后存到云数据库里。说起来很简单。但是真的做起来的时候,发现其中要用

最近一直比较忙,答应大家的小程序解析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依赖库完成

三,编写云函数

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

  1. const cloud = require('wx-server-sdk')
  2. cloud.init()
  3. );
  4. let{
  5. }event
  6. res await clouddownloadFile({
  7. })
  8. tasks [] //用来存储所有的添加数据操作
  9. sheets xlsxparse(buffer);//获取到所有sheets
  10. consolelog['name']);
  11. ]){
  12. row ][];//第几行数据
  13. //3,把解析到的数据存到excelList数据表里
  14. )
  15. data{
  16. age1//年龄
  17. wechat3]//wechat
  18. })
  19. }
  20. });
  21. result await Promisealltasks).thenres return res
  22. err
  23. result
  24. }

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

1,要先创建数据表

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

四,解析并上传成功?
如我的表格里有下面三条数据

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

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

添加成功效果图如下

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

再来带大家看下流程图

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读