乐趣区

关于前端:JVS低代码如何触发逻辑并获取外部API数据接入百度天气查询

理解 JVS 低代码的小伙伴应该都晓得它能够通过 API 实现数据的入库,然而具体怎么操作的可能还不晓得,那明天给大家着重介绍具体的实现流程。

咱们以查问百度的天气查问接口,并把对应的数据插入到零碎数据模型中为例。
先来看看最初配置实现的成果:

接下来咱们来看下如何配置实现的。

步骤一,配置列表页
配置在线查问百度天气的列表页,如下图所示,创立所须要展现的列表页字段

再进入按钮配置界面进行按钮设置,如下图所示:

①:点击进入按钮配置界面,能够对按钮进行增减配置。
②:点击增加按钮,零碎主动创立一行按钮
③:自定义按钮名称,能够依据具体的按钮性能本人命名
④:按钮地位能够抉择顶部按钮(表级按钮)和行内(行级按钮),顶部按钮个别对表做操作,比方新增数据、批量操作等,行级按钮时对行内的数据进行操作,例如批改与删除
⑤:设置按钮触发性能,这里设置为触发表单,也就示意点击这个按钮,弹出一个表单
⑥:点击设计,进入对应触发的功能设计,这里会进入表单的设计器中

步骤二,配置表单
进入表单配置界面,如下图所示

①:拖 4 个单行文本组件进入表单画布
②:别离绑定 4 个组件的数据模型字段
③:设置行政区编码为查问弹窗,关联相干的行政区编码模型,返回行政区编码
④:设置通过行政区编码,将城市、所属市、所属省份通过数据联动 动静回显
⑤:进入按钮设置界面进入表单按钮设置界面如图所示:

①:新增创立一个自定义按钮
②:设置按钮的名称为“保留”
③:点击配置,进入逻辑配置界面,示意点击保留按钮时触发这个逻辑。

步骤三,设置保留按钮触发的逻辑,通过逻辑获取内部 API 数据
进入保留按钮的逻辑配置界面,如下图所示:

①:进入逻辑设计界面②:拖拽网络申请的组件进入画布,并且设置网络申请的属性

③:将网络申请返回的数据进行解析

④:将前一节点的后果二次解析

⑤:将解析后果插入 数据模型中⑥:点击保留,实现逻辑的配置并且能够在界面上进行调试,如下图所示:

①:点击执行时,能够模仿执行
②:执行后,界面上能够将各个环节的执行后果展现
③:鼠标悬浮在执行后果的标记上时,能够预览该环节的过程数据
④:能够查看历史执行的后果

在线 demo:https://frame.bctools.cn/
JVS 根底框架开源地址:https://gitee.com/software-minister/jvs

往期干货回顾

低代码、逻辑、规定、数据分析、协同工具汇合,解决企业不同需要
低代码外围工具,jvs-logic 逻辑引擎的背景及核心作用
低代码开发重要工具:JVS 低代码 2.1.8 新版本性能清单

退出移动版