Thunkable学习笔记 3 - 读取Realtime Database的值(Firebase)

於Realtime Database内手动建立如下图的资料, 试着使用thunkable读取, 测试後出现有趣的结果
https://ithelp.ithome.com.tw/upload/images/20210728/20098325H8pT0frE7Q.jpg

程序块与画面关系图
https://ithelp.ithome.com.tw/upload/images/20210728/20098325B9wVkW7bEI.jpg

取[key:data1]的值, 如预期的取回值"stephen", 但porperties的内容则为"0,1,2,3,4,5,6", 好像是符合javascript的原则.
https://ithelp.ithome.com.tw/upload/images/20210728/20098325VpvJ0ICvK5.jpg

取[key:data2]的值, value为[object], properties为次一层的key值集合, thunkable只将第一层定义为key, 其他子层都定义为property, 因此要取得data2的name, 要使用get property of object元件取值
https://ithelp.ithome.com.tw/upload/images/20210728/200983257zRddQu7H8.jpg

取[key:data1]时, 会自动为每一个字元编上数值的property, 而且是从零起编, 试着在property 2填入"3"或者采用属性表达法, 直接使用"name.3", 都能取出字元"p"
https://ithelp.ithome.com.tw/upload/images/20210728/20098325Lq2N9ktJxW.jpg

那改用阵列方式取值可以吗? 於property 2填[3]或是使用name[3]都是可以的, 阵列是从1起编.
https://ithelp.ithome.com.tw/upload/images/20210728/20098325NAzstFWHpO.jpg

取[key:data3]的值, 除第一层是key, 其他层都是property, thunkable提供dot notation的方式, 可以减化程序
https://ithelp.ithome.com.tw/upload/images/20210728/20098325yXIOLZ1oMu.jpg

*** 2021-07-29 ***
Key也是允许多层的, 例如[key:data3/emp01]
https://ithelp.ithome.com.tw/upload/images/20210729/20098325UGYG6pVQxW.jpg


<<:  面向前端的CDN解决方案! 全框架皆可使用

>>:  Flutter-从入门到项目 01: Flutter重要性

Day 05 : 操作基础篇 2 - 认识「设定选单」与我的设定建议

前言 这是 Obsidian 使用教学 — 基础篇的第 2 篇文章。 在上一篇我提到了: 下载与安装...

[鱼刺-Python-2] 快速建立测试用API服务

快速建立API服务使用 flask,要先安装 先执行 python -m pip install f...

读书《代码大全》

什麽是隐喻? 重大发现往往是从类比中产生的。通过把一个你所陌生的事物与你所熟知的事物比较,你 会对它...

Day19. Blue Prism请gmail帮忙 -BP 自动送出Email附件

由於老师的成绩分级档案需要能自动送交学校教务处, 因此,我们就来设计一个可以自动将档案附在Email...

[D30] : 一个Queue+Docker在Local的实作(4/4)

前面讲到Passer -> MQ <- Center 通了 今天就来把他们给包一包容器...