CN112230910B - 嵌入型程序的页面生成方法、装置、设备及存储介质 - Google Patents

Abstract

本发明公开了一种嵌入型程序的页面生成方法、装置、设备及存储介质，属于计算机技术领域。本发明通过检测对至少一个可视化组件的触发操作，确定嵌入型程序的页面布局，根据对各个可视化组件的编辑操作，获取各个可视化组件的关联信息，基于嵌入型程序的页面布局，以及页面中各个可视化组件的关联信息，生成嵌入型程序的显示页面，在这种嵌入型程序的页面生成方式中，用户无需像以往一样在集成开发环境中编写大量代码，只需要对各个可视化组件进行组合，并为各个可视化组件关联信息即可，大大降低了生成嵌入型程序的难度，提高了嵌入型程序的生成效率。

Description

嵌入型程序的页面生成方法、装置、设备及存储介质

技术领域

本发明涉及计算机技术领域，特别涉及一种嵌入型程序的页面生成方法、装置、设备及存储介质。

背景技术

随着互联网技术的发展以及智能终端的普及，越来越多的应用程序开始面向用户，嵌入型程序可以依托于这些应用程序运行，且因其轻量、便捷的特点，受到广泛关注。嵌入型程序在使用时无需单独下载和安装，不会占用过多的系统内存，用户只需通过应用程序进行扫码等简单操作，即可打开该应用程序中的嵌入型程序，例如，微信小程序就是一种嵌入型程序，用户在使用时可以通过微信直接打开小程序。

目前，嵌入型程序的开发属于一种专业技能，在嵌入型程序的页面生成过程中，需要专业的开发人员在集成开发环境中编写代码，并对代码进行多次调试，但是代码编写的学习成本较高，且人工编写代码的效率较低，这就导致了生成一个嵌入型程序的难度较大，效率较低。

发明内容

本发明实施例提供了一种嵌入型程序的页面生成方法、装置、设备及存储介质，可以解决相关技术中嵌入型程序的页面生成效率低的问题。该技术方案如下：

一方面，提供了一种嵌入型程序的页面生成方法，该方法包括：

显示编辑页面，该编辑页面包括多个可视化组件和页面编辑区域，一个可视化组件对应于一个页面显示单元；

根据该页面编辑区域上对该多个可视化组件中至少一个可视化组件的触发操作，确定该至少一个可视化组件的页面位置信息；

根据对该至少一个可视化组件的编辑操作，获取该至少一个可视化组件的关联信息；

基于该至少一个可视化组件的页面位置信息以及该至少一个可视化组件的关联信息，生成一个目标嵌入型程序的显示页面。

一方面，提供了一种嵌入型程序的页面生成装置，该装置包括：

显示模块，用于显示编辑页面，该编辑页面包括多个可视化组件和页面编辑区域，一个可视化组件对应于一个页面显示单元；

确定模型，用于根据该页面编辑区域上对该多个可视化组件中至少一个可视化组件的触发操作，确定该至少一个可视化组件的页面位置信息；

关联信息获取模块，用于根据对该至少一个可视化组件的编辑操作，获取该至少一个可视化组件的关联信息；

页面生成模块，用于基于该至少一个可视化组件的页面位置信息以及该至少一个可视化组件的关联信息，生成一个目标嵌入型程序的显示页面。

在一种可能实现方式中，该确定模块用于：

将该至少一个可视化组件的触发操作在该页面编辑区域中的页面区域上的结束位置，确定为该至少一个可视化组件的页面位置信息。

在一种可能实现方式中，该页面位置信息是指下述任一种位置信息：

该至少一个可视化组件相对于页面区域边界的距离；

该至少一个可视化组件相对于除自身以外的任一个可视化组件的距离。

在一种可能实现方式中，该装置还包括：

程序生成模块，用于基于多个显示页面以及该多个显示页面之间的页面切换关系，生成目标嵌入型程序。

一方面，提供了一种计算机设备，该计算机设备包括一个或多个处理器和一个或多个存储器，该一个或多个存储器中存储有至少一条程序代码，该至少一条程序代码由该一个或多个处理器加载并执行以实现该嵌入型程序的页面生成方法所执行的操作。

一方面，提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条程序代码，该至少一条程序代码由处理器加载并执行以实现该嵌入型程序的页面生成方法所执行的操作。

本发明实施例提供的技术方案，通过检测对至少一个可视化组件的触发操作，确定嵌入型程序的页面布局，根据对各个可视化组件的编辑操作，获取各个可视化组件的关联信息，基于嵌入型程序的页面布局，以及页面中各个可视化组件的关联信息，生成嵌入型程序的显示页面，在这种嵌入型程序的页面生成方式中，用户无需像以往一样在集成开发环境中编写大量代码，只需要对各个可视化组件进行组合，并为各个可视化组件关联信息即可，大大降低了生成嵌入型程序的难度，提高了嵌入型程序的生成效率。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种嵌入型程序的页面生成方法的实施环境示意图；

图2是本发明实施例提供的一种嵌入型程序的页面生成方法的流程图；

图3是本发明实施例提供的一种编辑页面的示意图；

图4是本发明实施例提供的一种编辑选项的具体显示形式示意图；

图5是本发明实施例提供的一种响应事件绑定页面的示意图；

图6是本发明实施例提供的一种数据绑定页面的示意图；

图7是本发明实施例提供的一种组件样式信息修改页面的示意图；

图8是本发明实施例提供的一种页面切换关系示意图；

图9是本发明实施例提供的一种嵌入型程序的页面生成装置的结构示意图；

图10是本发明实施例提供的一种终端的结构示意图；

图11是本发明实施例提供的一种服务器的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

为了便于理解本发明实施例的技术过程，下面对本发明实施例所涉及的一些名词进行解释：

嵌入型程序：是一种不需要下载和安装即可使用的应用程序，嵌入型程序基于特定的编程语言开发完成，可以依托于其他应用平台而运行，例如，微信小程序等。

图1是本发明实施例提供的一种嵌入型程序的页面生成方法的实施环境示意图，参见图1，该实施环境中包括至少一个第一终端101和至少一个第二终端102。该至少一个第一终端101可以安装和运行有用于生成嵌入型程序的应用程序，以执行嵌入型程序的页面生成步骤，该至少一个第二终端102可以安装有该嵌入型程序的运行环境，以确保该嵌入型程序可以在该至少一个第二终端102中正常运行。上述第一终端101和第二终端102可以为平板电脑、智能手机等设备，本发明实施例对此不做限定。

当然，该实施环境中还可以包括至少一个服务器103，该至少一个服务器103可以用于提供嵌入型程序发布等服务。该至少一个第一终端101、该至少一个第二终端102以及该至少一个服务器103之间可以通过有线网络或无线网络相连，以确保各个终端和服务器103之间可以进行数据传输。当用户使用第一终端101生成嵌入型程序后，可以将该嵌入型程序的代码文件发送至服务器103，用户可以使用第二终端102从服务器103中获取该嵌入型程序，使该嵌入型程序可以在该第二终端102运行，以便用户预览或使用该嵌入型程序。该至少一个服务器103可以为云计算平台等设备，本发明实施例对此不做限定。

图2是本发明实施例提供的一种嵌入型程序的页面生成方法的流程图，该方法可以应用于上述终端或者服务器，而终端和服务器均可以视为一种计算机设备，因此，本发明实施例基于计算机设备作为执行主体来进行介绍，参见图2，该方法具体可以包括以下步骤：

201、第一终端显示编辑页面，该编辑页面包括多个可视化组件和页面编辑区域，一个可视化组件对应于一个页面显示单元。

在本发明实施例中，该第一终端可以安装和运行有用于生成嵌入型程序的应用程序，该应用程序可以包括编辑页面，该编辑页面可以用于提供嵌入型程序的可视化编辑功能，具体地，该编辑页面中可以包括多个可视化组件和页面编辑区域，用户可以在该页面编辑区域中创建嵌入型程序的多个初始页面，并应用可视化组件完成对初始页面的布局。其中，该多个可视化组件可以包括搜索组件、图像组件、文本组件、列表组件等嵌入型程序中的常用组件。该初始页面的大小可以为默认尺寸，也可以为用户自定义的尺寸，在通常情况下，该初始页面的大小可以设置为与第二终端页面大小相同，以便基于该初始页面生成的嵌入型程序的显示页面可以在该第二终端上进行预览。

图3是本发明实施例提供的一种编辑页面的示意图，参见图3，该编辑页面301中可以包括多个可视化组件302和页面编辑区域303，该页面编辑区域303中可以显示用户创建的初始页面304，用户在该编辑页面301中选择任一个可视化组件，将该可视化组件拖拽至该初始页面304中，以完成对该初始页面的布局。该第一终端可以对该页面编辑区域中用户操作进行检测，获取页面编辑区域中创建的多个初始页面信息，以及各个初始页面中包含的可视化组件信息，以执行后续的嵌入型程序生成步骤。

上述通过可视化组件对初始页面进行布局的方式，可以避免用户编写大量代码，使嵌入型程序的页面布局过程变得更加简单、快捷，提高了嵌入型程序的页面生成效率。

202、该第一终端根据该页面编辑区域上对该多个可视化组件中至少一个可视化组件的触发操作，确定该至少一个可视化组件的页面位置信息。

在本发明实施例中，对该初始页面中的至少一个可视化组件的位置调整，可以通过触发操作实现，该触发操作可以为拖拽操作、点击操作、长按操作等，本发明实施例对此不做限定。该第一终端可以将该至少一个可视化组件的触发操作在该页面编辑区域中的页面区域上的结束位置，确定为该至少一个可视化组件的页面位置信息。在一种可能实现方式中，该第一终端可以检测用户对该至少一个可视化组件的触发操作，当检测到用户对任一个可视化组件的一次触发操作结束时，该第一终端可以对该可视化组件是否还在该初始页面所指示的页面区域中进行判断，如果该第一终端检测到该可视化组件在该页面区域中时，则获取该可视化组件的当前位置信息作为页面位置信息，该第一终端检测到该可视化组件不在该页面区域中时，则确定该可视化组件从该初始页面中删除，该第一终端无需获取该可视化组件的位置信息。

其中，该至少一个可视化组件在该初始页面上的页面位置信息可以为该至少一个可视化组件相对于页面区域边界的距离，也可以为该至少一个可视化组件相对于除自身以外的任一个可视化组件的距离。本发明实施例对具体采用哪种距离对可视化组件的页面位置信息进行标记不做限定。

203、该第一终端根据对该至少一个可视化组件的编辑操作，获取该至少一个可视化组件的关联信息。

该第一终端检测到初始页面创建完成，以及获取到该初始页面中包含的至少一个可视化组件信息后，还需对该至少一个可视化组件进行信息关联，该第一终端可以基于各个可视化组件的关联信息，将该初始页面由只能进行信息显示的静态页面，转换为可以进行数据交互的动态页面。在一种可能实现方式中，上述过程具体可以包括以下步骤：

步骤一、该第一终端检测到对该至少一个可视化组件的编辑操作时，触发编辑指令。

当用户对任一可视化组件进行编辑操作时，触发编辑指令，该第一终端可以基于该编辑指令，对该可视化组件进行编辑，其中，该编辑指令可以用于指示该第一终端对该至少一个可视化组件进行信息关联，例如，数据绑定、事件绑定等。在本发明实施例中，该编辑指令可以由该第一终端检测到的目标手势操作触发。其中，该目标操作手势可以为任一种手势操作，该目标手势操作可以由开发人员进行设置，例如，该目标手势操作可以为对待编辑的可视化组件的点击操作，或对该待编辑的可视化组件的长按操作，当该第一终端在任一可视化组件的显示区域检测到目标手势操作时，则触发对该显示区域中的可视化组件的编辑指令。

步骤二、该第一终端接收到对任一可视化组件的编辑指令后，可以在第一目标区域显示至少一个编辑选项，该至少一个编辑选项可以为属性设置控件、数据绑定控件、事件绑定控件、属性设置控件等。

其中，该第一目标显示区域可以由开发人员进行设置，例如，图4是本发明实施例提供的一种编辑选项的具体显示形式示意图，该第一目标区域401可以在该初始页面402的右侧，该第一目标区域401中可以显示有多个编辑选项，用户可以通过各个编辑选项，对可视化组件进行信息关联等操作。

步骤三、该第一终端可以基于检测到对任一个编辑选项的点击操作，确定可视化组件所关联的信息。

在一种可能实现方式中，该第一终端检测到对任一个编辑选项的点击操作后，可以在第二目标区域显示该编辑选项所对应的具体编辑内容，该第二目标显示区域可以由开发人员进行设置，该第一终端可以获取该第二目标区域中的数据，来确定该可视化组件所关联的信息。具体地，以获取该可视化组件所绑定的响应事件和该可视化组件所绑定的数据为例，对上述过程进行说明：

该第一终端可以获取该至少一个可视化组件所绑定的响应事件，该响应事件用于定义当该至少一个可视化组件对应的页面显示单元在被触发时所执行的数据处理步骤。例如，图5是本发明实施例提供的一种响应事件绑定页面的示意图，该第一终端获取到对该初始页面501中的一个可视化组件502的编辑指令后，在第一目标区域503中显示多个编辑选项，该第一终端检测到对事件绑定控件504的点击操作后，在第二目标区域505中显示该可视化组件502可以绑定的至少一个响应事件，用户可以通过点击操作选择该可视化组件502所绑定的响应事件，该第一终端检测到用户在该第二目标区域505的点击操作后，将被点击区域所对应的响应事件作为该可视化控件502所绑定的响应事件。

该第一终端可以获取该至少一个可视化组件所绑定的数据，在一种可能实现方式中，首先，该第一终端可以检测用户对任一个可视化组件的数据绑定操作，然后，该第一终端根据对该可视化组件的数据绑定操作，获取该可视化组件所对应的数据列表，该数据列表中包括至少一列数据，例如，该可视化组件可以为列表组件等，需要说明的是，该数据列表中所包含数据的数据类型，要与该可视化组件中所包含数据元素的数据类型一致，最后，该第一终端可以基于该对该可视化组件的数据绑定操作以及该数据列表，获取该可视化组件中至少一个数据元素与该数据列表中至少一列数据之间的绑定关系。例如，图6是本发明实施例提供的一种数据绑定页面的示意图，该第一终端获取到对该初始页面601中的可视化组件602的编辑指令后，在第一目标区域603中显示多个编辑选项，该第一终端检测到对数据绑定控件604的点击操作后，在第二目标区域605中显示该可视化组件602可以绑定的至少一个数据列表，用户可以通过点击操作选择该可视化组件602所绑定的数据列表，以及该可视化组件中各个数据元素所绑定的一列数据，该第一终端可以基于用户在该第二目标区域605的点击操作，获取该可视化组件所绑定的数据。需要说明的是，上述数据绑定方式的说明仅是一种数据绑定方式的示例性介绍，本发明实施例对具体采用哪种数据绑定方式不做限定。

当然，该第一终端还可以根据对该至少一个可视化组件的样式编辑操作，获取该至少一个可视化组件的样式信息。图7是本发明实施例提供的一种组件样式信息修改页面的示意图，以按钮组件为例，该第一终端获取到对该按钮组件701的编辑指令后，在第一目标区域702中显示多个编辑选项，该第一终端检测到对属性设置控件703的点击操作后，在第二目标区域704中显示该按钮组件701的样式信息，用户可以通过点击操作或文本输入操作对该按钮组件701的样式进行修改，该第一终端检测到用户在该第二目标区域704的点击操作或文本输入操作后，获取该第二目标区域704中的多个数据，即该按钮组件701的样式信息。

在本发明实施例中，采用先获可视化组件在初始页面上的页面位置信息，再获可视化组件的关联信息的执行顺序进行描述，但是在一些实施例中，还可以先获取可视化组件的关联信息，再获可视化组件在初始页面上的页面位置信息，或者两个步骤同时进行，本发明实施例对此不做具体限定。

204、该第一终端基于该至少一个可视化组件的页面位置信息以及该至少一个可视化组件的关联信息，生成一个目标嵌入型程序的显示页面。

在一种可能实现方式中，上述过程具体可以包括以下步骤：

步骤一、该第一终端可以基于该至少一个可视化组件的页面位置信息以及该至少一个可视化组件的关联信息，生成目标嵌入型程序的初始程序代码。

具体地，该第一终端可以基于该初始页面中的至少一个可视化组件的生成该初始页面的页面布局代码，获取该至少一个可视化组件的关联信息，将一个可视化组件的关联信息所对应的程序代码，与该一个可视化组件建立链接，该第一终端可以基于该页面布局代码和关联信息对应的程序代码，生成该目标嵌入型程序的显示页面的初始程序代码。

步骤二、该第一终端可以基于预设语法规则，对该初始程序代码进行修正，生成目标程序代码。例如，该第一终端可以对该初始程序代码中的语法错误进行修改，并将该初始程序代码补充完整，生成可以在移动端设备中正常运行的目标程序代码。其中，该预设语法规则可以由开发人员进行设置。

步骤三、该第一终端可以基于该目标程序代码，生成一个目标嵌入型程序的显示页面。

在上述目标嵌入型程序的显示页面生成过程中，采用可视化的方式帮助用户完成页面布局和信息关联的步骤，尽力做到“所见即所得”，使用户可以通过简单的手势交互达到目标，避免用户编写大量代码，使用户可以通过简单的拖拽手势完成嵌入型程序的视觉布局、数据绑定、逻辑编排等步骤。

205、该第一终端基于多个显示页面以及该多个显示页面之间的页面切换关系，生成目标嵌入型程序。

其中，该多个显示页面之间的页面切换关系，可以基于对各个显示页面中可视化组件的编辑操作确定，也可以基于对各个显示页面所对应的初始页面的编辑操作确定。具体地，以可视化组件为例，对上述页面切换关系的确定过程进行说明，该第一终端可以检测用户对可视化组件的响应事件绑定操作，当检测到用户对该可视化组件绑定页面切换事件时，该第一终端可以获取用户输入或选择的目标页面的页面名称或页面标识，使该目标页面与该可视化组件之间建立链接，当检测到对该可视化控件的点击操作时，可以跳转至该目标页面。其中，该页面名称和页面标识均可以用于唯一的指示一个目标页面。参见图8，图8是本发明实施例提供的一种页面切换关系示意图，图8中的(a)图是一种绑定页面切换事件的示意图，(b)图是一种页面切换事件绑定完成的示意图，该第一终端检测到用户对可视化组件801绑定页面切换事件时，可以获取用户输入的目标页面的页面名称802，以及用户指定的触发该页面切换事件的手势操作803，该页面切换事件绑定完成后，可以通过曲线对该可视化组件、该目标页面804与该页面切换事件的触发操作805进行连接。

该第一终端在生成该目标嵌入型程序后，可以将该目标嵌入型程序导出为代码文件，当检测到对预览控件的点击操作后，将该代码文件发送至第二终端进行预览。其中，该第二终端为可以运行该嵌入型程序的任一设备。

当然该第一终端在生成该目标嵌入型程序后，还可以将将该目标嵌入型程序的代码文件发送至服务器，用户可以使用第二终端从服务器中获取该目标嵌入型程序的代码文件，在该第二终端运行该目标嵌入型程序。

本发明实施例提供的技术方案，通过检测对至少一个可视化组件的触发操作，确定嵌入型程序的页面布局，根据对各个可视化组件的编辑操作，获取各个可视化组件的关联信息，基于嵌入型程序的页面布局，以及页面中各个可视化组件的关联信息，生成嵌入型程序的显示页面，在这种嵌入型程序的页面生成方式中，用户无需像以往一样在集成开发环境中编写大量代码，只需要对各个可视化组件进行组合，并为各个可视化组件关联信息即可，大大降低了生成嵌入型程序的难度，提高了嵌入型程序的生成效率。

在本发明实施例中，通过对嵌入型程序的生成过程中使用的基础库进行封装，删除API(Application Programming Interface,应用程序编程接口)中的不常用的参数，把一些不适合在移动端输入的复杂参数简化，例如，将页面的路径改为页面的名称，并且提供代码编辑器，该代码编辑器提供了完善的语法高亮、代码补全等能力，尽可能帮助用户高效的完成工作。

图9是本发明实施例提供的一种嵌入型程序的页面生成装置的结构示意图，参见图9，该装置包括：

显示模块901，用于显示编辑页面，该编辑页面包括多个可视化组件和页面编辑区域，一个可视化组件对应于一个页面显示单元；

确定模型902，用于根据该页面编辑区域上对该多个可视化组件中至少一个可视化组件的拖拽操作，确定该至少一个可视化组件的页面位置信息；

关联信息获取模块903，用于根据对该至少一个可视化组件的编辑操作，获取该至少一个可视化组件的关联信息；

页面生成模块904，用于基于该至少一个可视化组件的页面位置信息以及该至少一个可视化组件的关联信息，生成一个目标嵌入型程序的显示页面。

在一种可能实现方式中，该关联信息获取模块903用于：

获取该至少一个可视化组件所绑定的响应事件，该响应事件用于定义当该至少一个可视化组件对应的页面显示单元在被触发时所执行的数据处理步骤。

在一种可能实现方式中，该关联信息获取模块903用于：

根据对任一可视化组件的数据绑定操作，获取可视化组件所对应的数据列表，该数据列表中包括至少一列数据；

基于该对该可视化组件的数据绑定操作以及该数据列表，获取该可视化组件中至少一个数据元素与该数据列表中至少一列数据之间的绑定关系。

在一种可能实现方式中，该页面生成模块904用于：

基于该至少一个可视化组件的页面位置信息以及该至少一个可视化组件的关联信息，生成目标嵌入型程序的初始程序代码；

基于预设语法规则，对该初始程序代码进行修正，生成目标程序代码；

基于该目标程序代码，生成一个目标嵌入型程序的显示页面。

在一种可能实现方式中，该装置还包括：

样式信息获取模块，用于根据对该至少一个可视化组件的样式编辑操作，获取该至少一个可视化组件的样式信息。

在一种可能实现方式中，该确定模块902用于：

将该至少一个可视化组件的拖拽操作在该页面编辑区域中的页面区域上的结束位置，确定为该至少一个可视化组件的页面位置信息。

在一种可能实现方式中，该页面位置信息是指下述任一种位置信息：

该至少一个可视化组件相对于页面区域边界的距离；

该至少一个可视化组件相对于除自身以外的任一个可视化组件的距离。

在一种可能实现方式中，该装置还包括：

程序生成模块，用于基于多个显示页面以及该多个显示页面之间的页面切换关系，生成目标嵌入型程序。

上述所有可选技术方案，可以采用任意结合形成本发明的可选实施例，在此不再一一赘述。

需要说明的是：上述实施例提供的嵌入型程序的页面生成装置在嵌入型程序的页面生成时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的嵌入型程序的页面生成装置与嵌入型程序的页面生成方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图10是本发明实施例提供的一种终端的结构示意图。该终端1000可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1000还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端1000包括有：一个或多个处理器1001和一个或多个存储器1002。

处理器1001可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器1001可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1001也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器1001可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器1001还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器1002可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1002还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1002中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器1001所执行以实现本发明中方法实施例提供的嵌入型程序的页面生成方法。

在一些实施例中，终端1000还可选包括有：外围设备接口1003和至少一个外围设备。处理器1001、存储器1002和外围设备接口1003之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1003相连。具体地，外围设备包括：射频电路1004、显示屏1005、摄像头组件1006、音频电路1007和电源1009中的至少一种。

外围设备接口1003可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器1001和存储器1002。在一些实施例中，处理器1001、存储器1002和外围设备接口1003被集成在同一芯片或电路板上；在一些其他实施例中，处理器1001、存储器1002和外围设备接口1003中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路1004用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路1004通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1004将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路1004包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1004可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路1004还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本发明对此不加以限定。

显示屏1005用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1005是触摸显示屏时，显示屏1005还具有采集在显示屏1005的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1001进行处理。此时，显示屏1005还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏1005可以为一个，设置终端1000的前面板；在另一些实施例中，显示屏1005可以为至少两个，分别设置在终端1000的不同表面或呈折叠设计；在再一些实施例中，显示屏1005可以是柔性显示屏，设置在终端1000的弯曲表面上或折叠面上。甚至，显示屏1005还可以设置成非矩形的不规则图形，也即异形屏。显示屏1005可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件1006用于采集图像或视频。可选地，摄像头组件1006包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件1006还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路1007可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器1001进行处理，或者输入至射频电路1004以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端1000的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1001或射频电路1004的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路1007还可以包括耳机插孔。

电源1009用于为终端1000中的各个组件进行供电。电源1009可以是交流电、直流电、一次性电池或可充电电池。当电源1009包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端1000还包括有一个或多个传感器1010。该一个或多个传感器1010包括但不限于：加速度传感器1011、陀螺仪传感器1012、压力传感器1013、光学传感器1015以及接近传感器1016。

加速度传感器1011可以检测以终端1000建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器1011可以用于检测重力加速度在三个坐标轴上的分量。处理器1001可以根据加速度传感器1011采集的重力加速度信号，控制显示屏1005以横向视图或纵向视图进行用户界面的显示。加速度传感器1011还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器1012可以检测终端1000的机体方向及转动角度，陀螺仪传感器1012可以与加速度传感器1011协同采集用户对终端1000的3D动作。处理器1001根据陀螺仪传感器1012采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器1013可以设置在终端1000的侧边框和/或显示屏1005的下层。当压力传感器1013设置在终端1000的侧边框时，可以检测用户对终端1000的握持信号，由处理器1001根据压力传感器1013采集的握持信号进行左右手识别或快捷操作。当压力传感器1013设置在显示屏1005的下层时，由处理器1001根据用户对显示屏1005的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

光学传感器1015用于采集环境光强度。在一个实施例中，处理器1001可以根据光学传感器1015采集的环境光强度，控制显示屏1005的显示亮度。具体地，当环境光强度较高时，调高显示屏1005的显示亮度；当环境光强度较低时，调低显示屏1005的显示亮度。在另一个实施例中，处理器1001还可以根据光学传感器1015采集的环境光强度，动态调整摄像头组件1006的拍摄参数。

接近传感器1016，也称距离传感器，通常设置在终端1000的前面板。接近传感器1016用于采集用户与终端1000的正面之间的距离。在一个实施例中，当接近传感器1016检测到用户与终端1000的正面之间的距离逐渐变小时，由处理器1001控制显示屏1005从亮屏状态切换为息屏状态；当接近传感器1016检测到用户与终端1000的正面之间的距离逐渐变大时，由处理器1001控制显示屏1005从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图10中示出的结构并不构成对终端1000的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

图11是本发明实施例提供的一种服务器的结构示意图，该服务器1100可因配置或性能不同而产生比较大的差异，可以包括一个或多个处理器(central processing units，CPU)1101和一个或多个的存储器1102，其中，该一个或多个存储器1102中存储有至少一条程序代码，该至少一条程序代码由该一个或多个处理器1101加载并执行以实现上述各个方法实施例提供的方法。当然，该服务器1100还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器1100还可以包括其他用于实现设备功能的部件，在此不做赘述。

在示例性实施例中，还提供了一种计算机可读存储介质，例如包括指令的存储器，上述指令可由处理器执行以完成上述实施例中的嵌入型程序的页面生成方法。例如，该计算机可读存储介质可以是只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory，RAM)、只读光盘(Compact Disc Read-Only Memory，CD-ROM)、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

上述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种嵌入型程序的页面生成方法，其特征在于，所述方法包括：

显示编辑页面，所述编辑页面包括多个可视化组件和页面编辑区域，一个可视化组件对应于一个页面显示单元；

在所述页面编辑区域中，显示目标嵌入型程序的一个初始页面；

检测对至少一个可视化组件的触发操作，所述触发操作用于调整所述至少一个可视化组件在所述初始页面中的页面位置信息，所述触发操作包括拖拽操作、点击操作、长按操作中的至少一项；

如果检测到对任一个所述可视化组件的触发操作结束时，所述可视化组件在所述初始页面所指示的页面区域中，则获取所述可视化组件的当前位置信息作为页面位置信息；如果检测到所述可视化组件不在所述页面区域中，则确定所述可视化组件从所述初始页面中删除，不获取所述可视化组件的页面位置信息；

在所述初始页面创建完成后，在所述初始页面中的至少一个可视化组件的显示区域检测到目标手势操作时，触发对所述显示区域中的所述可视化组件的编辑指令，所述目标手势操作为点击操作或长按操作，所述编辑指令用于指示对所述至少一个可视化组件进行信息关联；

响应于接收到的对任一可视化组件的编辑指令，在第一目标区域显示至少一个编辑选项，基于检测到对所述编辑选项的点击操作，确定所述任一可视化组件的关联信息，所述关联信息包括所述至少一个可视化组件所绑定的响应事件，所述响应事件用于定义当所述至少一个可视化组件对应的页面显示单元在被触发时所执行的数据处理步骤，所述响应事件包括页面切换事件，所述页面切换事件用于指示在所述至少一个可视化组件与目标页面之间建立链接；

基于所述初始页面中的至少一个可视化组件的页面位置信息生成所述初始页面的页面布局代码，将一个所述可视化组件的关联信息所对应的程序代码，与一个所述可视化组件建立链接，基于所述页面布局代码和所述关联信息对应的程序代码，生成所述目标嵌入型程序的显示页面的初始程序代码；

基于预设语法规则，对所述初始程序代码中的语法错误进行修正，生成目标程序代码，所述目标程序代码为在移动终端设备中正常运行的代码；

基于所述目标程序代码，生成与所述初始页面对应的所述目标嵌入型程序的一个显示页面；

基于多个显示页面以及每个显示页面中的可视化组件绑定的页面切换事件，确定所述多个显示页面之间的页面切换关系，所述页面切换关系用于指示在检测到对绑定所述页面切换事件的可视化组件的点击操作时，跳转到所述多个显示页面中与所述可视化组件建立链接的目标页面；

基于所述多个显示页面以及所述多个显示页面之间的页面切换关系，生成目标嵌入型程序。

2.根据权利要求1所述的方法，其特征在于，所述获取所述至少一个可视化组件的关联信息包括：

根据对任一可视化组件的数据绑定操作，获取可视化组件所对应的数据列表，所述数据列表中包括至少一列数据；

基于对所述可视化组件的数据绑定操作以及所述数据列表，获取所述可视化组件中至少一个数据元素与所述数据列表中至少一列数据之间的绑定关系。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

根据对所述至少一个可视化组件的样式编辑操作，获取所述至少一个可视化组件的样式信息。

4.根据权利要求1所述的方法，其特征在于，所述页面位置信息是指下述任一种位置信息：

所述至少一个可视化组件相对于页面区域边界的距离；

所述至少一个可视化组件相对于除自身以外的任一个可视化组件的距离。

5.一种嵌入型程序的页面生成装置，其特征在于，所述装置包括：

显示模块，用于显示编辑页面，所述编辑页面包括多个可视化组件和页面编辑区域，一个可视化组件对应于一个页面显示单元；在所述页面编辑区域中，显示目标嵌入型程序的一个初始页面；

确定模块，用于检测对至少一个可视化组件的触发操作，所述触发操作用于调整所述至少一个可视化组件在所述初始页面中的页面位置信息，所述触发操作包括拖拽操作、点击操作、长按操作中的至少一项；如果检测到对任一个所述可视化组件的触发操作结束时，所述可视化组件在所述初始页面所指示的页面区域中，则获取所述可视化组件的当前位置信息作为页面位置信息；如果检测到所述可视化组件不在所述页面区域中，则确定所述可视化组件从所述初始页面中删除，不获取所述可视化组件的页面位置信息；

关联信息获取模块，用于在所述初始页面创建完成后，在所述初始页面中的至少一个可视化组件的显示区域检测到目标手势操作时，触发对所述显示区域中的所述可视化组件的编辑指令，所述目标手势操作为点击操作或长按操作，所述编辑指令用于指示对所述至少一个可视化组件进行信息关联；响应于接收到的对任一可视化组件的编辑指令，在第一目标区域显示至少一个编辑选项，基于检测到对所述编辑选项的点击操作，确定所述任一可视化组件的关联信息，所述关联信息包括所述至少一个可视化组件所绑定的响应事件，所述响应事件用于定义当所述至少一个可视化组件对应的页面显示单元在被触发时所执行的数据处理步骤，所述响应事件包括页面切换事件，所述页面切换事件用于指示在所述至少一个可视化组件与目标页面之间建立链接；

页面生成模块，用于基于所述初始页面中的至少一个可视化组件的页面位置信息生成所述初始页面的页面布局代码，将一个所述可视化组件的关联信息所对应的程序代码，与一个所述可视化组件建立链接，基于所述页面布局代码和所述关联信息对应的程序代码，生成所述目标嵌入型程序的显示页面的初始程序代码；基于预设语法规则，对所述初始程序代码中的语法错误进行修正，生成目标程序代码，所述目标程序代码为在移动终端设备中正常运行的代码；基于所述目标程序代码，生成与所述初始页面对应的所述目标嵌入型程序的一个显示页面；基于多个显示页面以及每个显示页面中的可视化组件绑定的页面切换事件，确定所述多个显示页面之间的页面切换关系，所述页面切换关系用于指示在检测到对绑定所述页面切换事件的可视化组件的点击操作时，跳转到所述多个显示页面中与所述可视化组件建立链接的目标页面；基于所述多个显示页面以及所述多个显示页面之间的页面切换关系，生成目标嵌入型程序。

6.根据权利要求5所述的装置，其特征在于，所述关联信息获取模块用于：

根据对任一可视化组件的数据绑定操作，获取可视化组件所对应的数据列表，所述数据列表中包括至少一列数据；

基于对所述可视化组件的数据绑定操作以及所述数据列表，获取所述可视化组件中至少一个数据元素与所述数据列表中至少一列数据之间的绑定关系。

7.根据权利要求5所述的装置，其特征在于，所述装置还包括：

样式信息获取模块，用于根据对所述至少一个可视化组件的样式编辑操作，获取所述至少一个可视化组件的样式信息。

8.根据权利要求5所述的装置，其特征在于，所述页面位置信息是指下述任一种位置信息：

所述至少一个可视化组件相对于页面区域边界的距离；

所述至少一个可视化组件相对于除自身以外的任一个可视化组件的距离。

9.一种计算机设备，其特征在于，所述计算机设备包括一个或多个处理器和一个或多个存储器，所述一个或多个存储器中存储有至少一条程序代码，所述至少一条程序代码由所述一个或多个处理器加载并执行以实现如权利要求1至权利要求4任一项所述的嵌入型程序的页面生成方法所执行的操作。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行以实现如权利要求1至权利要求4任一项所述的嵌入型程序的页面生成方法所执行的操作。