用户界面的搭建方法及系统、电子设备、存储介质技术方案

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

【技术实现步骤摘要】
用户界面的搭建方法及系统、电子设备、存储介质


[0001]本专利技术涉及界面搭建领域，具体涉及一种用户界面的搭建方法及系统、电子设备、存储介质。

技术介绍

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

技术实现思路

[0003]本专利技术要解决的技术问题是为了克服现有技术中用户界面搭建不够高效和灵活的缺陷，提供一种用户界面的搭建方法及系统、电子设备、存储介质。
[0004]本专利技术是通过下述技术方案来解决上述技术问题：
[0005]第一方面，提供一种用户界面的搭建方法，方法包括：
[0006]获取界面基础组件；所述界面基础组件基于低代码平台生成并且所述界面基础组件包括所述用户界面的至少一个构成要素；
[0007]组合所述界面基础组件，以搭建所述用户界面的目标场景组件。
[0008]可选地，组合所述界面基础组件的步骤包括：
[0009]将所述界面基础组件拖入界面搭建框架内；
[0010]更改所述界面基础组件的属性，以搭建所述用户界面的目标场景组件；
[0011]和/或，点击所述界面基础组件，以将所述界面基础组件放入界面搭建框架内；
[0012]更改所述界面基础组件的属性，以搭建所述用户界面的目标场景组件；所述界面基础组件的属性包括以下至少一种：定位、布局方式、位置。
[0013]可选地，更改所述界面基础组件的属性的步骤包括：
[0014]获取所述界面基础组件的属性栏；
[0015]基于所述属性栏更改所述界面基础组件的属性。
[0016]可选地，组合所述界面基础组件的步骤还包括：
[0017]将所述界面基础组件拖入界面搭建框架内；
[0018]拖拽移动所述界面基础组件，以搭建所述用户界面的目标场景组件。
[0019]可选地，所述界面基础组件包括以下至少一种：图片组件、按钮组件、背景组件、文本组件。
[0020]可选地，还包括：
[0021]存储所述目标场景组件以进行二次开发。
[0022]第二方面，提供一种用户界面的搭建系统，系统包括：
[0023]获取模块，用于获取界面基础组件；所述界面基础组件基于低代码平台生成并且所述界面基础组件包括所述用户界面的至少一个构成要素；
[0024]组合模块，用于组合所述界面基础组件，以搭建所述用户界面的目标场景组件；
[0025]存储模块，用于存储所述目标场景组件以进行二次开发。
[0026]第三方面，提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行计算机程序时实现如第一方面所述的用户界面的搭建方法。
[0027]第四方面，提供一种计算机存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的用户界面的搭建方法。
[0028]在符合本领域常识的基础上，上述各优选条件，可任意组合，即得本专利技术各较佳实例。
[0029]本专利技术的积极进步效果在于：基于界面基础组件搭建目标场景组件，并将目标场景组件二次开发，提高组件的高效性、灵活性和多样性，也能让技术开发人员减少重复的工作量，使组件搭建的效率和产研效率都能提高，同时也减少企业的成本。
附图说明
[0030]图1为本专利技术实施例提供的一种用户界面的搭建方法的流程图；
[0031]图2为本专利技术实施例提供的另一种用户界面的搭建方法的流程图；
[0032]图3为本专利技术实施例提供的一种用户界面的搭建方法的操作过程的第一示意图；
[0033]图4为本专利技术实施例提供的一种用户界面的搭建方法的操作过程的第二示意图；
[0034]图5为本专利技术实施例提供的一种用户界面的搭建方法的操作过程的第三示意图；
[0035]图6为本专利技术实施例提供的一种用户界面的搭建方法的用户第一界面图；
[0036]图7为本专利技术实施例提供的一种用户界面的搭建方法的用户第二界面图；
[0037]图8为本专利技术实施例提供的一种用户界面的搭建系统的结构示意图；
[0038]图9为本专利技术实施例提供的一种电子设备的结构示意图。
具体实施方式
[0039]下面通过实施例的方式进一步说明本专利技术，但并不因此将本专利技术限制在所述的实施例范围之中。
[0040]如图1所示，本专利技术实施例提供的一种用户界面的搭建方法包括以下步骤：
[0041]S11、获取界面基础组件。
[0042]界面基础组件基于低代码平台生成并且界面基础组件包括用户界面的至少一个构成要素，低代码平台基于不同界面基础组件快速搭建用户界面，用户界面的构成要素包括但不限于背景、按钮、图片等。
[0043]在一个实施例中，界面基础组件包括以下至少一种：图片组件、按钮组件、背景组件、文本组件。
[0044]其中，除了上述组件外，界面基础组件还包括但不限于价格组件、标签组件等。
[0045]S12、组合界面基础组件，以搭建用户界面的目标场景组件。
[0046]用户界面的目标场景组件包括但不限于日常活动需要的场景组件、营销活动需要
的组件、元素可自由组合的组件，用户针对不同的界面基础组件进行自由拼接组合，快速定制符合需求的目标场景组件。
[0047]在一个实施例中，组合界面基础组件的步骤包括：将界面基础组件拖入界面搭建框架内，更改界面基础组件的属性，以搭建用户界面的目标场景组件，界面基础组件的属性包括以下至少一种：定位、布局方式、位置。
[0048]用户根据自己的不同需求将界面基础组件通过draggable(拖拽)技术，从组件库拖拽一个或多个界面基础组件到界面搭建框架内，以便界面基础组件的后续操作运用。在获取界面基础组件后，更改界面基础组件的属性，例如定位、布局方式和位置，所有属性配置的更改都实时反应在界面搭建框架上，可以高灵活度和高自由度的快速搭建目标场景组件及界面配置。
[0049]其中，除了上述属性参数外，界面基础组件的属性还包括但不限于组件名称、可见群体、生效时间、宽度、高度等。
[0050]在一个实施例中，组合界面基础组件的步骤包括：
[0051]点击界面基础组件，以将界面基础组件放入界面搭建框架内；
[0052]更改界面基础组件的属性，以搭建用户界面的目标场景组件。
[0053]用户根据自己的不同需求，从组件库点击一个或多个界面基础组件到界面搭建框架内，以便界面基础组件的后续操作运用。在获取界面基础组件后，更改界面基础组件的属性，例如定位、布局方式和位置，所有属性配置的更改都实时反应在界面搭建框架上，可以高本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用户界面的搭建方法，其特征在于，方法包括：获取界面基础组件；所述界面基础组件基于低代码平台生成并且所述界面基础组件包括所述用户界面的至少一个构成要素；组合所述界面基础组件，以搭建所述用户界面的目标场景组件。2.如权利要求1所述的方法，其特征在于，组合所述界面基础组件的步骤包括：将所述界面基础组件拖入界面搭建框架内；更改所述界面基础组件的属性，以搭建所述用户界面的目标场景组件；和/或，点击所述界面基础组件，以将所述界面基础组件放入界面搭建框架内；更改所述界面基础组件的属性，以搭建所述用户界面的目标场景组件；所述界面基础组件的属性包括以下至少一种：定位、布局方式、位置。3.如权利要求2所述的方法，其特征在于，更改所述界面基础组件的属性的步骤包括：获取所述界面基础组件的属性栏；基于所述属性栏更改所述界面基础组件的属性。4.如权利要求1所述的方法，其特征在于，组合所述界面基础组件的步骤还包括：将所述界面基础组件拖入界面搭建框架内；拖拽移动所述界面基础组件，以搭建所述用户界面的...

【专利技术属性】
技术研发人员：罗旭辉，左邦阳，顾佳璐，
申请(专利权)人：携程计算机技术上海有限公司，
类型：发明
国别省市：