CN110515609A - 应用生成方法、装置、设备以及存储介质 - Google Patents

Abstract

本公开提出了一种应用生成方法、装置、设备以及存储介质。选取一个或多个应用；配置容器页面，容器页面包括一个或多个容器，容器用于承载所选取的应用；将应用添加到容器页面；以及为容器页面中的应用配置交互逻辑关系，以生成新应用。由此，本公开可以把传统的复杂的搭建流程拆分开，如作为本公开的一个可选实施例，可以拆分成“应用选取、配置”、“容器页面配置”、“交互逻辑配置”三个步骤，从而降低应用搭建的复杂度，提升用户的搭建体验。

Description

应用生成方法、装置、设备以及存储介质

技术领域

本公开涉及可视化搭建领域，特别是涉及一种应用的可视化生成方法、装置、设备以及存储介质。

背景技术

随着互联网技术的蓬勃发展，各种前端平台类业务、后端管控台类业务层出不穷。如果对于新来的每个业务，都新建工程去开发相应的应用程序(以下简称应用)，会产生大量重复劳动，并且存在效率低下、复用率低的问题。

目前，市场上出现了一些可视化搭建平台，为用户提供简单的搭建模板，以提高应用搭建速率。但是现有的搭建平台大多是基于定制化开发好的组件，为用户提供若干场景下的应用搭建模型，业务场景模板有限，不够灵活通用，并且搭建流程复杂度较高，操作体验差，用户难以上手。

因此，需要一种对用户友善的应用生成方案。

发明内容

本公开的一个目的在于提供一种对用户友善的应用生成方法、装置、设备以及存储介质。

根据本公开的第一个方面，提供了一种应用生成方法，包括：确定被选中的一个或多个应用；获得应用在容器页面的位置；获得应用的交互逻辑关系；以及基于位置和交互逻辑关系，生成新应用。

可选地，应用生成方法还包括：提供容器库，容器库包括多个可供选取的容器；以及基于用户针对从容器库选取的容器执行的布局操作，在容器页面中配置一个或多个容器，容器用于承载应用。

可选地，容器页面中的容器具有预定的位置关系和/或嵌套关系。

可选地，获得应用在容器页面的位置的步骤包括：响应于用户针对应用执行的布局操作，确定应用在容器页面的位置。

可选地，应用生成方法还包括：响应于用户针对应用执行的配置操作，对应用的属性进行配置。

可选地，应用生成方法还包括：提供应用库，应用库包括多个可供选取的应用；以及/或者提供应用上传接口，以便用户通过应用上传接口上传应用。

可选地，被选中的一个或多个应用包括：从应用库选取的应用；和/或通过应用上传接口上传的应用。

可选地，应用生成方法还包括：响应于用户的第一指令，将新应用添加到应用库；以及/或者响应于用户的第二指令，发布新应用。

可选地，允许将同一应用重复添加到容器页面。

可选地，应用生成方法还包括：统计被选中的应用的选取数量，以便基于选取数量进行收费。

可选地，应用生成方法还包括：展示可视化逻辑树，可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

根据本公开的第二个方面，还提供了一种应用生成方法，包括：选取一个或多个应用；配置容器页面，容器页面包括一个或多个容器，容器用于承载所选取的应用；将应用添加到容器页面；以及为容器页面中的应用配置交互逻辑关系，以生成新应用。

可选地，应用生成方法还包括：对应用的属性进行配置；以及/或者对应用在容器页面中的布局进行调整。

可选地，应用生成方法还包括：将新应用添加到应用库；或者发布新应用。

可选地，应用包括：从应用库选取的应用；和/或通过应用上传接口上传的应用。

可选地，配置容器页面的步骤包括：从容器库选取一个或多个容器；以及调整所选取的容器在容器页面中的布局，其中，容器页面中的容器具有预定的位置关系和/或嵌套关系。

可选地，将应用添加到容器页面的步骤还包括：将同一应用重复添加到容器页面。

可选地，为容器页面中的应用配置交互逻辑关系的步骤包括：基于可视化逻辑树，配置交互逻辑关系，其中，可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

根据本公开的第三个方面，还提供了一种应用生成装置，包括：应用确定模块，用于确定被选中的一个或多个应用；位置获取模块，用于获得应用在容器页面的位置；交互逻辑获取模块，用于获得应用的交互逻辑关系；以及应用生成模块，用于基于位置和交互逻辑关系，生成新应用。

可选地，应用生成装置还包括：容器库提供模块，用于提供容器库，容器库包括多个可供选取的容器；和容器页面配置模块，用于基于用户针对从容器库选取的容器执行的布局操作，在容器页面中配置一个或多个容器，容器用于承载应用。

可选地，容器页面中的容器具有预定的位置关系和/或嵌套关系。

可选地，位置获取模块响应于用户针对应用执行的布局操作，确定应用在容器页面的位置。

可选地，应用生成装置还包括：属性配置模块，用于响应于用户针对应用执行的配置操作，对应用的属性进行配置。

可选地，应用生成装置还包括：应用库提供模块，用于提供应用库，应用库包括多个可供选取的应用；和/或上传接口提供模块，用于提供应用上传接口，以便用户通过应用上传接口上传应用。

可选地，被选中的一个或多个应用包括：从应用库选取的应用；和/或通过应用上传接口上传的应用。

可选地，应用生成装置还包括：添加模块，用于响应于用户的第一指令，将新应用添加到应用库；和/或发布模块，用于响应于用户的第二指令，发布新应用。

可选地，允许将同一应用重复添加到容器页面。

可选地，应用生成装置还包括：统计模块，用于统计被选中的应用的选取数量，以便基于选取数量进行收费。

可选地，应用生成装置还包括：逻辑树展示模块，用于展示可视化逻辑树，可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

根据本公开的第四个方面，还提供了一种应用生成装置，包括：应用选取模块，用于选取一个或多个应用；容器页面配置模块，用于配置容器页面，容器页面包括一个或多个容器，容器用于承载所选取的应用；应用添加模块，用于将应用添加到容器页面；以及交互逻辑配置模块，用于为容器页面中的应用配置交互逻辑关系，以生成新应用。

可选地，应用生成装置还包括：应用属性配置模块，用于对应用的属性进行配置；和/或应用布局调整模块，用于对应用在容器页面中的布局进行调整。

可选地，应用生成装置还包括：应用库添加模块，用于将新应用添加到应用库；和/或发布模块，用于发布新应用。

可选地，应用包括：从应用库选取的应用；和/或通过应用上传接口上传的应用。

可选地，容器页面配置模块包括：容器选取模块，用于从容器库选取一个或多个容器；以及容器布局调整模块，用于调整所选取的容器在容器页面中的布局，其中，容器页面中的容器具有预定的位置关系和/或嵌套关系。

可选地，应用添加模块能够将同一应用重复添加到容器页面。

可选地，交互逻辑配置模块基于可视化逻辑树，配置交互逻辑关系，其中，可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

根据本公开的第五个方面，还提供了一种计算设备，包括：处理器；以及存储器，其上存储有可执行代码，当可执行代码被处理器执行时，使处理器执行如本公开第一个方面或第二个方面述及的方法。

根据本公开的第六个方面，还提供了一种非暂时性机器可读存储介质，其上存储有可执行代码，当可执行代码被电子设备的处理器执行时，使处理器执行如本公开第一个方面或第二个方面述及的方法。

与现有的应用搭建流程不同，本公开可以把传统的复杂的搭建流程拆分开，以简化操作流程。例如，可以拆分成“应用选取、配置”、“容器页面配置”、“交互逻辑配置”三个步骤。从而降低应用搭建的复杂度，提升用户的搭建体验。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1是用于实现本公开实施例的环境的示意图。

图2是示出了根据本公开一实施例的应用生成方法的示意性流程图。

图3是示出了根据本公开另一实施例的应用生成方法的示意性流程图。

图4A至图4G示出了客户端执行的应用搭建流程的示意图。

图5是示出了根据本公开一实施例的应用生成装置的结构的示意性方框图。

图6是示出了根据本公开另一实施例的应用生成装置的结构的示意性方框图。

图7示出了根据本公开一实施例的计算设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

【术语解释】

应用：应用程序的简称，本公开述及的应用是指前端组件模板、数据整合到一起的功能集合。在本公开中，应用可以是按钮、导航头部、表格、折线图等通常可复用的“基础应用”；也可以是对这类“基础应用”进行组合配置后得到的“组合应用”，如带按钮控制功能的导航头部应用；还可以是能够满足用户需求的、可供用户上线使用的完整应用。

容器页面：用于承载应用的页面，可以通过将应用拖拽到容器页面中，来完成应用的布局。作为本公开的一个示例，容器页面中可以包括多个容器，也就是说，容器页面也可以视为用于承载容器的页面，可以在容器页面中拖拽拼搭容器，以调整容器在容器页面中的位置或者容器间的嵌套关系，从而实现容器的配置。

容器：布置在容器页面中，用于承载应用，可以视为应用的最小承载单元，用户可以通过将应用拖拽到容器页面中的容器内，完成应用的布局。

【方案概述】

如背景技术部分所述，现有的应用搭建方案主要是由服务器为用户提供定制好的搭建模型，由用户在服务器提供的搭建模型的基础上进行个性化配置。由于搭建模型不是用户提供的，因此用户在进行个性化配置前，还需要了解模型的框架结构，上手难度较高。并且，所提供的搭建模型的种类有限，不能很好地满足用户针对不同业务类型的应用搭建需求。

有鉴于此，本公开提出了一种对用户友善的应用生成(也即搭建)方案。具体地，用户可以自由选取应用(例如可以从应用商店选取应用，也可以上传网络资源包、UI库中的应用)，并配置成自己想要的展示方式，然后将已选取的应用添加到容器页面，通过配置应用间的交互逻辑，就可以生成满足用户个性化需求的应用。其中，容器页面中容器的布局和/或嵌套关系可以是由用户根据个性化需求进行配置得到的。

可见，本公开的应用生成方案可以把传统的复杂的搭建流程进行拆分，以简化操作流程。例如，可以拆分成“应用选取、配置”、“容器配置”、“交互逻辑配置”三个步骤，从而降低应用搭建的复杂度，提升用户的搭建体验。并且在搭建过程中，用户可以自由地选取应用进行搭配，并可以自由搭建容器页面，从而还可以提高工程的可用性。

本公开的应用生成方案可以实现为一种可视化搭建平台，可以应用于所有通用类前端项目的搭建。基于本公开的搭建平台，用户通过“所见即所得”的方式就可以完成应用的搭建，不用写一行代码，不懂代码的用户也能通过参考文档配置完成应用的搭建。

本公开实施例提供的应用生成方案可以应用于如图1所示的环境中。图1是用于实现本公开实施例的环境的示意图。在一个实施例中，环境中的客户端10可以经由网络40实现与服务器20的信息收发。服务器20可以将从客户端10获取的数据存储至数据库30，也可以通过访问数据库30来获取客户端10所需的内容。客户端10之间(例如，10_1与10_2或10_N之间)也可以经由网络40彼此通信。网络40可以是广义上的用于信息传递的网络，可以包括一个或多个通信网络，诸如无线通信网络、因特网、私域网、局域网、城域网、广域网或是蜂窝数据网络等。在一个实施例中，网络40也可以包括卫星网络，由此将客户端10的GPS信号传送给服务器20。应当注意，如果向图1中添加或从图1中去除附加模块，不会改变本发明的示例实施例的底层概念。另外，虽然为了方便说明而在图中示出了从数据库30到服务器20的双向箭头，但本领域技术人员可以理解的上，上述数据的收发也是可以通过网络40实现的。

客户端10可以是可用来进行网络访问的电子设备，如可以是台式计算机、便携式电子设备，其中，便携式电子设备包括但不限于智能电话、平板电脑或是其他便携式客户端。服务器20则是能够通过网络访问提供交互服务所需信息的任何服务器。图中虽然示出了多个客户端10-1…N以及单个服务器20和数据库30，并且在随后的描述中会选择其中的一个或部分客户端加以描述(例如，客户端10-1)，但是本领域技术人员应该立即的是，上述1…N个客户端旨在表示真实网络中存在的多个客户端，示出的单个服务器20和数据库30旨在表示本发明的技术方案涉及服务器及数据库的操作。对特定编号的移动端以及单个服务器和数据库加以详述至少为了说明方便，而非暗示对移动端和服务器的类型或是位置等具有限制。

图2是示出了根据本发明一实施例的应用生成方法的示意性流程图。图2所示的方法可以由图1中的服务器执行。换言之，图2所示的方法可以实现为一种可视化搭建平台，用于为用户提供可视化地应用搭建服务。

参见图2，在步骤S210，确定被选中的一个或多个应用。

可以提供应用库，应用库中可以包括多个可供用户选取的应用。应用库中的应用除了可以是服务器提供的原始应用外，还可以包括用户添加的应用。其中，用户添加的应用可以是用户利用本公开的方案进行二次拼装得到的新应用。

进一步地，还可以提供应用上传接口，以便用户通过应用上传接口上传新的应用。由此，用户除了可以从应用库中选取应用外，还可以通过应用上传接口将网上资源包、UI库等来自第三方的应用上传到线上，以供选取。

在应用选取完毕，确定被选中的一个或多个应用后，响应于用户针对所选中的应用执行的配置操作，还可以对应用的属性进行配置，以将应用配置为用户期望的展示方式。例如，在应用为导航头部的情况下，响应于用户对导航头部的颜色、形状等属性执行的配置操作，可以对导航头部的属性进行相应的调整。再例如，在应用为图表的情况下，可以响应于用户针对图表执行的数据填充或数据修改操作，为图表填充数据或者对图表中已有的数据进行修改。

在步骤S220，获得应用在容器页面的位置。可以响应于用户针对应用执行的布局操作，确定应用在容器页面的位置。

作为本公开的一个示例，可以提供容器库，容器库包括多个可供选取的容器，可以基于用户针对从容器库选取的容器执行的布局操作，在容器页面中配置一个或多个容器。容器页面中的容器可以具有预定的位置关系和/或嵌套关系。用户可以根据需求，将选取的应用添加到相应的容器内，以实现应用的布局。

容器页面可以由服务器提供，也可以由用户自行配置。例如，可以由服务器提供多种不同布局类型的容器页面，由用户根据自身需求选取合适的容器页面，并且还可以支持用户对选取的容器页面中容器的布局(位置和/或嵌套关系)进行调整。再例如，也可以为用户提供容器库，由用户基于容器库自行配置容器页面。本公开述及的嵌套关系是指容器间的嵌套关系。例如，容器A内可以嵌套多个容器B，容器B内还可以继续嵌套其它容器C，对此本公开不做限定。

以用户自行配置容器页面为例，可以由服务器为用户提供容器库，容器库中可以包括多个可供用户选取的容器。可以基于用户针对从容器库选取的容器执行的操作，搭建相应的容器页面。此处述及的操作主要是针对容器执行的布局操作，用于确定容器的位置以及容器之间的嵌套关系。由此，搭建好的容器页面中的容器可以具有预定的位置关系和/或嵌套关系，用户可以将选取和/或配置好的应用添加到对应的容器中。其中，用户在将选取和/或配置好的应用添加到容器页面中时，对于同一应用，可以允许用户将其重复添加到容器页面。

在本公开中，提供的容器库可以包括多种具有不同属性的容器。例如，容器库中的容器可以分为块容器(block)、行内块容器(inline-block)以及栅格化容器(row&col)。块容器占据一行，行内块容器可以单行并列设置，即一行可以并列设置多个行内块容器，栅格化容器为占据预定行数和列数的容器。块容器(block)、行内块容器(inline-block)以及栅格化容器(row&col)的尺寸(宽度和高度)均可以由用户根据实际需求设定。

并且，不同容器之间可以互相嵌套。例如，块容器内可以嵌套一个或多个块容器和/或行内块容器，行内块容器内也可以嵌套一个或多个块容器和/或行内块容器。另外，还可以有其它多种嵌套示例，对此本公开不做限定。

在用户将应用添加到容器页面中后，响应于用户针对应用执行的布局操作，还可以对应用在容器页面中的布局进行调整。例如，可以对应用在容器页面中的位置和/或尺寸进行调整。

在步骤S230，获得应用的交互逻辑关系。

此处述及的交互逻辑关系包括但不限于应用间的点击、移动等交互逻辑以及由应用构成的不同页面间的跳转等交互逻辑。

为了便于用户对容器页面中的应用的交互逻辑进行配置，可以在用户为应用配置交互逻辑关系的过程中，向用户展示可视化逻辑树。顾名思义，可视化逻辑树就是当前容器页面中应用间的交互逻辑关系的可视化展示。作为示例，容器页面中的每个应用可以由可视化逻辑树中的一个节点表征，应用间的关联关系(也即交互逻辑关系)可以用节点间的连线表征。其中，不同的交互逻辑关系可以以不同的方式表征，例如可以用不同线条表征不同的交互逻辑关系。应该知道，在能够表征应用间的交互逻辑的基础上，可视化逻辑树还可以有多种其它展示形式，对此本公开不做限定。

通过向用户展示可视化逻辑树，使得交互逻辑能够被用户所见，从而用户能够直观、清楚地了解当前容器页面中应用间的关联关系，从而用户可以基于可视化逻辑树，对容器页面中的应用配置的交互逻辑关系进行配置。

在用户对交互逻辑关系进行配置的过程中，响应于用户的配置操作(添加或修改交互逻辑)，可以实时更改可视化逻辑树。另外，也可以为用户提供可编辑的可视化逻辑树，用户可以通过对可视化逻辑树进行编辑，实现交互逻辑的配置。作为示例，可以为用户提供布局界面和逻辑树界面两种展示模式，用户可以在这两种模式之间自由切换。在布局界面，用户可以对容器页面中应用的交互逻辑关系进行配置(添加、删除、修改等等)，在逻辑树界面，可以通过展示的可视化逻辑树，用户可以清楚直观地获知当前的交互逻辑。

在步骤S240，基于位置和交互逻辑关系，生成新应用。

最终生成的新应用可以作为完整的应用发布到线上，例如，最终生成的新应用可以搭建成完整页面发布到线上。另外，最终生成的新应用也可以作为新的应用添加到应用库，以丰富应用库。具体地，可以在得到新应用后，响应于用户的指令，确定是将应用发布到线上还是将应用作为新的应用添加到应用库。例如，可以响应于用户的第一指令(应用添加指令)，将新应用作为新的应用添加到应用库，可以响应于用户的第二指令(应用发布指令)，发布新应用。

作为本公开的一个示例，应用库可以以应用商店的形式存在，即用户在配置应用时，可以从应用商店选取并购买应用。其中，对于同一应用，用户在多次选取时，可以按照选取次数进行收费，也可以一次收费重复使用。在一次性收费的情况下，对于用户选取的某一应用，可以允许用户将该应用重复添加到容器页面。在按照选取次数进行收费的情况下，还可以统计用户所选取的应用的选取数量，以便基于选取数量进行收费，此时用户将同一应用重复添加到容器页面时的次数，受到选取数量的限制。用户最终配置好的应用可以作为商品添加到应用商店，供其他用户选取。并且，用户在将配置好的应用添加到应用商店时，还可以明码标价。如此，在丰富了应用商店中的应用的同时，可以提高用户的应用搭建热情，并为用户创造收益。

图3是示出了根据本公开另一实施例的应用生成方法的示意性流程图。其中，图3所示的方法可以由图1中的客户端(即用户)执行。

参见图3，在步骤S310，选取一个或多个应用。所选取的应用可以包括从应用库选取的应用和/或用户上传的应用。

如上文所述，可以由服务器提供应用库，应用库中包括多个应用。应用库中的应用可以包括服务器提供的原始应用，也可以包括由用户对应用库中的一个或多个原始应用进行二次拼装后得到的新的应用。因此，用户可以从应用库选取应用。

进一步地，用户还可以通过应用上传接口上传新的应用。其中，上传的应用可以是网上资源库、UI库中的应用。由此，在应用库中的应用不能满足用户的选取需求的情况下，用户还可以通过上传接口上传应用，以供选取使用。

在应用选取完毕后，用户还可以对应用的属性进行配置，以将应用配置为需要的展示形式。例如，对于导航栏头部这一应用，用户可以对其颜色、形状等属性进行配置。再例如，在应用为图表的情况下，用户可以为图表填充数据，也可以对图标中已有的数据进行修改向。

在步骤S320，配置容器页面。

容器页面用于承载应用，用户所选取的应用可以添加到容器页面中进行布局。容器页面中可以包括多个容器，容器页面中的容器可以具有预定的位置关系和/或嵌套关系，用户可以根据需求，将选取的应用添加到相应的容器内。其中，容器页面可以由服务器提供，也可以由用户自行配置。例如，可以由服务器提供多种不同布局类型的容器页面，用户可以根据自身需求选取合适的容器页面，并且用户还可以对选取的容器页面中的容器的布局(位置和/或嵌套关系)进行调整。再例如，也可以为用户提供容器库，由用户基于容器库自行配置容器页面。本公开述及的嵌套关系是指容器间的嵌套关系。例如，容器A内可以嵌套多个容器B，容器B内还可以继续嵌套其它容器C，对此本公开不做限定。

以用户自行配置容器页面为例，可以由服务器为用户提供容器库，容器库中可以包括多个可供用户选取的容器。用户可以根据应用搭建需求，从容器库中选取合适的容器，来搭建容器页面。容器页面的搭建过程主要是对选取的容器进行布局的过程，用以确定容器的位置以及容器之间的嵌套关系。

在步骤S330，将应用添加到容器页面。

由此，搭建好的容器页面中容器具有预定的位置关系和/或嵌套关系。用户可以将选取和/或配置好的应用添加到容器页面上的对应的容器中。其中，用户在将选取和/或配置好的应用添加到容器页面中时，对于同一应用，用户可以将其重复添加到容器页面。

在本公开中，为用户提供的容器库可以包括多种具有不同属性的容器。例如，容器库中的容器可以分为块容器(block)、行内块容器(inline-block)以及栅格化容器(row&col)。块容器占据一行，行内块容器可以单行并列设置，即一行可以并列设置多个行内块容器，栅格化容器为占据预定行数和列数的容器。块容器(block)、行内块容器(inline-block)以及栅格化容器(row&col)的尺寸(宽度和高度)均可以由用户根据实际需求设定。

并且，不同容器之间可以互相嵌套。例如，块容器内可以嵌套一个或多个块容器和/或行内块容器，行内块容器内也可以嵌套一个或多个块容器和/或行内块容器。另外，还可以有其它多种嵌套示例，对此本公开不做限定。

需要说明的是，用户可以在搭建容器页面的过程中，实时将应用添加到相应的容器中，也可以在容器页面搭建完毕后，再将应用添加到相应的容器中。对此，本公开不做限定。另外，在将应用添加到容器页面中后，用户还可以对应用在容器页面中的布局进行调整。例如，可以对应用在容器页面中的位置和/或尺寸进行调整。

在步骤S340，为容器页面中的应用配置交互逻辑关系，以生成新应用。

为了简化交互逻辑的配置操作，用户可以基于可视化逻辑树，配置交互逻辑关系。可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。可视化逻辑树中的节点可以表征应用，应用间的交互逻辑关系可以由节点间的连线表征。其中，不同的交互逻辑关系可以以不同的方式表征，例如可以用不同线条表征不同的交互逻辑关系。需要说明的是，在能够表征应用间的交互逻辑关系的基础上，可视化逻辑树可以有多种展示形式，对此本公开不做限定。

在生成新应用后，用户可以将新应用发布到线上，也可以将新应用作为新的应用添加到应用库。

作为示例，应用库可以以应用商店的形式存在，用户在配置应用时，可以从应用商店选取并购买应用。用户最终配置好的应用可以作为商品添加到应用商店，供其他用户选取。并且，用户在将配置好的应用添加到应用商店时，还可以对商品进行明码标价。如此，在丰富了应用商店中的应用的同时，可以提高用户的应用搭建热情，并为用户创造收益。

应用例

下面结合图4A至图4G就客户端使用本公开的应用生成方案实现应用搭建的流程进行示例性说明。

如图4A所示，用户可以首先从应用商店选取应用。例如，用户可以选取按钮、导航头部、表格、折线图等应用，并添加到仓库，此处述及的仓库用于存放或展示用户所选取的应用。图4B所示的页面即可以视为仓库，用户选取的应用可以展示在该页面内，如图4B所示，可以以列表的形式展示用户所选取的应用。

然后用户可以对选取的应用的属性进行配置，将其配置为所需的样式。如可以对应用的数据、参数、颜色等属性进行配置。作为示例，用户可以将导航头部背景配置为黑色，也可以为折线图这一应用添加数据。如图4C右下角所示，在用户对应用进行配置时，还可以为用户提供应用的一种或多种推荐配置，方便用户操作。

在对仓库中应用的属性进行配置后，用户可以继续配置用于体现页面布局的容器页面，然后把仓库中的应用添加到容器页面中对应的容器内。例如，可以将导航头部这一应用添加在容器页面中最上边的容器内，可以将折线图这一应用添加到容器页面中下面的容器内。如图4D所示，可以为用户提供块容器、行内块容器以及栅格化容器等多种类型的容器，用户可以根据搭建需求，选择不同类型的容器来搭建容器页面。并且，在搭建容器页面的过程中，容器之间可以互相嵌套。例如，图4D中第二行可以看作一个块容器内从左到右嵌套三个行内块容器。其中，最左边的行内块容器内嵌套一个块容器，中间的行内块容器内嵌套两个块容器，最右边的行内块容器内嵌套一个块容器。

在搭建容器页面的过程中，或者在搭建容器页面完毕后，可以将应用添加到对应的容器内。并且还可以对应用在容器内的布局进行调整。在将应用添加到容器页面后，可以对应用的交互逻辑关系进行配置。例如，用户可以给按钮这一应用添加点击事件，用于触发折线图这一应用刷新数据。如图4E和图4F所示，在配置交互逻辑关系的过程中，用户可以在当前布局与逻辑树之间进行切换，当切换到当前布局(图4E)的情况下，可以对交互逻辑关系进行配置，例如可以添加、删除或修改交互逻辑。当切换到逻辑树(图4F)的情况下，用户可以通过展示的可视化逻辑树，直观生动地查看当前配置好的交互逻辑关系。如此，用户可以通过在当前布局和逻辑树之间进行切换，实时了解当前的交互逻辑关系，并对交互逻辑进行配置。

在以上步骤都执行完毕后，用户可以发布新应用到应用商店，也可以部署新应用上线。例如，用户可以选择导航头部和按钮应用发布一个带按钮控制功能的导航头部应用，将其添加到应用商店。如图4G所示，用户也可以将多个满足用户需求的应用搭建成完整页面并部署上线。

图5是示出了根据本发明一实施例的应用生成装置的结构的示意性方框图。其中，此处述及的应用搭建装置可以实现为服务器端的装置，可以用于为用户提供应用搭建服务，例如应用搭建平台。应用搭建装置的功能模块可以由实现本发明原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是，图5所描述的功能模块可以组合起来或者划分成子模块，从而实现上述发明的原理。因此，本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。

下面就应用搭建装置可以具有的功能模块以及各功能模块可以执行的操作做简要说明，对于其中涉及的细节部分可以参见上文结合图2的描述，这里不再赘述。

如图5所示，应用生成装置500包括应用确定模块510、位置获取模块520、交互逻辑获取模块530以及应用生成模块540。

应用确定模块510用于确定被选中的一个或多个应用。位置获取模块520用于获得应用在容器页面的位置。其中，位置获取模块520可以响应于用户针对应用执行的布局操作，确定应用在容器页面的位置。交互逻辑获取模块530用于获得应用的交互逻辑关系。应用生成模块540用于基于位置和交互逻辑关系，生成新应用。

如图5所示，应用生成装置500可以可选地包括图中虚线框所示的容器库提供模块550和容器页面配置模块560。

容器库提供模块550用于提供容器库，所述容器库包括多个可供用户选取的容器。容器页面配置模块560用于基于用户针对从容器库选取的容器执行的布局操作，在容器页面中配置一个或多个容器，以搭建相应的容器页面。其中，容器页面包括一个或多个容器，以便用户将选取和/或配置好的应用添加到对应的容器中。并且，容器页面中的容器具有预定的位置关系和/或嵌套关系。

如图5所示，应用生成装置500还可以可选地包括图中虚线框所示的属性配置模块570。属性配置模块570用于响应于用户针对所选取的应用执行的配置操作，对应用的属性进行配置。

如图5所示，应用生成装置500还可以可选地包括图中虚线框所示的应用库提供模块580和/或上传接口提供模块590。

应用库提供模块580用于提供应用库，应用库包括多个可供选取的应用。上传接口提供模块590用于提供应用上传接口，以便用户通过应用上传接口上传应用。其中，被选中的一个或多个应用可以包括：从应用库选取的应用；和/或通过应用上传接口上传的应用。

如图5所示，应用生成装置500还可以可选地包括图中虚线框所示的添加模块591和/或发布模块593。

添加模块560用于响应于用户的第一指令，将所述新应用作为新的应用添加到所述应用库。发布模块593用于响应于用户的第二指令，发布所述新应用。

如图5所示，应用生成装置500可以可选地包括图中虚线框所示的统计模块595，用于统计被选中的应用的选取数量，以便基于选取数量进行收费。

如图5所示，应用生成装置500可以可选地包括图中虚线框所示的逻辑树展示模块597，用于向用户展示可视化逻辑树，所述可视化逻辑树用于展示当前容器页面中应用的交互逻辑。

图6是示出了根据本公开另一实施例的应用生成装置的结构的示意性方框图。其中，此处述及的应用生成装置可以实现为客户端装置，应用生成装置的功能模块可以由实现本发明原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是，图6所描述的功能模块可以组合起来或者划分成子模块，从而实现上述发明的原理。因此，本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。

下面就应用生成装置可以具有的功能模块以及各功能模块可以执行的操作做简要说明，对于其中涉及的细节部分可以参见上文结合图3的描述，这里不再赘述。

如图6所示，应用生成装置600包括应用选取模块610、容器页面配置模块620、应用添加模块630以及交互逻辑配置模块640。

应用选取模块610用于选取一个或多个应用。

容器页面配置模块620用于配置容器页面，容器页面包括一个或多个容器，容器用于承载所选取的应用。作为示例，容器页面配置模块620可以包括图中虚线框所示的容器选取模块621和容器布局调整模块623。容器选取模块621用于从容器库选取一个或多个容器。容器布局调整模块623用于调整所选取的容器在容器页面中的布局，其中，容器页面中的容器具有预定的位置关系和/或嵌套关系。

应用添加模块630用于将应用添加到容器页面。交互逻辑配置模块640用于为容器页面中的应用配置交互逻辑关系，以生成新应用。其中，交互逻辑配置模块640可以基于可视化逻辑树，配置交互逻辑关系，可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

如图6所示，应用生成装置600还可以包括图中虚线框所示的应用属性配置模块650和/或应用布局调整模块660。应用属性配置模块650用于对应用的属性进行配置。应用布局调整模块660用于对应用在容器页面中的布局进行调整。

如图6所示，应用生成装置600还可以包括图中虚线框所示的应用库添加模块670和/或发布模块680。应用库添加模块670用于将所述新应用添加到所述应用库。发布模块680用于发布所述新应用，如可以将新应用作为页面应用发布到线上。

如图6所示，应用搭建装置600还可以包括图中虚线框所示的上传模块680。上传模块680用于通过应用上传接口上传新的应用，所述添加模块620还用于将所述新的应用添加到所述容器页面。

如图6所示，应用搭建装置600还可以包括图中虚线框所示的容器选取模块690和容器页面搭建模块695。容器选取模块690用于从容器库中选取容器。容器页面搭建模块695用于基于选取的容器搭建所述容器页面，其中，所述容器页面包括一个或多个容器，容器页面中的容器具有预定的位置关系和/或嵌套关系。

图7示出了根据本公开一实施例可用于实现上述应用搭建方法的数据处理的计算设备的结构示意图。

参见图7，计算设备700包括存储器710和处理器720。

处理器720可以是一个多核的处理器，也可以包含多个处理器。在一些实施例中，处理器720可以包含一个通用的主处理器以及一个或多个特殊的协处理器，例如图形处理器(GPU)、数字信号处理器(DSP)等等。在一些实施例中，处理器720可以使用定制的电路实现，例如特定用途集成电路(ASIC，Application Specific Integrated Circuit)或者现场可编程逻辑门阵列(FPGA，Field Programmable Gate Arrays)。

存储器710可以包括各种类型的存储单元，例如系统内存、只读存储器(ROM)，和永久存储装置。其中，ROM可以存储处理器720或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中，永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中，永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。系统内存可以是可读写存储设备或者易失性可读写存储设备，例如动态随机访问内存。系统内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外，存储器710可以包括任意计算机可读存储媒介的组合，包括各种类型的半导体存储芯片(DRAM，SRAM，SDRAM，闪存，可编程只读存储器)，磁盘和/或光盘也可以采用。在一些实施方式中，存储器1010可以包括可读和/或写的可移除的存储设备，例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM，双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。

存储器710上存储有可处理代码，当可处理代码被处理器720处理时，可以使处理器720执行上文述及的应用搭建方法。

与现有技术相比，本公开至少能够产生如下有益效果。

1、传统方案配置搭建不能拆分开去完成，复杂度高。而本公开的方案可以把配置流畅拆分成应用选取、配置，容器配置，交互逻辑配置三个步骤，大大降低页面配置复杂度，提升用户体验。

2、传统的方案依赖现有组件，用户不能自由拼装出新的组件发布。而本公开方案支持所有网上资源包、UI库的引入，其可以以“零件”方式上传，并且支持用户二度拼装发布“新商品”，自由度、灵活度大大提升。

3、本公开可以根据用户针对容器页面中的应用配置的交互逻辑，(实时)生成可视化逻辑树，让交互逻辑所见所得、通俗易懂。并且，容器配置可多层嵌套，容器可添加任何应用，解决了传统方案可视化不能多层嵌套某一应用的问题。

综上，本公开可以实现为一种可视化地应用搭建平台。基于本公开的应用搭建平台，用户就算不懂技术，也能通过简单的操作“买买买”、“搭搭搭”的方式完成应用配置。由此，用户可以通过搭建平台去配置自己想要的业务内容，从而减少用户提简单业务需求给前端，满足用户需求的同时，减少了前端的业务量，节约了人力、时间成本。

上文中已经参考附图详细描述了根据本发明的应用生成方法、装置以及计算设备。

此外，根据本发明的方法还可以实现为一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。

或者，本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质)，其上存储有可执行代码(或计算机程序、或计算机指令代码)，当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时，使所述处理器执行根据本发明的上述方法的各个步骤。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (22)

1.一种应用生成方法，其特征在于，包括：

确定被选中的一个或多个应用；

获得所述应用在容器页面的位置；

获得所述应用的交互逻辑关系；以及

基于所述位置和所述交互逻辑关系，生成新应用。

2.根据权利要求1所述的应用生成方法，其特征在于，还包括：

提供容器库，所述容器库包括多个可供选取的容器；以及

基于用户针对从所述容器库选取的容器执行的布局操作，在所述容器页面中配置一个或多个容器，其中，所述容器用于承载所述应用。

3.根据权利要求2所述的应用生成方法，其特征在于，

所述容器页面中的容器具有预定的位置关系和/或嵌套关系。

4.根据权利要求1所述的应用生成方法，其特征在于，所述获得应用在容器页面的位置的步骤包括：

响应于用户针对所述应用执行的布局操作，确定所述应用在所述容器页面的位置。

5.根据权利要求1所述的应用生成方法，其特征在于，还包括：

响应于用户针对所述应用执行的配置操作，对所述应用的属性进行配置。

6.根据权利要求1所述的应用生成方法，其特征在于，还包括：

提供应用库，所述应用库包括多个可供选取的应用；以及/或者

提供应用上传接口，以便用户通过所述应用上传接口上传应用。

7.根据权利要求6所述的应用生成方法，其特征在于，所述被选中的一个或多个应用包括：

从所述应用库选取的应用；和/或

通过所述应用上传接口上传的应用。

8.根据权利要求1所述的应用生成方法，其特征在于，还包括：

响应于用户的第一指令，将所述新应用添加到所述应用库；以及/或者

响应于用户的第二指令，发布所述新应用。

9.根据权利要求1所述的应用生成方法，其特征在于，

允许将同一应用重复添加到所述容器页面。

10.根据权利要求1所述的应用生成方法，其特征在于，还包括：

统计被选中的应用的选取数量，以便基于所述选取数量进行收费。

11.根据权利要求1所述的应用生成方法，其特征在于，还包括：

展示可视化逻辑树，所述可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

12.一种应用生成方法，其特征在于，包括：

选取一个或多个应用；

配置容器页面，所述容器页面包括一个或多个容器，所述容器用于承载所选取的应用；

将所述应用添加到所述容器页面；以及

为所述容器页面中的应用配置交互逻辑关系，以生成新应用。

13.根据权利要求12所述的应用生成方法，其特征在于，还包括：

对所述应用的属性进行配置；以及/或者

对所述应用在所述容器页面中的布局进行调整。

14.根据权利要求12所述的应用生成方法，其特征在于，还包括：

将所述新应用添加到应用库；以及/或者

发布所述新应用。

15.根据权利要求12所述的应用生成方法，其特征在于，所述应用包括：

从应用库选取的应用；和/或

通过应用上传接口上传的应用。

16.根据权利要求12所述的应用生成方法，其特征在于，所述配置容器页面的步骤包括：

从容器库选取一个或多个容器；以及

调整所选取的容器在所述容器页面中的布局，其中，所述容器页面中的容器具有预定的位置关系和/或嵌套关系。

17.根据权利要求12所述的应用生成方法，其特征在于，所述将应用添加到容器页面的步骤还包括：

将同一应用重复添加到所述容器页面。

18.根据权利要求12所述的应用生成方法，其特征在于，所述为容器页面中的应用配置交互逻辑关系的步骤包括：

基于可视化逻辑树，配置所述交互逻辑关系，其中，所述可视化逻辑树用于展示当前容器页面中应用的交互逻辑关系。

19.一种应用生成装置，其特征在于，包括：

应用确定模块，用于确定被选中的一个或多个应用；

位置获取模块，用于获得所述应用在容器页面的位置；

交互逻辑获取模块，用于获得所述应用的交互逻辑关系；以及

应用生成模块，用于基于所述位置和所述交互逻辑关系，生成新应用。

20.一种应用生成装置，其特征在于，包括：

应用选取模块，用于选取一个或多个应用；

容器页面配置模块，用于配置容器页面，所述容器页面包括一个或多个容器，所述容器用于承载所选取的应用；

应用添加模块，用于将所述应用添加到所述容器页面；以及

交互逻辑配置模块，用于为所述容器页面中的应用配置交互逻辑关系，以生成新应用。

21.一种计算设备，包括：

处理器；以及

存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1至18中任何一项所述的方法。

22.一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如权利要求1至18中任一项所述的方法。