数据源驱动的低代码方案Dooring设计思路分享

从手工配置每一个组件的方式搭建页面,到通过数据源驱动搭建页面,Dooring低/0代码提供这样的解决方案,可以方便的实现动态页面的渲染。

本期和大家分享Dooring高级功能系列之数据源。


Dooring 是一款几乎没有使用门槛的0代码平台搭建平台,Dooring基本搭建逻辑,就是通过各种组件的配合,做出各种样式的页面效果,在Dooring底层基座支持下,页面搭建时可以做到即时配置,即时展示。

通常我们用Dooring搭建页面时,通过拖拽组件到画布里,给组件配置好固定的信息,组件展示的内容编辑完信息后就固定了,这些搭建出来的页面就是常见的静态页面。

这里我们再介绍一种Dooring数据源功能:一种比手工配置组件更强大,更高效的页面搭建方式,可以实现数据驱动页面渲染展示,还能做动态的页面。

01 为什么要使用数据源

如果一个页面的组件里的信息非常多,完全通过手工配置组件信息,有时会稍微有些繁琐。如果每一组信息结构都非常相似,或者这个数据是需要动态变化的,这个时候就很适合用数据源来搭建页面。

通过数据源,我们可以一次性或者批量配置好数据信息,这个数据能被组件多次引用,或者一次性引用大量数据,组件配置的效率就得到大幅度提升。同时还能通过一些关联逻辑,对接外部数据接口API,从后端数据库或其他地方获取数据信息,动态的渲染展示页面,这就是Dooring的数据源的通用能力。

02 如何使用数据源

如何使用Dooring组件的数据源能力,我们先做个简单的展示,Dooring提供了以下几种数据源配置方法:

组件自带的数据源

部分组件里,我们在组件面板里提供了特定组件独有的数据源:

组件自带单项的数据源

组件里的每一组样式,就是一个单独的数据源,这类数据源直接嵌入在组件右侧的面板里,通过配置好每一组特定样式的组件单项值,组件配置面板选择控制好所需要的信息,就可以即时展示组件搭建效果。

组件自带表格式批量数据源

组件里的多组数据,一次批量设置好即可被组件全部引用,这类数据源,我们可以像编辑Excel表格一样,集中配置好组件数据,编辑好对应数据的字段名称和字段值,组件会自动获取数据源配置信息,对组件即时渲染展示。我们也提供了直接Excel文件导入方式,批量生成生成字段名和字段值。

组件自带API接口的数据源

针对图表类的组件,我们直接在组件配置面板里,设置了手工发起请求API接口的形式,实时获取组件所需的数据,只要数据符合组件的数据结构,通过对接外部数据API接口,动态请求获取组件所需的配置数据,从而实现了通过后端数据驱动的页面渲染,可以参照下文我们提供的API数据源接口示例,设置属于你专门的数据源API接口。

全局数据源设置

当然有些数据源的数据结构,能够被多种组件引用,为方便更好的管理使用数据源,我们在整个编辑器面板设置了全局数据源,全局数据源设置一次,可以被其他适合的组件多次反复引用,全局数据源支持添加静态数据源和动态数据源。

组件引用数据源

全局静态数据源

静态数据源,是一个固定的Json格式的数据,数据配置后内容即固定好了,组件通过引入这串数据,自动完成页面效果展示。

全局动态数据源

全局动态数据源和组件里API接口数据源一样,也是通过外部API接口数据,动态的驱动组件以及页面渲染。全局动态数据源不需要手动发起请求,只需要设置好API地址即可,我们一次配置好数据源,可以在提供给多个组件引用。

03 动态数据源配置

以下动态数据源配置的内容,需要具备一定的计算机知识,建议企业后端开发人员配合提供。

数据源的API接口配置时,企业技术开发人员提前配置符合要求的数据接口,这里我们用第三方的API管理平台ApiFox为例,创建一个可被Dooring引用的测试数据源API接口。

首先我们登录ApiFox平台,新建一个接口,设置好接口地址,比如dooring/api/data ,数据请求方式设置为Get,然后保存数据源接口。

接下来在高级Mock里,新建期望,设置接口返回的数据结构,保存。

然后发起快捷请求,测试无误后,复制好接口地址就完成了数据源的设置。

我们返回Dooring的全局数据源,新增一个动态数据源,将前面的接口地址填写进来即可。

配置好的数据源可以被其他组件引用。

当然测试的数据只引用了3条,展示的是Dooring和企业后端数据对接的能力,实际应用时企业后端接口返回的大量数据,可以和Dooring进行进一步的交互,通过相关逻辑和规则,按需引用和展示,做到页面数据驱动动态渲染

比如电商商品页面展示,可以和前台用户身份信息做逻辑关联,不同用户在同一个页面展示的信息都可以不同,实现算法驱动的千人千面的个性化电商页面。

这就是Dooring数据源的相关能力展示,采用私有化部署的企业,可以定向改造数据源能力,使得企业业务页面具有和原生开发的页面一样强大的能力。

最后欢迎各位体验Dooring数据源功能。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容