专栏首页小程序云开发入门小程序读取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依赖库完成

三,编写云函数

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

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
}

上面代码里注释的很清楚了,我这里就不在啰嗦了。

有几点注意的给大家说下

  • 1,要先创建数据表
    image.png
  • 2,有时候如果老是解析失败,可能是有的电脑需要在云函数里也要初始化云开发环境

四,解析并上传成功

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

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

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

添加成功效果图如下

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

再来带大家看下流程图

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

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序导出数据到excel表,借助云开发后台实现excel数据的保存

    关于云函数的创建,我这里不多说了。如果你连云函数的创建都不知道,建议你去小程序云开发官方文档去看看。或者看下我录制的云开发入门的视频:https://edu.c...

    编程小石头
  • phpstorm运行本地PHP服务器,实现小程序可以访问的PHP后台

    通过效果图我们可以看出来,我们的小程序可以成功的访问到我们的后台数据,而这个后台就是用PHP搭建的一个本地服务器。

    编程小石头
  • 腾讯云Linux服务器安装Mysql8并实现远程访问

    《java项目部署到linux服务器,微信小程序后台部署到服务器》:https://juejin.im/post/5d6b206bf265da03ae788d0...

    编程小石头
  • 产品和运营如何利用MLSQL完成excel处理

    MLSQL Console 是一款集数据研发,数据分析,机器学习等于一体Web产品。他的目标是让产品,运营,分析师,研发,算法等都有一个统一的数据工作台。这篇文...

    用户2936994
  • Hybris Commerce里的持久层

    SAP的product都是DB provider无关的,application developer最多用Open SQL直接操作表。

    Jerry Wang
  • 把Excel表的内容转为json格式

    挑战者
  • 【STM32H7教程】第32章 STM32H7的TIM定时器基础知识和HAL库API

    本章节为大家讲解TIM1 – TIM17(STM32H7没有TIM9,TIM10和TIM11)共计14个定时器的基础知识和对应的HAL库API。

    armfly
  • Web前端鼠标悬停实现显示与隐藏效果

    css定义,偏移量,相对定位,绝对定位 显示与隐藏 二维码相对于微信图标定位 鼠标悬停微信图标上显示 鼠标离开微信图标时隐藏 什么是定位,就是定义网页...

    达达前端
  • 容易搞混大数据分析学习的工具

    大数据已成为当今企业不可分割的一部分,越来越多的企业纷纷寻找熟悉大数据分析工具的人。他们都期望员工在技术方面体现能力,并展示才华和思维过程。到目前为...

    加米谷大数据
  • 用QQ钱包预订奔驰,移动支付场景之后拼什么?

    2015年对移动支付而言注定是不平凡的一年,每天都有新鲜事。前几天,奔驰GLA新车在QQ钱包做了一场首发预售,用户预付999元预约GLA购买资格后到线下4S店购...

    罗超频道

扫码关注云+社区

领取腾讯云代金券