用户界面的搭建方法及系统、电子设备、存储介质与流程

文档序号:35104160发布日期:2023-08-10 14:02阅读:37来源:国知局
用户界面的搭建方法及系统、电子设备、存储介质与流程

本发明涉及界面搭建领域,具体涉及一种用户界面的搭建方法及系统、电子设备、存储介质。


背景技术:

1、低代码平台是基于不同活动组件快速搭建活动页面,基本已有的组件可搭建符合日常活动需要的页面。但是由于营销活动的高时效性和高灵活性,当已有组件不满足需求营销活动设计需求,或者需要一定的元素自由组合的场景。若开发人员再新开发一个满足需求的新组件,需要历经需求评审、调研、排期,开发上线一个完整的周期,时间比较长,效率比较低。


技术实现思路

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、本发明的积极进步效果在于:基于界面基础组件搭建目标场景组件,并将目标场景组件二次开发,提高组件的高效性、灵活性和多样性,也能让技术开发人员减少重复的工作量,使组件搭建的效率和产研效率都能提高,同时也减少企业的成本。



技术特征:

1.一种用户界面的搭建方法,其特征在于,方法包括:

2.如权利要求1所述的方法,其特征在于,组合所述界面基础组件的步骤包括:

3.如权利要求2所述的方法,其特征在于,更改所述界面基础组件的属性的步骤包括:

4.如权利要求1所述的方法,其特征在于,组合所述界面基础组件的步骤还包括:

5.如权利要求1所述的方法,其特征在于,所述界面基础组件包括以下至少一种:图片组件、按钮组件、背景组件、文本组件。

6.如权利要求1所述的方法,其特征在于,还包括:

7.一种用户界面的搭建系统,其特征在于,系统包括:

8.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行计算机程序时实现如权利要求1-6中任一项所述的用户界面的搭建方法。

9.一种计算机存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1-6中任一项所述的用户界面的搭建方法。


技术总结
本发明公开了一种用户界面的搭建方法及系统、电子设备、存储介质,方法包括:获取界面基础组件;所述界面基础组件基于低代码平台生成并且所述界面基础组件包括所述用户界面的至少一个构成要素;组合所述界面基础组件,以搭建所述用户界面的目标场景组件。本发明提高了组件的灵活性和多样性,减少企业的成本。

技术研发人员:罗旭辉,左邦阳,顾佳璐
受保护的技术使用者:携程计算机技术(上海)有限公司
技术研发日:
技术公布日:2024/1/14
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1