CN107402775A - 网页的生成方法、装置和系统 - Google Patents

Abstract

本发明实施例公开了网页的生成方法、装置和系统。该方法包括获取待生成网页的页面所包含的一个或多个控件；配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；依据所述配置结果，生成包含所述一个或多个控件的网页页面。本发明实施例的技术方案，可以实现在构建网页的过程中使用预先创建的控件和数据接口构建网页，通过复用控件和复用数据接口提高了网页的开发速度。

Description

网页的生成方法、装置和系统

技术领域

本发明实施例涉及网页生成技术，尤其涉及一种网页生成方法、装置和系统。

背景技术

目前，互联网的发展日新月异，网络技术也随之愈发纯熟与先进，使得网页内容更新日益频繁。为了降低网站维护的工作量，网页开发已经从静态网页向动态网页发展。

目前网页开发的模式包括前端和后端，前端开发页面，后端生成接口供前端调用。由于上述模式中前端开发的是整个页面，所以如果仅需要改变页面的某个属性，比如当一个页面需要添加一个新的小控件时，无论之前开发好的前端的页面还是后端的接口都无法再使用，需要重新开发前端页面和后端接口才能满足新的需求，从而导致开发速度较低。

发明内容

本发明提供一种网页生成方法、装置和系统，以提高网页的开发速度。

一方面，本发明实施例提供了一种网页生成方法，包括：

获取待生成网页的页面所包含的一个或多个控件；

配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；

依据所述配置结果，生成包含所述一个或多个控件的网页页面。

又一方面，本发明实施例还提供了一种网页生成装置，所述装置包括：

控件获取模块，用于获取待生成网页的页面所包含的一个或多个控件；

控件配置模块，用于配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；

网页生成模块，用于依据所述配置结果，生成包含所述一个或多个控件的网页页面。

又一方面，本发明实施例还提供了一种网页生成系统，包括本发明任意实施例中提供的网页生成装置。

另一方面，本发明实施例还提供了一种网页生成系统，所述网页生成系统包括配置服务器和web服务器，所述配置服务器包括本发明任意实施例中提供的网页生成装置，所述web服务器用于：

在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；

基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

本发明提供的技术方案，获取待生成网页的页面所包含的一个或多个控件；配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；依据所述配置结果，生成包含所述一个或多个控件的网页页面，可以实现在构建网页的过程中使用预先创建的控件和数据接口构建网页，通过复用控件和复用数据接口提高了网页的开发速度。

附图说明

图1a是本发明实施例一提供的一种网页生成方法的流程图；

图1b是本发明实施例一提供的配置平台界面的示意图；

图1c是本发明实施例一提供的项目配置平台界面的示意图；

图1d是本发明实施例一提供的在配置平台界面配置控件的示意图；

图1e是本发明实施例一提供的在配置平台界面配置控件关联的数据接口的示意图；

图2a是本发明实施例二提供的网页生成方法的流程图；

图2b是本发明实施例二提供的配置平台界面中页面配置界面的示意图；

图2c是本发明实施例二提供的项目、页面和控件的关系的示意图；

图3是本发明实施例三提供的网页生成装置的结构示意图；

图4是本发明实施例三提供的网页生成系统的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1a是本发明实施例一提供的一种网页生成方法的流程图。本实施例可适用于构建网页的情况。该方法可以由网页生成装置来执行，该装置由硬件和/或软件来实现。需要说明的是，网页生成装置可以承载在同一服务器中，也可以承载在不同服务器中，如承载在配置服务器和web服务器中。为了便于描述，如下以该装置承载在配置服务器和web服务器中为例进行说明。

参考图1a，本实施例的方法具体包括：

S110、获取待生成网页的页面所包含的一个或多个控件。

在本实施例中，可以通过配置服务器(即配置平台)在网页开发过程中执行生成网页页面的操作，如对项目、页面、控件和数据接口等的配置操作。可选的，配置服务器可以获取待生成网页的页面所包含的一个或多个控件。图1b是本发明实施例一提供的配置平台界面的示意图，如图1b所示，配置平台界面包含页面管理区11、控件管理区12和工具区13。网页开发以项目为单位，且同一产品属于同一项目，不同产品属于不同项目，工具区13中的项目配置按钮用于配置产品对应的项目。例如，在点击工具区13中的项目配置按钮时，配置平台展示图1c所述的项目配置界面，随后可以通过新增项目按钮新增新产品的项目以创建新产品的网页页面，也可以通过已创建的旧项目对应的删除、打开或下载按钮来对旧项目执行删改操作。

如图1b所示，配置平台界面中页面管理区11用于配置项目包含的页面，如某按摩类产品包含详情页、预约提单页面、时间选择页面、地址选择页面和地址添加修改页面，可以根据需要为该按摩类产品增加新页面，也可以删除项目已包含的页面。如图1b所示，配置平台界面中控件管理区12用于配置页面包含的控件，如该按摩类产品的详情页包含图片信息控件、预约入口控件、文字信息控件和文本信息控件等。

该方法中配置平台将整个前端网页拆分成一个个控件，使得当一个页面需要添加新的控件时，无需重新开发新页面，而该页面只需获取一个或多个控件即能够为该页面增加新控件，提高了网页的开发速度。

S120、配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果。

如图1d所示，配置平台界面还包括配置区14。获取了页面包含的控件后，便可以在配置区14对控件的属性信息及控件对应的数据接口信息进行配置，其中，控件的属性信息可以包括控件在页面中的位置以及控件关联的数据源的字体、字号和颜色等；控件关联的数据可以为静态数据，也可以为从数据接口获取的动态数据。

该方法中配置平台将前端网页中控件对应的数据拆分成一个个数据接口(即数据源)，如支付接口和退款接口等，使得当页面中一控件关联的数据接口需要调整时，无需重新开发新页面，而只需重新从配置平台预先维护的数据接口列表(参考图1e)获取目标数据接口，并将获取的目标数据接口配置给该控件即可。需要说明的是，若数据接口列表中不包含目标数据接口，则只需创建目标数据接口，即可将创建的目标数据接口配置给该控件，并且可以将创建的目标数据接口添加到数据接口列表中，使得后续配置相关控件时可以直接使用目标数据接口，而不并重复开发目标数据接口。

可选的，将与所述数据接口关联的数据源配置为所述控件的数据源。

具体的，配置服务器可以根据实际需要配置控件关联的数据接口，以某美甲产品的网页为例，该网页页面内控件管理的数据接口可以包括获取某美甲的可用时间接口、获取团单价格接口、获取团单的名称和价格接口、获取团单的图片地址和名称接口等。

该方法中配置平台将前端网页中控件对应的数据拆分成一个个数据接口，使得当需要调整页面中一控件关联的数据接口时，无需重新开发新页面，而只需重新从配置平台预先维护的数据接口列表获取目标数据接口，并将获取的目标数据接口配置给该控件即可，实现了数据接口复用。

S130、依据所述配置结果，生成包含所述一个或多个控件的网页页面。

具体的，配置好项目包含的页面、页面包含的控件以及控件关联的数据接口后，可以依据上述配置结果生成包含所述一个或多个控件的网页的页面，然后可以将网页页面发布到web服务器上供用户访问。

本发明提供的技术方案，获取待生成网页的页面所包含的一个或多个控件；配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；依据所述配置结果，生成包含所述一个或多个控件的网页页面，可以实现在构建网页的过程中使用预先创建的控件和数据接口构建网页，通过复用控件和复用数据接口提高了网页的开发速度。

在上述技术方案的基础上，S130之后优选的还包括：

A、在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据。

可选的，可以在检测到用户访问web服务器发布的网页时，产生网页访问事件。

其中，web服务器执行所述数据接口关联的数据源，从所述控件的数据源实时获取与所述控件关联的数据，可以包括：web服务器并发执行所述数据接口关联的数据源，以得到所述控件关联的数据。

例如，某美甲产品网页中控件关联的数据源可以包括：获取团单价格、获取团单的图片和名称、增加用户的上门地址等。由于同一项目关联的数据源可以是有多个，web服务器可以通过统一的数据接口并发执行同一项目关联的多个数据源提高了用户访问界面的生成效率，因而缩短了用户访问等待时长。

B、基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

可选的，可以通过web服务器，基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

实施例二

图2a是本发明实施例二提供的网页生成方法的流程图，本实施例以实施例一为基础进行了优化，本实施例的方法具体包括：

S210、从网页模板数据库中选择与所述待生成网页匹配的网页模板，所述网页模板包含控件信息、控件属性信息和/或与所述控件关联的数据接口信息。

可选的，通过配置服务器配置项目包含的至少一个网页，其中，项目可以包括一个网页也可以包括多个网页，具体可以根据项目需要确定。图2b是本发明实施例二提供的配置平台界面中页面配置界面的示意图，如图2b所示，在配置各个网页时可以选择待生成网页匹配的网页模板，其中网页模板包含控件信息、控件属性信息和/或与所述控件关联的数据接口信息，可以直接使用网页模板中包含的控件，如网页模板可以为选择服务地址页面模板、选择服务时间页面模板或预约页面模板等；在配置各个网页时也可以选择未预置控件的空页面模板。

S220、基于所选择的网页模板，获取所述待生成网页的页面所包含的一个或多个控件。

针对任一页面，配置服务器可以基于选择的网面模板，获取待生成网页页面所包含的一个或多个控件，可以将网页页面包含的控件配置为该页面的控件，也可以将用户创建的新控件配置为页面的控件，还可以将网面模板中控件和用户创建的新控件一起配置为页面的控件。图2c是本发明实施例二提供的项目、页面和控件的关系的示意图，如图2c所示，网页开发以项目为单位，且同一产品属于同一项目，不同产品属于不同项目，多个项目构成项目集合，项目可以包括预置有控件的拼装页面，还可以包括未预置控件的自定义页面，各页面中的控件均位于控件集合中，且控件集合的控件能够使用数据源中心的数据源。

该方法中配置平台将整个前端网页拆分成一个个控件，因而在页面的控件配置过程中可以使用网页模板中预置的控件，也可以使用用户创建的新控件，实现了控件复用。

S230、配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果。

其中，控件的属性信息可以包括控件在页面中的位置以及控件关联的数据源的字体、字号和颜色等。

可选的，所述配置服务器可以配置所述数据源的输入参数。

具体的，数据源的输入参数可以是城市地址、用户ID和城市ID等，如获取团单价格接口对不同用户ID和/或不同城市ID得到的数据不同。

S240、依据所述配置结果，生成包含所述一个或多个控件的网页页面。

与实施例一的方案类似，优选地，在步骤S240之后，所述方法还可以包括：在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；以及基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

本实施例的技术方案，从网页模板数据库中选择与所述待生成网页匹配的网页模板，基于所选择的网页模板，获取所述待生成网页的页面所包含的一个或多个控件，配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，依据配置结果，生成包含所述一个或多个控件的网页页面。即，配置服务器在生成网页页面的过程中能够使用预先创建的控件和数据接口生成网页页面，在提升了网页的开发速度的基础上还可以对的数据源的输入参数进行配置，满足不同网页的多样化需求。

实施例三

图3是本发明实施例三提供的网页生成装置的结构示意图，如图3所示，该装置可以包括控件获取模块31、控件配置模块32和网页生成模块33。

其中，控件获取模块31可以用于获取待生成网页的页面所包含的一个或多个控件；

控件配置模块32可以用于配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；

网页生成模块33可以用于依据所述配置结果，生成包含所述一个或多个控件的网页页面。

在上述各实施例的基础上，控件获取模块31可以包括：

网页模板选择子模块，用于从网页模板数据库中选择与所述待生成网页匹配的网页模板，所述网页模板包含控件信息、控件属性信息和/或与所述控件关联的数据接口信息；

控件获取子模块，用于基于所选择的网页模板，获取所述待生成网页的页面所包含的一个或多个控件。

在上述各实施例的基础上，控件配置模块32可以用于：

配置所述控件的属性信息；以及

将与所述数据接口关联的数据源配置为所述控件的数据源。

所述装置还可以包括：

监测模块，用于监测网页访问事件；

控件数据获取模块，用于在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；

加载模块，用于基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

本实施例提供的网页生成装置，与本发明任意实施例所提供的网页生成方法属于同一发明构思，可执行本发明任意实施例所提供的网页生成方法，具备执行网页生成方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例提供的网页生成方法。

本发明实施例还提供了一种网页生成系统，该网页生成系统包括本发明任意实施例提供的网页生成装置。

图4是本发明实施例四提供的网页生成系统的结构示意图。参考图4，本发明实施例还提供了又一种网页生成系统，该系统包括配置服务器41和web服务器42，所述配置服务器41包括如图3中所示的网页生成装置，所述web服务器42可以用于：

在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；

基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

上述产品可执行本发明任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (12)

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

获取待生成网页的页面所包含的一个或多个控件；

配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；

依据所述配置结果，生成包含所述一个或多个控件的网页页面。

2.根据权利要求1所述的方法，其特征在于，所述获取待生成网页的页面所包含的一个或多个控件包括：

从网页模板数据库中选择与所述待生成网页匹配的网页模板，所述网页模板包含控件信息、控件属性信息和/或与所述控件关联的数据接口信息；

基于所选择的网页模板，获取所述待生成网页的页面所包含的一个或多个控件。

3.根据权利要求2所述的方法，其特征在于，所述待生成网页的页面所包含的一个或多个控件包含从所述网页模板中选择出的控件和/或用户创建的新控件。

4.根据权利要求1-3中任一权利要求所述的方法，其特征在于，配置与所述控件关联的数据接口信息，包括：

将与所述数据接口关联的数据源配置为所述控件的数据源。

5.根据权利要求4所述的方法，其特征在于，在依据所述配置结果，生成包含所述一个或多个控件的网页页面之后，所述方法还包括：

在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；

基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

6.根据权利要求5所述的方法，其特征在于，在所述数据源存在多个时，所述与所述控件关联的数据是并发获取的。

7.一种网页生成装置，其特征在于，所述装置包括：

控件获取模块，用于获取待生成网页的页面所包含的一个或多个控件；

控件配置模块，用于配置所述一个或多个控件的属性信息及与所述控件关联的数据接口信息，以得到所述待生成网页的配置结果；

网页生成模块，用于依据所述配置结果，生成包含所述一个或多个控件的网页页面。

8.根据权利要求7所述的网页生成装置，其特征在于，所述控件获取模块包括：

网页模板选择子模块，用于从网页模板数据库中选择与所述待生成网页匹配的网页模板，所述网页模板包含控件信息、控件属性信息和/或与所述控件关联的数据接口信息；

控件获取子模块，用于基于所选择的网页模板，获取所述待生成网页的页面所包含的一个或多个控件。

9.根据权利要求7或8所述的网页生成装置，其特征在于，所述控件配置模块用于：

配置所述控件的属性信息；以及

将与所述数据接口关联的数据源配置为所述控件的数据源。

10.根据权利要求7-9中任一权利要求所述的网页生成装置，其特征在于，所述装置还包括：

监测模块，用于监测网页访问事件；

控件数据获取模块，用于在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；

加载模块，用于基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。

11.一种网页生成系统，其特征在于，包括如权利要求7-10中任一权利要求所述的网页生成装置。

12.一种网页生成系统，其特征在于，所述网页生成系统包括配置服务器和web服务器，所述配置服务器包括权利要求7-9中任一项所述的网页生成装置，所述web服务器用于：

在监测到网页访问事件时，从所述控件的数据源获取与所述控件关联的数据；

基于所获取的与所述控件关联的数据，动态加载所述网页中的控件，以生成用户访问页面。