小程序中读取腾讯文档的表格数据的实现

 更新时间:2022年07月12日 09:59:29   作者:低代码布道师  
本文主要介绍了小程序中读取腾讯文档的表格数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

日常生活中我们使用腾讯文档在线的收集各类数据,数据收集是比较方便,但是如果希望对数据进行维护或者后续统计分析还是不方便的。本篇就介绍一下如何利用微搭低代码工具来接入腾讯文档的数据,实现数据的在线管理功能。

1 创建连接器

如果希望接入腾讯文档的功能,需要创建连接器。打开微搭控制台,点击新建连接器

选择腾讯文档

然后进行授权

输入连接器的名称和标识,点击开始新建

建立连接器之后会自动生成腾讯文档的各类接口

2 创建腾讯文档

因为我们是要接入腾讯文档,所以先需要在线制作一个电子表格,并且填充好数据

我们的接口要依赖于电子表格的唯一标识,我们可以点击分享按钮,通过链接分享,并且复制出地址来,我的文档的地址如下

https://***/sheet/DWkxMSFlkU1l2YkRo

这里的sheet后边的内容就是你的文档唯一标识,我的是DWkxMSFlkU1l2YkRo

需要注意的是分享的时候权限需要选择全部都可以查看,否则接口获取不到数据

3 应用中访问腾讯文档

3.1 获取sheet中的所有数据

我们应用中是通过变量来获取腾讯文档的各类接口的,点击变量,创建一个模型变量,选择腾讯文档数据源,方法选择获取所有工作表的信息,文档唯一标识传入我们上边获取到的标识

变量添加好之后我们可以利用普通容器和列表项组件来展示获取到的数据,可以在普通容器绑定循环展示

循环展示绑定好之后,我们可以给列表项组件分别从循环对象里绑定具体的字段

这里我们需要注意的是sheetID需要在获取每一行数据时候使用,rowCount和columnCount需要在获取具体的数据时候使用。

3.2 迭代行和列的数据

上边我们通过api来获取了sheetID,有了文档ID和sheetID我们就可以获取每一行和每一列的数据。定义一个模型变量,选择腾讯文档,选择获取指定行单元格文本内容的方法,填入具体的入参

因为返回的是一个二位数组,所以我们需要嵌套来进行展示,外层容器绑定返回的结果

内层容器我们绑定里边的具体值

这样就将我们表格的数据进行了展示,美中不足的是腾讯文档的日期数据不能原样输出,还需要在程序中进行处理。

4 总结

我们本篇介绍了低代码中通过连接器来访问腾讯文档的表格数据,读到数据之后我们就可以进行一定的整理存入数据库了,下一篇我们介绍如何将腾讯文档中的数据存入数据库中实现批量导入的功能

到此这篇关于小程序中读取腾讯文档的表格数据的实现的文章就介绍到这了,更多相关小程序读取腾讯文档数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 原生JavaScript实现五子棋游戏

    原生JavaScript实现五子棋游戏

    这篇文章主要为大家详细介绍了原生JavaScript实现五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题

    JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题

    这篇文章主要给大家介绍了利用Javascript判断鼠标进入容器方向的方法,以及window.open新窗口被拦截的问题分析,文中给出了详细图文介绍和示例代码,相信对大家的理解和学习具有一定的参考借鉴价值,下面来一起看看吧。
    2016-12-12
  • 原生JavaScript制作计算器

    原生JavaScript制作计算器

    本文给大家汇总了2个原生JavaScript实现的计算器功能的代码,一个简单一个稍微复杂些,小伙伴们根据自己的需要来选择吧
    2016-10-10
  • js实现动态改变字体大小代码

    js实现动态改变字体大小代码

    本文为大家介绍下使用js如何实现动态改变字体大小,感兴趣的额朋友不要错过
    2014-01-01
  • 微信小程序实现全局状态管理的方法整理

    微信小程序实现全局状态管理的方法整理

    已知微信小程序中如果要做到全局状态共享,常用的有四种方式,分别是globalData、本地缓存、mobx-miniprogram和westore,本文将带大家看看mobx-miniprogram是如何实现的小程序的全局状态管理,需要的可以收藏一下
    2023-06-06
  • Nginx上传文件全部缓存解决方案

    Nginx上传文件全部缓存解决方案

    Nginx默认会对上传的文件先在本地进行缓存,再转发到应用服务器。请问怎么禁止掉这个缓存,让Nginx只转发而不缓存文件?本文给大家详细介绍Nginx上传文件全部缓存解决方案,有需要的朋友来参考下
    2015-08-08
  • 浏览器JavaScript调试功能无法使用解决方案

    浏览器JavaScript调试功能无法使用解决方案

    这篇文章主要介绍了浏览器JavaScript调试功能无法使用解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • JavaScript 版本自动生成文章摘要

    JavaScript 版本自动生成文章摘要

    搜了搜这个,发现找不到答案。所以自己写了一个,很多程序绕过这个问题,往往人工来决定在何处截断 ,太麻烦了。
    2008-07-07
  • JavaScript实现连连看连线算法

    JavaScript实现连连看连线算法

    这篇文章主要为大家详细介绍了JavaScript实现连连看连线算法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • JS生成唯一id的多种解决方案(非常实用)

    JS生成唯一id的多种解决方案(非常实用)

    在项目开发中我们常需要给某些数据定义一个唯一标识符,便于寻找关联,这篇文章主要给大家介绍了关于JS生成id的多种解决方案,文中介绍的方法都非常实用,需要的朋友可以参考下
    2023-10-10

最新评论