iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >小程序中如何实现excel数据批量导入
  • 420
分享到

小程序中如何实现excel数据批量导入

2023-07-02 17:07:32 420人浏览 八月长安
摘要

本篇内容介绍了“小程序中如何实现excel数据批量导入”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1 建立数据源要想将数据入库,就先需要建

本篇内容介绍了“小程序中如何实现excel数据批量导入”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

1 建立数据源

要想将数据入库,就先需要建立数据源。登录微搭控制台,点击数据源,点击新建数据模型

小程序中如何实现excel数据批量导入

输入名称和标识

小程序中如何实现excel数据批量导入

数据源建立之后需要创建字段,点击添加字段

小程序中如何实现excel数据批量导入

初学者最大的疑问是我需要建哪些字段,字段是个什么概念?我们还是先看一下我们的腾讯文档的在线表格

小程序中如何实现excel数据批量导入

会用excel的人都知道,excel里有行和列的概念。那我们的字段其实是列,每一列都对应一个字段。字段的类型其实是和单元格的内容是相关的。比如我的A2单元格是张三,明显是存的字符,那么我们的类型就是文本。C2是出生日期,应该是日期类型。D2是联系电话,可以选择文本也可以选择电话类型。

明白了这个基础概念之后,我们分别添加一下字段,一共是四个字段,姓名、性别、出生日期、联系电话

小程序中如何实现excel数据批量导入

小程序中如何实现excel数据批量导入

小程序中如何实现excel数据批量导入

小程序中如何实现excel数据批量导入

2 编制入库的代码

我们上一节介绍了如何创建连接器来对接腾讯文档,不会的同学可以翻看上一篇文章添加腾讯文档连接器

读取腾讯文档的数据分为读取sheet,根据sheet获取每一行的数据。因为是入库,还需要将解析好的数据封装到对象中,调用批量新增的方法入库。我们来一步步讲解一下。

2.1 创建低码方法

要想入库,先需要创建一个低码方法。点击左上角的低码编辑器进入到代码界面

小程序中如何实现excel数据批量导入

低码编辑器打开之后会定位到当前页面,在handler旁边点击+号来创建低码方法

小程序中如何实现excel数据批量导入

首先需要输入一个方法名,方法名最好能望文知义,我们可以定义一个batchAdd方法

小程序中如何实现excel数据批量导入

平台会自动生成代码结构

小程序中如何实现excel数据批量导入

初学者因为没有系统的学习过编程,往往容易犯的错误是自由发挥,随意编制代码。我们讲解一下这里的知识点。一般我们在handler里定义的方法叫函数,函数由几部分组成,函数名、入参、出参(或者叫返回值)

export default function 是函数的定义,这里叫匿名函数,就是不给函数起一个名字。如果函数体里写了await了,这个函数需要改写成异步函数,变成 export default async function

小括号里边的叫入参,多个参数以逗号分隔。我们这里其实只有一个入参,是{event,data}。用一对儿大括号包裹的叫对象,对象里是具体的入参。

event是事件对象,一般我们可以获取到组件里的值,data是如果调用事件传参了,可以直接从data里获取值。具体如果希望看到值的我们可以使用打桩的技术,所谓的打桩就是在控制台输出具体的值。

比如我们可以这样写

export default function({event, data}) {  console.log(event,data)}

打好桩之后,如何看结果呢?事件必须绑定到组件上,组件产生的各种的动作可以触发事件。就像我们这个批量入库,需要用户主动触发,就需要放置一个按钮,并且绑定点击事件,来触发批量新增的方法。

小程序中如何实现excel数据批量导入

小程序中如何实现excel数据批量导入

事件绑定好之后在哪看结果呢?点击开发调试工具来看具体的输出

小程序中如何实现excel数据批量导入

这时候点击一下按钮就可以看到对应的输出

小程序中如何实现excel数据批量导入

输出的结果还是蛮复杂的,不同的组件产生的事件对象不同,里边的内容不同,我们会在具体的场景进行深入的讲解。为啥本篇会先讲一些基础操作呢?因为不少粉丝是按照教程的步骤一步步操作的,不懂基本的操作有时候会乱粘贴一气,然后就是各种各样的报错,还不知道从哪看错误,浪费了不少时间。

2.2 低码中调用连接器

我们上一篇是使用变量的方法调用了连接器,这一篇我们使用低码方法调用连接器。为了获取腾讯文档中的数据,先需要获取工作表的信息。我们复习一下变量中我们是如何调用的

小程序中如何实现excel数据批量导入

这里是调用了getSheets方法,并且传入了bookID,低码中是通过api的方式来调用的,在方法中输入如下代码

const bookID = "DWkxMSFlkU1l2YkRo";   const { sheetData } = await app.cloud.callConnector({    name: 'txwd_jnegl1q',     methodName: 'getSheets',     params: {      bookID,    },  });console.log(sheetData)

这里的bookID是通过腾讯文档分享链接的时候获取到的,{sheetData}是解构赋值的意思,可以直接从返回结果里获取对应的值。可以看一下控制台打印的结果

小程序中如何实现excel数据批量导入

要怎么看返回结果呢,一对儿中括号表示数组的意思,展开数组第一个元素的下标是0,数组里的元素是个对象,对象是以一对儿大括号表示的,对象里边又有具体的属性和方法。我们这里边需要的是sheetID,cloumnCount,rowCount。

了解了之后我们就定义变量来接收返回值,输入如下代码

let sheetID = sheetData[0].sheetID  let rowCount = sheetData[0].rowCount  let columnCount = sheetData[0].columnCount  console.log(sheetID, rowCount, columnCount)

看控制台的打印结果

小程序中如何实现excel数据批量导入

接着我们就需要根据返回的结果调用获取单元格的方法,我们使用变量的时候是这么做的

小程序中如何实现excel数据批量导入

代码中是这样获取

const { rows } = await app.cloud.callConnector({    name: 'txwd_jnegl1q',     methodName: 'getRows',     params: {      bookID,      sheetID,      rows: `2-${rowCount}`     },  });console.log(rows)

这里小伙伴不明白的就是这一句2-${rowCount},用两个反引号包裹的表示模板字符串,里边如果使用${}这种语法的表示变量,代码只要一执行就会翻译2-3,读取第二行、第三行的数据。我们看一下输出的结果

小程序中如何实现excel数据批量导入

textTypes表示每一列的字段类型,textValues表示具体的值。字段类型我们不需要,只需要解析出具体的值就可以

这样每行的数据也解析出来了,就需要按照需要的格式整理入库了,下边是入库的代码

const newRecords = [];  const columns = "xm|xb|csrq|lxdh";   for(let r = 0; r < rowCount - 1; r++) {    const { textValues } = rows[r];    const inputParams = {};    const cols = columns.split('|');    cols.forEach((c, i) => {      inputParams[c] = textValues[i];    });    newRecords.push(inputParams);  }  await app.cloud.callModel({    name: 'txwdsjy_q6rop6n', // 数据模型标识    methodName: 'wedaBatchCreate', // 新增多条的方法标识    params: {      records: newRecords,    },  });

这里columns是内数据源的每一个字段的字段标识,可以去数据源那块找到

小程序中如何实现excel数据批量导入

其余的代码因为涉及到具体的编程知识,你直接复用就可以,感兴趣的同学可以学习一下javascript,了解了语法之后就可以读的懂

写好之后点击按钮,发现有两条数据已经写入数据库

小程序中如何实现excel数据批量导入

但是有个问题是出生日期没有正确的读出来,入库的日期都是1970-01-01。如果有解决办法的小伙伴可以评论区留言,也方便大家学习。

3 最终的代码

export default async function ({ event, data }) {  console.log(event, data)  const bookID = "DWkxMSFlkU1l2YkRo";  const { sheetData } = await app.cloud.callConnector({    name: 'txwd_jnegl1q',     methodName: 'getSheets',     params: {      bookID,    },  });  console.log(sheetData)  let sheetID = sheetData[0].sheetID  let rowCount = sheetData[0].rowCount  let columnCount = sheetData[0].columnCount  console.log(sheetID, rowCount, columnCount)  const { rows } = await app.cloud.callConnector({    name: 'txwd_jnegl1q',     methodName: 'getRows',     params: {      bookID,      sheetID,      rows: `2-${rowCount}`     },  });  console.log(rows)  const newRecords = [];  const columns = "xm|xb|csrq|lxdh";     for(let r = 0; r < rowCount - 1; r++) {    const { textValues } = rows[r];    const inputParams = {};    const cols = columns.split('|');    cols.forEach((c, i) => {      inputParams[c] = textValues[i];    });    newRecords.push(inputParams);  }  await app.cloud.callModel({    name: 'txwdsjy_q6rop6n',     methodName: 'wedaBatchCreate',     params: {      records: newRecords,    },  });}

“小程序中如何实现excel数据批量导入”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: 小程序中如何实现excel数据批量导入

本文链接: https://www.lsjlt.com/news/343321.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序中如何实现excel数据批量导入
    本篇内容介绍了“小程序中如何实现excel数据批量导入”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1 建立数据源要想将数据入库,就先需要建...
    99+
    2023-07-02
  • 小程序中实现excel数据的批量导入的示例代码
    目录1 建立数据源2 编制入库的代码2.1 创建低码方法2.2 低码中调用连接器3 最终的代码4 总结我们上一篇介绍了如何利用微搭的自定义连接器接入腾讯文档的数据,光有接入是不够的,...
    99+
    2022-11-13
  • 基于JavaSSM实现Excel数据批量导入
    目录导入Maven依赖Mapper及映射文件测试导入Maven依赖 <dependency> <groupId>com.alibaba</grou...
    99+
    2022-11-12
  • 基于Java SSM如何实现Excel数据批量导入
    今天就跟大家聊聊有关基于Java SSM如何实现Excel数据批量导入,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。导入Maven依赖<dependency>&...
    99+
    2023-06-21
  • phpmyadmin如何批量导入excel数据到mysql
    这篇文章主要介绍phpmyadmin如何批量导入excel数据到mysql,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!首先我们得到了一个excel表,里面有很多需要我们导入的数据删...
    99+
    2022-10-18
  • Springboot实现Excel批量导入数据并保存到本地
    目录前言成果展示了解Excel表格基本属性表设计引入依赖 工具类ControllerentityMapperUserService测试总结前言 当我们给数据库中的表中添加数...
    99+
    2022-11-13
  • 在java中excel数据如何利用POI进行批量导入
    本篇文章给大家分享的是有关在java中excel数据如何利用POI进行批量导入,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。一、定义  Apache POI是Apache软件基...
    99+
    2023-05-31
    java poi excel
  • Java API如何实现向Hive批量导入数据
    Java API实现向Hive批量导入数据 Java程序中产生的数据,如果导入oracle或者mysql库,可以通过jdbc连接insert批量操作完成,但是当前版本的hive并不支...
    99+
    2022-11-12
  • 如何使用MongoDB实现数据的批量导入、导出功能
    如何使用MongoDB实现数据的批量导入、导出功能MongoDB是一种NoSQL数据库,作为一种非关系型数据库,其在数据存储和查询上有着很大的灵活性和性能优势。对于需要批量导入和导出数据的应用场景,MongoDB也提供了相应的工具和接口。本...
    99+
    2023-10-22
    MongoDB 导出 批量导入
  • SpringBoot用多线程批量导入数据库实现方法
    目录环境原始的for循环入库批量保存操作在批量插入的基础上使用多线程处理多线程入库的事务问题环境 springboot、mybatisPlus、mysql8 mysql8(部署在1核...
    99+
    2023-02-03
    SpringBoot多线程导入数据库 SpringBoot导入数据库 SpringBoot批量导入数据库
  • 如何使用python批量导入数据进Elasticsearch中
    本文小编为大家详细介绍“如何使用python批量导入数据进Elasticsearch中”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何使用python批量导入数据进Elasticsearch中”文章能帮助大家解决疑惑,下面跟着小编的思路...
    99+
    2023-06-05
  • Excel数据导入Mysql常见问题汇总:如何解决导入数据时遇到的大批量插入问题?
    Excel数据导入Mysql常见问题汇总:如何解决导入数据时遇到的大批量插入问题?导入Excel数据到MySQL是日常开发中经常遇到的任务之一。对于少量数据的导入,可以使用数据库客户端工具或者命令行进行插入操作。但当面对大批量数据导入时,简...
    99+
    2023-10-22
    数据导入 批量插入 Mysql问题解决
  • MyBatis如何实现批量插入数据
    本文小编为大家详细介绍“MyBatis如何实现批量插入数据”,内容详细,步骤清晰,细节处理妥当,希望这篇“MyBatis如何实现批量插入数据”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一、SQL实现示例假设我们...
    99+
    2023-07-04
  • java多线程批量拆分List导入数据库的实现过程
    目录一、前言二、直接把list怼进Mysql三、分组把list导入Mysql中四、多线程分批导入Mysql五、小结一、前言 前两天做了一个导入的功能,导入开始的时候非常慢,导入2w...
    99+
    2022-11-12
  • Django框架如何利用ajax实现批量导入数据功能
    这篇文章给大家分享的是有关Django框架如何利用ajax实现批量导入数据功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下url.py代码:url(r'^workimport/$',...
    99+
    2023-06-08
  • 怎么实现java多线程批量拆分List导入数据库
    本篇内容介绍了“怎么实现java多线程批量拆分List导入数据库”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!直接把list怼进Mysql使...
    99+
    2023-06-25
  • 如何使用批处理实现MySQL数据导入导出
    这篇文章主要为大家展示了“如何使用批处理实现MySQL数据导入导出”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用批处理实现MySQL数据导入导出”这篇文...
    99+
    2022-10-19
  • 如何使用vue实现前端导入excel数据
    目录前言一、主界面先引入导入组件二、封装excel-import组件1.首先是template代码(这里用的是ant vue desgin框架的组件)2.引入接口3.js代码meth...
    99+
    2023-05-17
    vue前端导入excel文件 vue导入excel并预览 前端导入excel文件
  • 如何利用MySqlBulkLoader实现批量插入数据
    这篇文章主要介绍“如何利用MySqlBulkLoader实现批量插入数据”,在日常操作中,相信很多人在如何利用MySqlBulkLoader实现批量插入数据问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何利...
    99+
    2023-07-02
  • 微信小程序如何实现ES6Promise.all批量上传文件
    这篇文章主要介绍微信小程序如何实现ES6Promise.all批量上传文件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!微信小程序 ES6Promise.all批量上传文件实现代码客...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作