CN115730172A - 页面创建方法、装置、系统和计算机可读存储介质 - Google Patents

Abstract

本发明实施例提供的页面创建方法、装置、系统和计算机可读存储介质，页面创建包含功能页面制作和验收两部分。功能页面制作阶段根据选择操作获得目标组件，根据目标组件构成功能页面，并将功能页面构成页面集合保存在存储空间，以供验收阶段预览并修改功能界面。进入功能页面验收阶段，在验收设备上响应预览操作，获取对应功能页面，并在可视化界面显示，同时根据修改操作对目标页面进行修改，并更新页面集合。本方案通过采用共享功能页面和组件的方式，打通业务流程，从而实现验收流程修改功能页面的功能。进而提升交互原型图页面创建效率，有效解决交互性差的问题。

Description

页面创建方法、装置、系统和计算机可读存储介质

技术领域

本发明涉及信息处理技术领域，具体而言，涉及一种页面创建方法、装置、系统和计算机可读存储介质。

背景技术

随着计算机技术，信息技术和网络技术的飞速发展，为了吸引更多用户的注意，大多数网站和应用软件一直在不断改进产品设计。每一次产品的改进都需要经历产品需求分析、产品设计、产品开发以及产品交付。在产品设计阶段，产品经理使用交互原型图将产品需求转换为可以展示的产品原型，便于产品研发各阶段交流沟通方案细节，同时能够精准体现客户的产品需求。

然而，在现有技术中，交互原型图的制作步骤较为繁琐，往往只能由产品经理独立完成，效率低下，并且构成交互原型组的组件复用性较差，已实现的组件很难应用于其他产品。更重要的是，产品设计阶段交付的交互原型图只能预览，无法修改。如果一旦交互原型图存在不足时，必须返回给产品经理进行修改，交互性非常差。

发明内容

有鉴于此，本发明的目的在于提供一种页面创建方法、装置、系统和计算机可读存储介质，能够支持页面创建的各业务流程都能够快速预览页面，并对页面进行调整修改，有效改善原型图的交互性，进而提升效率。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明提供一种功能页面制作方法，应用于制作设备，所述方法包括：

响应用户的组件的选择操作，在组件集合中确定至少一个目标组件；

由至少一个所述目标组件构成至少一个功能页面；所述功能页面为提供独立功能的页面；

分别显示每个所述功能页面；

将全部所述功能页面构成一个页面集合；

将所述页面集合保存在存储空间，以供验收设备获取所述页面集合中的任意一个所述功能页面进行修改。

在可选的实施方式中，所述响应用户的组件的选择操作，在组件集合中确定至少一个目标组件的步骤，包括：

根据所述选择操作对应的组件标识，在所述组件集合中确定与每个所述组件标识对应的目标组件。

在可选的实施方式中，所述由至少一个所述目标组件构成至少一个功能页面的步骤，包含：

获取业务功能；所述业务功能表征由至少一个组件与至少一个页面构成的页面功能；

将全部所述组件按照业务功能进行分组，得到至少一个所述功能页面。

在可选的实施方式中，所述将全部所述功能页面保存在存储空间的步骤，包括：

分别为每个所述功能页面分配对应的页面标识；

将所述功能页面与对应的所述页面标识保存在存储空间。

第二方面，本发明提供一种功能页面修改方法，应用于验收设备，所述方法包括：

响应用户的页面集合的预览操作，获取所述页面集合；所述页面集合包含至少一个功能页面；

将获得的所述页面集合在可视化界面显示；

响应所述用户在所述可视化界面的修改操作，确定与所述修改操作对应的目标页面；所述目标页面为全部所述功能页面中的一个；

根据所述修改操作对所述目标页面进行修改，得到修改后的所述目标页面，并将修改后的所述目标页面在可视化界面展示；

根据修改后的所述目标页面对所述页面集合进行更新。

在可选的实施方式中，所述响应用户的页面集合的预览操作，获取所述页面集合的步骤，包括：

根据所述页面集合的预览操作包含的页面标识，获取与所述页面标识对应的所述功能页面，所述功能页面为所述页面集合中的至少一个。

在可选的实施方式中，所述将获得的所述页面集合在可视化界面显示的步骤，包括：

响应用户的功能页面选择操作，根据所述功能页面选择操作包含的页面标识，确定与所述页面标识对应的目标页面；

在所述可视化界面显示所述目标页面。

在可选的实施方式中，所述根据所述响应所述用户在所述可视化界面的修改操作，确定与所述修改操作对应的目标页面的步骤，包括：

当所述可视化界面显示所述目标页面，且响应用户在所述可视化界面的修改操作时，确定与所述修改操作对应的目标页面。

在可选的实施方式中，所述根据所述修改操作对所述目标页面进行修改，得到修改后的所述目标页面的步骤，包括：

确认所述修改操作的操作类型；

当所述操作类型为添加组件时，根据所述修改操作包含的组件标识，将与所述组件标识对应的目标组件添加到所述目标页面，得到所述修改后的所述目标页面；

当所述操作类型为删除组件时，根据所述修改操作对应的被选组件，将所述被选组件从所述目标页面中删除，得到所述修改后的所述目标页面；所述被选组件为所述目标页面包含的组件中的一个。

第三方面，本发明提供一种制作设备，包括：获取模块和制作模块；

所述获取模块，用于响应用户的组件的选择操作，在组件集合中确定至少一个目标组件；

所述制作模块，用于由至少一个所述目标组件构成至少一个功能页面；所述功能页面为提供独立功能的页面；分别显示每个所述功能页面；将全部所述功能页面构成一个页面集合；将所述页面集合保存在存储空间，以供验收设备获取所述页面集合中的任意一个所述功能页面进行修改。

第四方面，本发明提供一种验收设备，包括：预览模块和修改模块；

所述预览模块，用于响应用户的页面集合的预览操作，获取所述页面集合；所述页面集合包含至少一个功能页面；将获得的所述页面集合在可视化界面显示；

所述修改模块，用于响应所述用户在所述可视化界面的修改操作，确定与所述修改操作对应的目标页面；所述目标页面为全部所述功能页面中的一个；根据所述修改操作对所述目标页面进行修改，得到修改后的所述目标页面，并将修改后的所述目标页面在可视化界面展示；根据修改后的所述目标页面对所述页面集合进行更新。

第五方面，本发明提供一种页面创建系统，所述系统中包含制作设备和验收设备，所述制作设备和所述验收设备通信连接；所述制作设备用于执行如前述实施方式任一项所述的功能页面制作方法；所述验收设备用于执行如前述实施方式任一项所述的功能页面修改方法。

第六方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如前述实施方式中任一所述的功能页面制作方法或前述实施方式中任一所述的功能页面修改方法。

相对现有技术，本发明实施例提供的页面创建方法、装置、系统和计算机可读存储介质，页面创建包含功能页面制作和验收两部分。功能页面制作阶段根据选择操作获得目标组件，根据目标组件构成功能页面，并将功能页面构成页面集合保存在存储空间，以供验收阶段预览并修改功能界面。进入功能页面验收阶段，在验收设备上响应预览操作，获取对应功能页面，并在可视化界面显示，同时根据修改操作对目标页面进行修改，并更新页面集合。本方案通过采用共享功能页面和组件的方式，打通业务流程，从而实现验收流程修改功能页面的功能。进而提升交互原型图页面创建效率，有效解决交互性差的问题。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的页面创建系统的一种应用场景示意图。

图2示出了微前端qianlun框架的一种架构示意图。

图3示出了本发明实施例提供的一种功能页面制作方法的流程示意图。

图4示出了图3步骤S101、步骤S102和步骤S105的一种子步骤流程示意图。

图5示出了本发明实施例提供的一种功能页面修改方法的流程示意图。

图6示出了图5步骤S201、步骤S202和步骤S205的一种子步骤流程示意图。

图7示出了页面创建的一种流程示意图。

图8示出了表单页面制作的一种流程示意图。

图9示出了表单页面验收的一种流程示意图。

图10示出了本发明实施例提供的一种制作设备的结构示意图。

图11示出了本发明实施例提供的一种验收设备的结构示意图。

图12示出了一种通用制作设备的部分结构示意图。

图标：10-页面创建系统；100-制作设备；200-验收设备；110-存储器；120-处理器；130-通信模块；101-获取模块；102-制作模块；201-预览模块；202-修改模块。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

需要说明的是，术语“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

交互原型图是通过原型设计工具，将文字的产品需求转化成可视化产品方案的产物。一份优秀的交互原型图能够将产品的所有需求形象准确地呈现出来，便于项目团队更直观理解产品需求，快速有效完成产品交付。

目前常用的原型设计工具，例如Axure，其受到低代码可视化操作带来的自由度低下的影响，所制作出来的原型图交互性较差。例如，在产品设计阶段，使用Axure工具制作的交互原型图以html文件交付给验收团队。若验收团队发现原型图存在不足需要修改时，其不支持直接修改html文件，需要将修改意见反馈给交互原型图的设计者进行修改，修改后再重新交付交互原型图的html文件。这样的交互原型图交互性较差，并且会造成项目团队沟通成本高，效率低下。

目前尚未出现在验收阶段能够支持修改原型图的系统，现有技术中，原型图制作和原型图验收两个业务流程割裂程度较高。

基于此，本发明实施例提供了一种页面创建方法、装置、系统和计算机可读存储介质，能够支持页面创建的各业务流程都能够快速预览页面，并对页面进行调整修改，有效改善原型图的交互性，进而提升效率。

下面结合附图对本发明的各个实施例进行详细说明。

如前文所述，交互原型图是动态可交互的设计页面，能够演示产品需求细节。创建交互原型图通常可以包含制作流程和验收流程，本发明实施例中提供一种页面创建系统用于创建交互原型图，其中交互原型图由各功能页面构成。请参照图1，图1示出了本发明实施例提供的页面创建系统的一种应用场景示意图。如图1所示，页面创建系统10包含制作设备100和验收设备200。制作设备100与验收设备200通信连接。其中，该制作设备100可以用于执行下述示例中S101～S105的步骤，以实现对应的技术效果；相应的，验收设备200可以用于执行下述示例中S201～S205的步骤，以实现对应的技术效果。

在本发明实施例中，制作设备100用来制作功能页面，并将功能页面在可视化界面展示。同时将功能页面保存，以供验收设备200预览或修改。验收设备200用于验证功能页面的准确性以及与产品需求的一致性。如果验证发现功能页面中存在不足，则直接在验收设备200上修改，从而得到满足产品需求的功能页面，最终得到验收通过的交互原型图。

具体地，制作设备100和验收设备200可以为手机、PC机、服务器等电子设备。具体的电子设备类型在本发明实施例中不予限定。

需要说明的是，交互原型图的创建离不开组件，每个功能页面也是由至少一个组件构成的。因此，在功能页面制作或修改之前，需要预先创建组件，并将已创建的组件统一管理，形成组件集合，称之为组件系统或组件库，以便本发明实施例中涉及的制作设备或验收设备使用。

由于组件可能由不同的团队或个人创建，因此，所涉及的技术框架可能有多种，包含但不限于：VUE、React、Angular、jQuery、Ember等任意技术框架。为兼容在同一功能页面中使用多种技术框架。本申请引入微前端qiankun框架管理组件。

具体地，微前端是一种将多个独立的Web应用聚合到一起，提供统一的访问入口的技术方案；而qiankun框架是一个基于single-spa框架进行二次封装开发的具有高隔离性的开箱即用型微前端实现框架。

以图2为例，对qiankun框架管理组件进行简单介绍。组件集合中包含基础组件，可包含集成组件，所谓的集成组件是由多个基础组件组成的且能够实现一种单一功能。Qiankun框架将组件集合中的各个组件进行模块化封装。这样用户访问组件时，可以按需加载每个独立模块，避免浪费额外资源，尽可能提供更优性能，进而提升功能页面的创建效率。

假设用户需要预览组件时，下发预览组件指令，用户的预览组件指令会被底层路由转发到存放该组件的设备，再经消息总线将用户预览组件指令发送给模块加载器，模块加载器按需加载对应的组件模块。

需要说明的是，封装交互原型图页面创建中的常用组件，并提供对应的样式数据修改接口，并通过微前端qiankun框架相应接口对外暴露数据修改功能。

在本发明实施例中，功能页面同样引入微前端qiankun框架进行管理，以实现直接拉取功能页面或组件集合中的单个组件并通过相应交互接口传值来进行展示。

在本发明实施例中，为了便于制作设备和验收设备协同创建交互原型图，引入微前端qiankun框架，制作设备和验收设备可以通过qiankun框架快速构建。

下面针对交互原型图制作，本发明实施例给出了一种可能的实现方式，具体的，图3为本发明实施例提供的一种功能页面制作方法的流程示意图，该流程的执行主体可以为前文所述制作设备，请参照图3，该方法包括：

步骤S101，响应用户的组件的选择操作，在组件集合中确定至少一个目标组件。

在本发明实施例中，假设用户，例如产品经理通过拖拽组件的方式生成功能页面，当产品经理拖拽组件时，则产生组件的选择操作。制作设备响应组件的选择操作，在组件集合中找到满足选择操作要求的目标组件。

步骤S102，由至少一个目标组件构成至少一个功能页面。

其中，功能页面为提供独立功能的页面。

在本发明实施例中，每个能够提供独立功能的页面被称为功能页面。每个功能页面可能由一个或多个组件构成。通常可以通过添加组件或删除组件的方式调整页面功能，最终生成满足产品需求的功能页面。

步骤S103，分别显示每个功能页面。

在本发明实施例中，为了让产品经理了解功能页面的实现效果，制作设备生成功能页面后，将功能页面分别显示在可视界面。

步骤S104，将全部功能页面构成一个页面集合。

步骤S105，将页面集合保存在存储空间，以供验收设备获取页面集合中的任意一个功能页面进行修改。

在本发明实施例中，全部功能页面在可视界面显示，最终以交互原型图的形式完整地呈现给产品经理。并将由全部功能页面构成的页面集合保存起来，便于验收流程时验收设备预览或修改任意功能页面。

综上所述，本发明实施例提供的功能页面制作方法，制作设备响应用户的组件的选择操作，在组件集合中确定至少一个目标组件，由至少一个目标组件构成至少一个功能页面，分别显示每个功能页面，将全部功能页面构成一个页面集合，将页面集合保存在存储空间，以供验收设备获取页面集合中的任意一个功能页面进行修改。通过提供可读写的功能页面方式，实现在制作设备和验收设备都能够快速预览功能页面，并支持对功能页面进行调整修改，有效改善原型图的交互性，进而提升效率。

具体地，上述存储空间可以为制作设备上的存储区域，如本地数据库、磁盘等。或者，以独立的数据库形式，与该制作设备通讯连接，如远程数据库。假设采用远程数据库存储功能页面集合时，则远程数据库与验收设备通信连接，便于预览或验收交互原型图。

可选地，在实际应用中，每个组件都会被分配一个唯一标识，便于查询或管理。在图3的基础上，请参照图4，步骤S101的子步骤，可以包括：

步骤S1011，根据选择操作对应的组件标识，在组件集合中确定与每个组件标识对应的目标组件。

在本发明实施例中，通过组件标识唯一标识组件集合中的组件，通过组件标识确定与之对应的组件，因此在创建组件需要为新创建的组件分配一个统一编址的组件标识。

可选地，在实际应用中，创建交互原型图时，除了将全部所用的组件直接平铺在同一页面的实现方式，也可以按照产品的业务功能构成功能页面，再由全部功能页面构成交互原型图。在图3的基础上，请参照图4，步骤S102的子步骤，可以包括：

步骤S1021，获取业务功能。

其中，业务功能表征由至少一个组件与至少一个页面构成的页面功能。

在本发明实施例中，产品的业务功能可以预置在制作设备上，也可以用户选择组件时，随着组件的选择操作下发到制作设备。对此，本申请不予限定。

步骤S1022，将全部组件按照业务功能进行分组，得到至少一个功能页面。

可选地，在实际应用中，为了方便管理功能页面，采用页面标识的一对一标识功能页面，在图3的基础上，请参照图4，步骤S105的子步骤，可以包括：

步骤S1051，分别为每个页面分配对应的页面标识。

在本发明实施例中，页面标识统一编址，页面标识可以使用ID，也可以使用名称，对此，本申请不予限定。

步骤S1052，将功能页面与对应的页面标识保存在存储空间。

在本发明实施例中，假设将功能页面与对应的页面标识保存在数据库中，如前文所述，数据库可以为制作设备上的本地数据库，也可以为远程数据库，同样还可以为验收设备上的本地数据库。对于功能页面的具体保存方式，本申请不予限定。

相应地，下面对验收设备的方案进行介绍。请参照图5，图5为本发明实施例提供的另一种功能页面修改方法的流程示意图，该流程的执行主体可以为前文所述验收设备，该方法包括：

步骤S201，响应用户的页面集合的预览操作，获取页面集合。

其中，页面集合包含至少一个功能页面。

在本发明实施例中，当交互原型图制作完成后，在一种可能的实现方式中，制作设备通过推送消息的方式通知验证人员验收交互原型图。验收交互原型图时需要在验收设备上通过预览方式显示交互原型图，例如同时显示全部功能页面；或，基于用户选择或一定顺序，逐次显示每一页功能页面，直至显示完毕。

如前文所述，交互原型图由功能页面构成。根据预览操作，获取对应的页面集合，页面集合中包含交互原型图对应的功能页面。

步骤S202，将获得的页面集合在可视化界面显示。

在本发明实施例中，将获得的页面集合在可视化界面显示，以便验证人员进行预览，从而开展交互原型图的验收工作。这里提到的可视化界面，可以是手机、电脑等具备显示功能的设备，对此本申请不予限定。

步骤S203，响应用户在可视化界面的修改操作，确定与修改操作对应的目标页面。

其中，目标页面为全部功能页面中的一个。

在本发明实施例中，当验证人员发现交互原型图的功能页面存在不足需要修改时，产生修改操作，验收设备响应修改操作，根据修改操作确定待修改的目标页面。

步骤S204，根据修改操作对目标页面进行修改，得到修改后的目标页面，并将修改后的目标页面在可视化界面展示。

在本发明实施例中，根据修改操作的要求对待修改的目标页面进行修改，并将修改后的目标页面显示在可视化界面，以便验证人员查看功能页面修改后的效果。

步骤S205，根据修改后的目标页面对页面集合进行更新。

在本发明实施例中，修改后的功能页面符合产品需求时，验收完成，将修改后的功能页面进行存储，进而更新所对应的页面集合。

综上所述，本发明实施例提供的功能页面修改方法，应用于验收设备，响应用户的页面集合的预览操作，获取页面集合；页面集合包含至少一个功能页面，将获得的页面集合在可视化界面显示；响应用户在可视化界面的修改操作，确定与修改操作对应的目标页面；目标页面为全部功能页面中的一个；根据修改操作对目标页面进行修改，得到修改后的目标页面，并将修改后的目标页面在可视化界面展示；根据修改后的目标页面对页面集合进行更新。本方案采用共享功能页面和组件的方式，打通业务流程，从而实现验收流程修改功能页面的功能。进而提升交互原型图页面创建效率，有效解决交互性差的问题。

具体地，针对上述步骤S205，其针对页面集合，可以是针对制作设备的存储区域中的页面集合中，被修改的目标页面进行更新；也可以是针对用于存储该页面集合的远程数据库中的页面集合进行更新。

可选地，在实际应用中，预览操作一般会携带页面标识，便于验收设备根据页面标识得到功能页面。在图5的基础上，请参照图6，步骤S201的子步骤，可以包括：

步骤S2011，根据页面集合的预览操作包含的页面标识，获取与页面标识对应的功能页面。

其中，功能页面为页面集合中的至少一个。

在本发明实施例中，参见前文功能页面制作流程中图4的步骤S1051可知，预览操作携带的页面标识是功能页面制作流程为功能页面分配的，功能页面与页面标识是一一对应的。

可选地，在实际应用中，验证人员通常会逐一查看验收各个功能页面，在图5的基础上，请参照图6，步骤S202的子步骤，可以包括：

步骤S2021，响应用户的功能页面选择操作，根据功能页面选择操作包含的页面标识，确定与页面标识对应的目标页面。

步骤S2022，在可视化界面显示目标页面。

在本发明实施例中，根据验证人员选择的待验收的功能页面的页面标识，获得对应的功能页面，并将其在可视化界面显示，以供验证人员验收。

可选地，在实际应用中，可视化面显示待验收的功能页面，若验证人员发现功能页面有问题时，则进行修改操作。在图6的基础上，步骤S2021的子步骤，可以包括：

当可视化界面显示目标页面，且响应用户在可视化界面的修改操作时，确定与修改操作对应的目标页面。

在本发明实施例中，响应验证人员对功能页面的修改操作，根据修改操作确定待修改的功能页面。

可选地，在实际应用中，功能页面的修改涉及到添加组件或删除组件，基于不同的应用场景，在图5的基础上，请参照图6，步骤S205的子步骤，可以包括：

步骤S2051，确认修改操作的操作类型。

若操作类型为添加组件，则执行步骤S2052；若操作类型为删除组件，则执行步骤S2053。

步骤S2052，当操作类型为添加组件时，根据修改操作包含的组件标识，将与组件标识对应的目标组件添加到目标页面，得到修改后的目标页面。

步骤S2053，当操作类型为删除组件时，根据修改操作对应的被选组件，将被选组件从目标页面中删除，得到修改后的目标页面；被选组件为目标页面包含的组件中的一个。

在本发明实施例中，修改操作中包含关于组件的操作类型，如果是添加组件，则在组件集合中获取待添加的组件，并将待添加的组件添加到待修改的功能页面，最终得到修改后功能页面；如果是删除组件，则在待修改功能页面中找到待删除组件，并将其删除，最终得到修改后的功能页面。

为了更清晰说明本发明实施例提供的页面创建方法，结合页面创建的制作流程和验收流程进行示例性说明。

作为一种实施方式，以图7为例，封装原型图页面制作时常用组件，并以供对应的样式数据修改接口，并通过qiankun应用相应接口对外暴露数据修改功能。各组件通过Nginx代理进行转发管理，制作设备通过引起qiankun框架对组件集合进行拉取，并展示在可视化界面，同时使用组件快速制作原型图的功能页面并显示在可视化界面。功能页面制作完成后保存在数据库中，以便验收设备预览或修改功能页面。交互原型图制作完成后，将交互原型图中每个功能页面的页面标识等信息发送给验收设备。

交互原型图的验证人员在验收设备中引入qiankun框架构建交互原型图，即为，通过制作设备发送的页面标识请求对应的功能页面即可。若需要修改功能页面，可直接向组件集合请求获得对应的组件。

进一步，若功能页面修改时，组件集合中没有可用组件，可以在修改功能页面之前，新创建一个满足需求的组件，再给验收设备使用。本发明不针对新创建组件流程进行详细说明。

在另一种实施方式中，以创建表单原型图为例。请参照图8，产品经理首先在组件集合中选择组件，根据产品需求选择表单组件生成表单的功能页面，并分别为每个功能页面分配唯一的页面标识。若功能页面需要调整，重新选择组件，最终完成表单原型图的制作。制作完成的表单原型图，按照功能页面集合的形式存储在数据库。便于验收设备根据页面标识获得对应的功能页面，实现表单原型图在验收设备上预览构建，便于验证人员验收表单原型图。

当验收设备接收到表单原型图制作完成的消息，进入验收流程。请参照图9，验收设备响应预览表单原型图的请求，根据请求中的功能页面的页面标识获取对应的功能页面，并将获取的功能页面呈现在可视化界面。若功能页面需要添加表单组件，则获取表单组件，并将获得的表单组件添加到对应的功能页面，最终完成验收，得到满足产品需求的表单原型图，验收流程结束。

图10为本发明实施例提供的一种制作设备的结构示意图，该制作设备可以用于执行上述示例中功能页面制作方法的各个步骤，以实现相应地功能，请参照图10，该制作设备100，包括获取模块101和制作模块102。

获取模块101，用于响应用户的组件的选择操作，在组件集合中确定至少一个目标组件。

制作模块102，用于由至少一个目标组件构成至少一个功能页面；功能页面为提供独立功能的页面；分别显示每个功能页面；将全部功能页面构成一个页面集合；将页面集合保存在存储空间，以供验收设备获取页面集合中的任意一个功能页面进行修改。

可选地，该获取模块101具体可以用于执行图4中步骤S1011，以实现对应的技术效果。

可选地，该制作模块102具体可以用于执行图4中步骤S1021、步骤S1022、步骤S103、步骤S104、步骤S1051步骤S1052，以实现对应的技术效果。

图11为本发明实施例提供的一种验收设备的结构示意图，该验收设备可以用于执行上述示例中功能页面修改方法的各个步骤，以实现相应地功能，请参照图11，该验收设备200，包括预览模块201和修改模块202。

预览模块201，用于响应用户的页面集合的预览操作，获取页面集合；页面集合包含至少一个功能页面；将获得的页面集合在可视化界面显示。

修改模块202，用于响应用户在可视化界面的修改操作，确定与修改操作对应的目标页面；目标页面为全部功能页面中的一个；根据修改操作对目标页面进行修改，得到修改后的目标页面，并将修改后的目标页面在可视化界面展示；根据修改后的目标页面对页面集合进行更新。

可选地，该预览模块201还可以具体用于执行图6中步骤S2011、步骤S2021、步骤S2022，以实现对应的技术效果。

可选地，该预览模块201还可以具体用于当可视化界面显示目标页面，且响应用户在可视化界面的修改操作时，确定与修改操作对应的目标页面。

可选地，该修改模块202还可以具体用于执行图6中步骤S203、步骤S204、步骤S2051、步骤S2052，以实现对应的技术效果。

对于上述实施例涉及的制作设备100，下面给出一种可能的实现方式，具体地，请参照图12，为一种通用制作设备的部分结构示意图。制作设备100可以是个人电脑(PC机)、笔记本电脑或者服务器等。制作设备100包括存储器110、处理器120及通信模块130。存储器110、处理器120以及通信模块130各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。

其中，存储器110用于存储程序或者数据。存储器110可以是，但不限于，随机存取存储器(Random Access Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read-Only Memory，PROM)，可擦除只读存储器(ErasableProgrammable Read-Only Memory，EPROM)，电可擦除只读存储器(Electric ErasableProgrammable Read-Only Memory，EEPROM)等。

处理器120用于读/写存储器110中存储的数据或程序，并执行相应地功能。例如，当存储器110中存储的计算机程序被处理器120执行时，可以实现上述各实施例所揭示的功能页面制作方法。

通信模块130用于通过网络建立制作设备100与其它通信终端之间的通信连接，并用于通过网络收发数据。

应当理解的是，图12所示的结构仅为制作设备100的结构示意图，制作设备100还可包括比图12中所示更多或者更少的组件，或者具有与图12所示不同的配置。图12中所示的各组件可以采用硬件、软件或其组合实现。

对于上述实施例涉及的验收设备200，可以采用与制作设备100相同或类似的组件结构，用以实现上述各实施例所揭示的功能页面修改方法。在此不再赘述。

本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器120执行时实现上述各实施例所揭示的页面创建方法，其中包含功能页面制作方法和功能页面修改方法。

综上所述，本发明实施例提供的页面创建方法、装置、系统及计算机可读存储介质，通过采用共享功能页面和组件的方式，打通业务流程，从而实现验收流程修改功能页面的功能。进而提升交互原型图页面创建效率，有效解决交互性差的问题。

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

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (13)

1.一种功能页面制作方法，其特征在于，应用于制作设备，所述方法包括：

响应用户的组件的选择操作，在组件集合中确定至少一个目标组件；

由至少一个所述目标组件构成至少一个功能页面；所述功能页面为提供独立功能的页面；

分别显示每个所述功能页面；

将全部所述功能页面构成一个页面集合；

将所述页面集合保存在存储空间，以供验收设备获取所述页面集合中的任意一个所述功能页面进行修改。

2.根据权利要求1所述的功能页面制作方法，其特征在于，所述响应用户的组件的选择操作，在组件集合中确定至少一个目标组件的步骤，包括：

根据所述选择操作对应的组件标识，在所述组件集合中确定与每个所述组件标识对应的目标组件。

3.根据权利要求1所述的功能页面制作方法，其特征在于，所述由至少一个所述目标组件构成至少一个功能页面的步骤，包含：

获取业务功能；所述业务功能表征由至少一个组件与至少一个页面构成的页面功能；

将全部所述组件按照业务功能进行分组，得到至少一个所述功能页面。

4.根据权利要求1所述的功能页面制作方法，其特征在于，所述将全部所述功能页面保存在存储空间的步骤，包括：

分别为每个所述功能页面分配对应的页面标识；

将所述功能页面与对应的所述页面标识保存在存储空间。

5.一种功能页面修改方法，其特征在于，应用于验收设备，所述方法包括：

响应用户的页面集合的预览操作，获取所述页面集合；所述页面集合包含至少一个功能页面；

将获得的所述页面集合在可视化界面显示；

响应所述用户在所述可视化界面的修改操作，确定与所述修改操作对应的目标页面；所述目标页面为全部所述功能页面中的一个；

根据所述修改操作对所述目标页面进行修改，得到修改后的所述目标页面，并将修改后的所述目标页面在可视化界面展示；

根据修改后的所述目标页面对所述页面集合进行更新。

6.根据权利要求5所述的功能页面修改方法，其特征在于，所述响应用户的页面集合的预览操作，获取所述页面集合的步骤，包括：

根据所述页面集合的预览操作包含的页面标识，获取与所述页面标识对应的所述功能页面，所述功能页面为所述页面集合中的至少一个。

7.根据权利要求5所述的功能页面修改方法，其特征在于，所述将获得的所述页面集合在可视化界面显示的步骤，包括：

响应用户的功能页面选择操作，根据所述功能页面选择操作包含的页面标识，确定与所述页面标识对应的目标页面；

在所述可视化界面显示所述目标页面。

8.根据权利要求7所述的功能页面修改方法，其特征在于，所述根据所述响应所述用户在所述可视化界面的修改操作，确定与所述修改操作对应的目标页面的步骤，包括：

当所述可视化界面显示所述目标页面，且响应用户在所述可视化界面的修改操作时，确定与所述修改操作对应的目标页面。

9.根据权利要求5所述的功能页面修改方法，其特征在于，所述根据所述修改操作对所述目标页面进行修改，得到修改后的所述目标页面的步骤，包括：

确认所述修改操作的操作类型；

当所述操作类型为添加组件时，根据所述修改操作包含的组件标识，将与所述组件标识对应的目标组件添加到所述目标页面，得到所述修改后的所述目标页面；

当所述操作类型为删除组件时，根据所述修改操作对应的被选组件，将所述被选组件从所述目标页面中删除，得到所述修改后的所述目标页面；所述被选组件为所述目标页面包含的组件中的一个。

10.一种制作设备，其特征在于，包括：获取模块和制作模块；

所述获取模块，用于响应用户的组件的选择操作，在组件集合中确定至少一个目标组件；

所述制作模块，用于由至少一个所述目标组件构成至少一个功能页面；所述功能页面为提供独立功能的页面；分别显示每个所述功能页面；将全部所述功能页面构成一个页面集合；将所述页面集合保存在存储空间，以供验收设备获取所述页面集合中的任意一个所述功能页面进行修改。

11.一种验收设备，其特征在于，包括：预览模块和修改模块；

所述预览模块，用于响应用户的页面集合的预览操作，获取所述页面集合；所述页面集合包含至少一个功能页面；将获得的所述页面集合在可视化界面显示；

所述修改模块，用于响应所述用户在所述可视化界面的修改操作，确定与所述修改操作对应的目标页面；所述目标页面为全部所述功能页面中的一个；根据所述修改操作对所述目标页面进行修改，得到修改后的所述目标页面，并将修改后的所述目标页面在可视化界面展示；根据修改后的所述目标页面对所述页面集合进行更新。

12.一种页面创建系统，其特征在于，所述系统中包含制作设备和验收设备，所述制作设备和所述验收设备通信连接；所述制作设备用于执行如权利要求1-4任一项所述的功能页面制作方法；所述验收设备用于执行如权利要求5-9任一项所述的功能页面修改方法。

13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1-4中任一所述的功能页面制作方法或权利要求5-9中任一所述的功能页面修改方法。

Images