System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 数据绑定方法、装置、电子设备及计算机存储介质制造方法及图纸_技高网

数据绑定方法、装置、电子设备及计算机存储介质制造方法及图纸

技术编号:41139699 阅读:5 留言:0更新日期:2024-04-30 18:10
本申请实施例提供了一种数据绑定方法、装置、电子设备及计算机存储介质,涉及低代码技术领域。该方法包括:响应于用户针对目标组件的选择操作,显示针对目标组件的接口选择界面,接口选择界面中包括多个候选接口信息,响应于用户针对多个候选接口信息中目标接口的选择操作,显示目标接口对应的接口绑定界面,响应于用户针对接口绑定界面的输入信息,在接口绑定界面中显示与输入信息对应的输出信息,响应于用户针对输出信息的确认操作,将目标接口与目标组件进行绑定。本申请提供的数据绑定方法,用户只需要通过可视化界面上的选择操作或拖拽操作即可完成所选目标组件与后端数据接口的绑定,有效提升了组件与数据接口绑定的效率。

【技术实现步骤摘要】

本申请涉及低代码,具体而言,本申请涉及一种数据绑定方法、装置、电子设备及计算机存储介质


技术介绍

1、随着软件开发技术的发展,低代码开发的应用也越来越多,低代码开发平台使得不同经验水平的开发人员都可以通过图形化的用户界面,拖拽这些基础代码组件和模型驱动的逻辑,来开发应用程序、网页等,提供多个基础代码组件,开发人员通过拼装这些基础代码组件即可完成大部分的代码(拖拽这些基础代码组件来搭建出软件的基本架构)。在低代码平台的各可视化引擎中(例:界面可视化引擎,大屏可视化引擎,服务逻辑流引擎等),需要为每个与后端有数据绑定需求的组件(例如表格、表单、图表等)配置数据源,从而渲染数据并显示。

2、目前为组件配置数据源的方式都是手动接入数据源,填写接口请求地址,通过编码形式提供接口输出格式,从而在界面渲染时展示数据,但是这种方式不能直观的展现绑定数据接口时的输入输出情况,导致各个组件与后端数据绑定的步骤困难,效率较低。


技术实现思路

1、本申请实施例旨在解决为可视化组件配置数据源时,需要手动编码接入,较为困难导致接口绑定效率较低的问题。所述技术方案如下:

2、第一方面,本申请提供了一种数据绑定方法,包括:

3、响应于用户针对目标组件的选择操作,显示针对目标组件的接口选择界面;接口选择界面中包括多个候选接口信息;

4、响应于用户针对多个候选接口信息中目标接口的选择操作,显示目标接口对应的接口绑定界面;

5、响应于用户针对接口绑定界面的输入信息,在接口绑定界面中显示与输入信息对应的输出信息;

6、响应于用户针对输出信息的确认操作,将目标接口与目标组件进行绑定。

7、在第一方面的可选实施例中,响应于用户针对目标组件的选择操作,显示针对目标组件的接口选择界面,还包括:

8、响应于用户针对目标组件的选择操作,显示针对目标组件的绑定确认界面;绑定确认界面包括第一提示控件;第一提示控件用于表征目标组件需要绑定接口;

9、响应于用户针对第一提示控件的确认操作,显示针对目标组件的接口选择界面。

10、在第一方面的可选实施例中,绑定确认界面还包括第二提示控件;第二提示控件用于表征目标组件不需要绑定接口;

11、响应于用户针对目标组件的选择操作,显示针对目标组件的接口选择界面,还包括:

12、响应于用户针对第二提示控件的确认操作,关闭接口选择界面。

13、在第一方面的可选实施例中,多个候选接口信息是基于如下方式获取的:

14、响应于用户针对第一提示控件的确认操作,显示针对目标组件的接口检索界面;

15、响应于用户在接口检索界面中输入的检索信息,在接口检索界面中显示多个初始接口信息;

16、响应于用户针对多个初始接口信息的选择操作,在接口选择界面中显示多个候选接口信息。

17、在第一方面的可选实施例中,响应于用户针对输出信息的确认操作,将目标接口与目标组件进行绑定,包括:

18、响应于用户针对输出信息的确认操作,在接口绑定界面中显示绑定信息;绑定信息用于使目标接口与目标组件进行绑定;

19、响应于用户针对绑定信息的确认操作,显示绑定成功界面。

20、在第一方面的可选实施例中,方法还包括:

21、响应于用户针对目标组件中第一字段信息的修改操作,显示数据更新界面;数据更新界面中包括第一字段信息和目标接口中第二字段信息的差异信息;

22、响应于用户针对差异信息的确认操作,在数据更新界面显示更新后的第二字段信息。

23、在第一方面的可选实施例中,方法还包括:

24、响应于用户在数据更新界面中针对第二字段信息的查看操作,显示第二字段信息的更新数据;

25、响应于用户针对更新数据的确认操作,在数据更新界面显示更新后的第一字段信息。

26、第二方面,提供了一种数据绑定装置,该装置包括:

27、组件选择模块,用于响应于用户针对目标组件的选择操作,显示针对目标组件的接口选择界面;接口选择界面中包括多个候选接口信息;

28、接口选择模块,用于响应于用户针对多个候选接口信息中目标接口的选择操作,显示目标接口对应的接口绑定界面;

29、输出模块,用于响应于用户针对接口绑定界面的输入信息,在接口绑定界面中显示与输入信息对应的输出信息;

30、绑定模块,用于响应于用户针对输出信息的确认操作,将目标接口与目标组件进行绑定。

31、第三方面,提供了一种电子设备,包括存储器、处理器及存储在存储器上的计算机程序,其特征在于,处理器执行计算机程序以实现本申请第一方面中任一项方法的步骤。

32、第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,其特征在于,计算机程序被处理器执行时实现本申请第一方面中任一项所示的数据绑定方法。

33、本申请实施例提供的技术方案带来的有益效果是:

34、本申请提供的数据绑定方法,通过响应于用户针对目标组件的选择操作,显示针对目标组件的接口选择界面,接口选择界面中包括多个候选接口信息,响应于用户针对多个候选接口信息中目标接口的选择操作,显示目标接口对应的接口绑定界面,响应于用户针对接口绑定界面的输入信息,在接口绑定界面中显示与输入信息对应的输出信息,响应于用户针对输出信息的确认操作,将目标接口与目标组件进行绑定;用户在可视化界面中拖拽输入信息,即可在界面上展示出对应的输出信息,可以直观的查看通过选中接口的映射数据,为用户提供可视化界面,使用户可以通过拖拽、配置等简单的操作来实现界面各组件和数据的绑定,能够降低界面的开发难度,提升组件与数据接口绑定的效率。

35、进一步的,响应于用户针对第一提示控件的确认操作,显示针对目标组件的接口检索界面,响应于用户在接口检索界面中输入的检索信息,在接口检索界面中显示多个初始接口信息,响应于用户针对多个初始接口信息的选择操作,在接口选择界面中显示多个候选接口信息;提供了接口的检索功能,可以根据用户输入的检索信息查找多个候选接口信息,有助于实现组件和接口数据的快速映射,提升组件与数据绑定的工作效率。

36、另外,用户可以在可视化界面上对界面数据进行编辑、新增和删除等操作,通过接口与后端数据交互,将变更的数据同步到后端数据库中,通过接口与后端接口数据的绑定,可视化引擎能够实时获取后端数据的更新,并将最新的数据展示给用户,保证数据的实时性和准确性。

本文档来自技高网...

【技术保护点】

1.一种数据绑定方法,其特征在于,包括:

2.根据权利要求1所述的数据绑定方法,其特征在于,所述响应于用户针对目标组件的选择操作,显示针对所述目标组件的接口选择界面,还包括:

3.根据权利要求2所述的数据绑定方法,其特征在于,所述绑定确认界面还包括第二提示控件;所述第二提示控件用于表征所述目标组件不需要绑定接口;

4.根据权利要求2所述的数据绑定方法,其特征在于,所述多个候选接口信息是基于如下方式获取的:

5.根据权利要求1所述的数据绑定方法,其特征在于,所述响应于用户针对所述输出信息的确认操作,将所述目标接口与所述目标组件进行绑定,包括:

6.根据权利要求1所述的数据绑定方法,其特征在于,所述方法还包括:

7.根据权利要求6所述的数据绑定方法,其特征在于,所述方法还包括:

8.一种数据绑定装置,其特征在于,包括:

9.一种电子设备,包括存储器、处理器及存储在存储器上的计算机程序,其特征在于,所述处理器执行所述计算机程序以实现权利要求1至7中任一项所述方法的步骤。

10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的数据绑定方法的步骤。

...

【技术特征摘要】

1.一种数据绑定方法,其特征在于,包括:

2.根据权利要求1所述的数据绑定方法,其特征在于,所述响应于用户针对目标组件的选择操作,显示针对所述目标组件的接口选择界面,还包括:

3.根据权利要求2所述的数据绑定方法,其特征在于,所述绑定确认界面还包括第二提示控件;所述第二提示控件用于表征所述目标组件不需要绑定接口;

4.根据权利要求2所述的数据绑定方法,其特征在于,所述多个候选接口信息是基于如下方式获取的:

5.根据权利要求1所述的数据绑定方法,其特征在于,所述响应于用户针对所述输出信息的确认操作,将所述目标接口与...

【专利技术属性】
技术研发人员:余景秀黄波
申请(专利权)人:亚信科技南京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1