基于接口数据显示UI界面的方法、装置、设备和介质制造方法及图纸

本发明专利技术公开了基于接口数据显示UI界面的方法、装置、设备和介质，涉及计算机技术领域。该方法的一具体实施方式包括：解析接口关联数据，确定所述接口关联数据的数据结构类型；基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据；按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系；根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示数据。该实施方式使得页面展示适配不同的接口。得页面展示适配不同的接口。得页面展示适配不同的接口。

【技术实现步骤摘要】
基于接口数据显示UI界面的方法、装置、设备和介质


[0001]本专利技术涉及计算机
，尤其涉及一种基于接口数据显示UI 界面的方法、装置、设备和计算机可读介质。

技术介绍

[0002]可视化搭建系统在绑定数据时，数据层与展示层关联性较强。单一的数据只能对应单一的界面(UI)展示。如果展示层发送变化，数据层也需要重新开发，才能满足需求。当展示层需要多接口组合输出数据时，都需要重新编码才能完成需求。
[0003]在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：现有可视化搭建系统灵活性低，前端与后端之间有较强的耦合性，页面展示难以适配不同的接口。

技术实现思路

[0004]有鉴于此，本专利技术实施例提供一种基于接口数据显示UI界面的方法、装置、设备和计算机可读介质，使得页面展示适配不同的接口。
[0005]为实现上述目的，根据本专利技术实施例的一个方面，提供了一种基于接口数据显示UI界面的方法，包括：
[0006]解析接口关联数据，确定所述接口关联数据的数据结构类型；
[0007]基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据；
[0008]按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系；
[0009]根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示数据。
[0010]所述基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据，包括：
[0011]在所述接口关联数据的数据结构类型为Map或List的情况下，在所述接口关联数据中添加子节点，将添加子节点后的接口关联数据，作为所述树结构数据。
[0012]所述处理包括以下一种或多种操作：增加、删除和修改。
[0013]所述方法还包括：
[0014]依据多个接口之间的接口连接关系，建立所述多个接口之间的加工节点，以连接所述多个接口；
[0015]所述按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系，包括：
[0016]按照用户交互页面中显示组件的展示需求和所述接口连接关系，构建所述多个接口中尾接口的树结构数据与所述显示组件中显示字段的字段关联关系。
[0017]所述根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示
数据，包括：
[0018]基于所述尾接口的标识，在多个接口的字段关联关系中，获取所述字段关联关系；
[0019]根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染，所述尾接口的标识对应接口显示数据。
[0020]所述根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示数据，包括：
[0021]基于接口标识，在多个接口的字段关联关系中，获取所述字段关联关系；
[0022]根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染，所述接口标识的接口显示数据。
[0023]所述构建所述树结构数据与所述显示组件中显示字段的字段关联关系之后，还包括：
[0024]根据所述字段关联关系，所述显示组件在所述用户交互页面中成功渲染所述接口关联数据，以预览所述接口关联数据。
[0025]根据本专利技术实施例的第二方面，提供了一种基于接口数据显示UI 界面的装置，包括：
[0026]解析模块，用于解析接口关联数据，确定所述接口关联数据的数据结构类型；
[0027]处理模块，用于基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据；
[0028]构建模块，用于按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系；
[0029]渲染模块，用于根据所述字段关联关系，控制所述显示组件在所述用户交互页面中渲染接口显示数据。
[0030]根据本专利技术实施例的第三方面，提供了一种基于接口数据显示UI 界面的电子设备，包括：
[0031]一个或多个处理器；
[0032]存储装置，用于存储一个或多个程序，
[0033]当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述的方法。
[0034]根据本专利技术实施例的第四方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述的方法。
[0035]上述专利技术中的一个实施例具有如下优点或有益效果：解析接口关联数据，确定所述接口关联数据的数据结构类型；基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据；按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系；根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示数据。通过字段关联关系，能够在用户交互界面显示不同接口显示数据，进而实现适配不同的接口。
[0036]上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
[0037]附图用于更好地理解本专利技术，不构成对本专利技术的不当限定。其中：
[0038]图1是根据本专利技术实施例的基于接口数据显示UI界面的方法的主要流程示意图；
[0039]图2是根据本专利技术实施例的接口数据的数据结构类型的示意图；
[0040]图3是根据本专利技术实施例的构建树结构数据与显示组件中显示字段的字段关联关系的示意图；
[0041]图4是根据本专利技术实施例的显示组件在用户交互页面中渲染接口显示数据的流程示意图；
[0042]图5是根据本专利技术实施例的建立多个接口的字段关联关系的流程示意图；
[0043]图6是根据本专利技术实施例的多个接口通过加工节点连接的示意图；
[0044]图7是根据本专利技术实施例的显示组件在用户交互页面中渲染接口显示数据；
[0045]图8是根据本专利技术实施例的基于接口数据显示UI界面的装置的主要结构示意图；
[0046]图9是本专利技术实施例可以应用于其中的示例性系统架构图；
[0047]图10是适于用来实现本专利技术实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
[0048]以下结合附图对本专利技术的示范性实施例做出说明，其中包括本专利技术实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本专利技术的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0049]为了解决难以用户交互页面难以适配不同的接口，可以采用以下本专利技术实施例中的技术方案。
[0050]参见图1，图1是根据本专利技术实施例的基于接口数据显示UI界面的方法主要流程示意图，按照字段关联关系，连接显示组件和接口。
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于接口数据显示UI界面的方法，其特征在于，包括：解析接口关联数据，确定所述接口关联数据的数据结构类型；基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据；按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系；根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示数据。2.根据权利要求1所述基于接口数据显示UI界面的方法，其特征在于，所述基于所述接口关联数据的数据结构类型，处理所述接口关联数据，得到树结构数据，包括：在所述接口关联数据的数据结构类型为Map或List的情况下，在所述接口关联数据中添加子节点，将添加子节点后的接口关联数据，作为所述树结构数据。3.根据权利要求1所述基于接口数据显示UI界面的方法，其特征在于，所述处理包括以下一种或多种操作：增加、删除和修改。4.根据权利要求1所述基于接口数据显示UI界面的方法，其特征在于，所述方法还包括：依据多个接口之间的接口连接关系，建立所述多个接口之间的加工节点，以连接所述多个接口；所述按照用户交互页面中显示组件的展示需求，构建所述树结构数据与所述显示组件中显示字段的字段关联关系，包括：按照用户交互页面中显示组件的展示需求和所述接口连接关系，构建所述多个接口中尾接口的树结构数据与所述显示组件中显示字段的字段关联关系。5.根据权利要求4所述基于接口数据显示UI界面的方法，其特征在于，所述根据所述字段关联关系，所述显示组件在所述用户交互页面中渲染接口显示数据，包括：基于所述尾接口的标识，在多个接口的字段关联关系中，获取所述字段关联关系；根据所述字段关联关系，所述显示组件在所述用户交...

【专利技术属性】
技术研发人员：王超越，李雪川，王冀豫，
申请(专利权)人：京东科技控股股份有限公司，
类型：发明
国别省市：