.

数据库系列教程—数据绑定组件

老赵发表于:2021年07月30日 16:36:31更新于:2021年08月11日 16:48:10

数据库数据收集提示:

体验版数据库的数据收集最多可免费100条,不可下载(如何获取收集更多的数据权限?


一:案例演示

image.png

中奖信息私密化滚动播放展示-风格一

 

image.png

中奖信息私密化滚动播放展示-风格二

----温馨提示:专业版可以免费拷贝以上两份模板哦----

二、使用权限

数据库功能专业版及以上版本可商用。

三、场景应用

【数据绑定】组件用法类似于触发行为【设置参数值】,可以将页面中的可赋值元素与数据表中的某个字段绑定起来,将数据表中的内容传值到页面中呈现。常用于做题库测试题等h5场景中。

注:与触发行为【设置参数值】不同的是,【数据绑定】组件只可以绑定数据表的内容,而【设置参数值】除了可以将数据表的内容传值到页面外,还可以在页面中本身的可赋值元素之间进行相互传值赋值。

image.png

四、教程准备

如果对数据表的系列教程还不熟悉,可以点此查看数据表视频教程

也可以点此查看我们官网support中的文字系列教程。

五、数据绑定组件用法

【数据绑定】组件用法类似于触发行为【设置参数值】,可以将页面中的可赋值元素与数据表中的某个字段绑定起来,将数据表中的内容传值到页面中呈现。

①首先在后台新建相应的数据表,在编辑器页面中将数据表组件添加到页面中。对此处步骤不了解请看基础教程。

②其次点击高级组件,添加【数据绑定】组件。

image.png

③通过【数据绑定】组件,将页面中的可赋值元素(如段落组件)与【数据表】内容进行绑定。

001610397bcbb2f177d94260e16c89f

绑定数据源的具体步骤如下图。

001610397d2311bf6c07043b4bfbcb5

 

④绑定结束后,【数据绑定】组件往往需要及时刷新,此时我们需要通过触发行为【触发数据刷新】来刷新数据。

image.png

 

⑤绑定完成。


--------- 不了解设计的程序员不是好客服 ---------------