CN109614565A - 网页生成方法与装置 - Google Patents

Abstract

本公开提供一种网页生成方法与装置。网页生成方法包括：获取网页结构信息，所述网页结构信息包括多个网页位置的层级结构；获取对应于每个所述网页位置的组件实例；获取所述组件实例的模板与数据；响应网页访问请求，根据所述网页结构信息、所述模板与所述数据渲染所述组件实例。本公开提供的网页生成方法可以提高网页内容维护效率。

Description

网页生成方法与装置

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种网页生成方法与 装置。

背景技术

在相关技术中，网页内容管理通常包括后台维护的数据配合前端维 护的展示模板控制前端展示内容、前端展示由后台编辑存储的静态内容 两种方案。

前者由于由前端维护展示模板，在更换展示模板时需要对前端页面 进行编辑、重新打包、部署、上线，因此网页维护效率较低。而后者不 但难以动态添加和修改如标题等展示属性，也难以实现内容跨站点复用。 此外，由于在这两种方案中数据只能在后台维护，数据渠道单一，展示 效果的丰富性有待提高。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公 开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现 有技术的信息。

发明内容

本公开的目的在于提供一种网页生成方法与网页生成装置，用于解 决相关技术中网页内容维护效率低、内容难以复用和数据渠道单一等问 题。

根据本公开实施例的第一方面，提供一种网页生成方法，包括：获 取网页结构信息，所述网页结构信息包括多个网页位置的层级结构；获 取对应于每个所述网页位置的组件实例；获取所述组件实例的模板与数 据；响应网页访问请求，根据所述网页结构信息、所述模板与所述数据 渲染所述组件实例。

在本公开的一种示例性实施例中，还包括：

响应对应于网页位置的组件选择消息新建组件实例；

响应对应于所述组件实例的模板类型选择消息生成模板；

获取对应于所述模板的数据源设置。

在本公开的一种示例性实施例中，还包括：

响应对应于所述组件实例的子组件类型选择消息新建子组件实例；

响应对应于所述子组件实例的模板类型选择消息生成子组件模板；

获取对应于所述子组件模板的子组件数据源设置。

在本公开的一种示例性实施例中，还包括：

响应对应于所述网页位置的组件实例选择消息从组件实例库中获取 组件实例，并将其设置为所述网页位置的组件实例。

在本公开的一种示例性实施例中，所述响应网页访问请求，根据所 述网页结构信息、所述模板与所述数据渲染所述组件实例包括：

根据所述网页访问请求与所述网页结构信息获取待渲染网页位置的 组件实例；

获取所述组件实例的模板、模板属性值和数据源设置；

根据所述数据源设置调用数据；

根据所述模板、所述模板属性值与所述数据渲染所述组件实例。

在本公开的一种示例性实施例中，所述响应网页访问请求，根据所 述网页结构信息、所述模板与所述数据渲染所述组件实例还包括：

获取所述组件实例子组件实例；

获取所述子组件实例的子组件模板、子组件模板属性值以及子组件 数据源设置；

根据所述子组件数据源设置调用子组件数据；

根据所述子组件模板、所述子组件模板属性值与所述子组件数据渲 染所述子组件实例；

根据所述子组件实例渲染所述组件实例。

在本公开的一种示例性实施例中，还包括：

根据渲染后的所述组件实例生成网页片段并返回给前端。

根据本公开实施例的第二方面，提供一种网页生成装置，包括：

结构获取模块，设置为获取网页结构信息，所述网页结构信息包括 多个网页位置的层级结构组件实例获取模块，设置为获取对应于每个所 述网页位置的组件实例；

内容获取模块，设置为获取所述组件实例的模板与数据；

位置渲染模块，设置为响应网页访问请求，根据所述网页结构信息、 所述模板与所述数据渲染所述组件实例。

根据本公开的第三方面，提供一种网页生成装置，包括：存储器； 以及耦合到所属存储器的处理器，所述处理器被配置为基于存储在所述 存储器中的指令，执行如上述任意一项所述的方法。

根据本公开的第四方面，提供一种计算机可读存储介质，其上存储 有程序，该程序被处理器执行时实现如上述任意一项所述的网页生成方 法。

本公开实施例通过渲染各网页位置关联的组件实例生成网页，可以 避免网页生成与修改过程中的重新编辑以及重新部署，提高了网页内容 维护效率。此外，本公开实施例通过组件实例与网页位置的关联、组件 实例与模板的关联、组件实例与数据源的关联提供了可以站点内或跨站 点调用网页生成资源的解决方案，使一个配置好的组件实例或模板可以 多次被不同站点的网页调用，提高了资源的复用性以及网页内容维护效 率。最后，通过利用数据源设置调用数据渲染模板，扩大了数据渠道， 提高了展示效果的丰富性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解 释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合 本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地， 下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人 员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他 的附图。

图1是本公开示例性实施例中网页生成方法的流程图。

图2是本公开示例性实施例中网页结构的示意图。

图3是本公开示例性实施例中网页生成方法的子流程图。

图4是本公开示例性实施例中网页生成方法的子流程图。

图5是本公开示例性实施例中组件实例与网页位置关联的示意图。

图6是本公开示例性实施例中网页生成方法的子流程图。

图7是本公开示例性实施例中渲染组件实例过程的示意图。

图8是本公开示例性实施例中网页生成方法的另一种子流程图。

图9是本公开示例性实施例中另一种渲染组件实例过程的示意图。

图10是本公开示例性实施例中一个应用场景的技术方案示意图。

图11是本公开一个示例性实施例中一种网页生成装置的方框图。

图12是本公开一个示例性实施例中一种电子设备的方框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式 能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提 供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构 思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以 任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供 许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域 技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中 的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其 它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公 开的各方面变得模糊。

此外，附图仅为本公开的示意性图解，图中相同的附图标记表示相 同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方 框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以 采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电 路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器 装置中实现这些功能实体。

下面结合附图对本公开示例实施方式进行详细说明。

图1示意性示出本公开示例性实施例中网页生成方法的流程图。参 考图1，网页生成方法100可以包括：

步骤S1，获取网页结构信息，所述网页结构信息包括多个网页位置 的层级结构；

步骤S2，获取对应于每个所述网页位置的组件实例；

步骤S3，获取所述组件实例的模板与数据；

步骤S4，响应网页访问请求，根据所述网页结构信息、所述模板与 所述数据渲染所述组件实例。

本公开实施例通过渲染各网页位置关联的组件实例生成网页，可以 避免网页生成与修改过程中的重新编辑以及重新部署，提高了网页内容 维护效率。此外，本公开实施例通过组件实例与网页位置的关联、组件 实例与模板的关联、组件实例与数据源的关联提供了可以站点内或跨站 点调用网页生成资源的解决方案，使一个配置好的组件实例或模板可以 多次被不同站点的网页调用，提高了资源的复用性以及网页内容维护效 率。最后，通过利用数据源设置调用数据渲染模板，扩大了数据渠道， 提高了展示效果的丰富性。

下面，对网页生成方法100的各步骤进行详细说明。

在步骤S1，获取网页结构信息，所述网页结构信息包括多个网页位 置的层级结构。

图2是本公开实施例的一种网页结构信息的示意图。

参考图2，在本公开实施例中，后台具有网页结构设计接口，可以 用于设置包括多个网页位置的层级结构。层级结构例如可以包括Header (页眉)、Footer(页脚)、Body(内容)等位置的主结构，以及Body中 包括Banner(标题)、多个Section(段落)等位置的子结构。各子结构 还可以具有下一级子结构。这种网页结构允许网页内容维护人员在后台 方便地调整网页结构。

在步骤S2，获取对应于每个所述网页位置的组件实例。

在步骤S3，获取所述组件实例的模板与数据。

在本公开实施例涉及的网页中，每个网页位置关联一个组件实例， 组件实例用于维护该网页位置的显示模板以及数据等内容。

在本公开的一种示例性实施例中，网页生成方法还可以包括组件实 例的生成步骤。

图3是本公开实施例的一个流程图。

参考图3，在一个实施例中，组件实例的生成步骤可以包括：

步骤S31，响应对应于网页位置的组件选择消息新建组件实例；

步骤S32，响应对应于所述组件实例的模板类型选择消息生成模 板；

步骤S33，获取对应于所述模板的数据源设置。

可以预先定义组件类，并响应网页内容维护人员对组件类的选择新 建一个组件实例。组件类可以包括创建组件多个要素，例如模板类型、 数据源设置接口、模板参数调整接口等。

模板类型可以在定义组件类时预先设置，也可以随时添加、删除或 修改。模板类型可以包括预定义的多个模板属性值，这些模板属性值可 以被设置为允许编辑。在生成模板时，网页内容维护人员既可以根据模 板种类新建模板，并调整模板属性值，也可以直接调用模板库中配置好 的模板。模板库可以被跨页面、跨站点使用，从而实现资源的有效复用。 网页内容维护人员建立新的模板后，不但可以直接使用，还可以将其存 储进模板库，以方便以后调用。

数据源设置可以被配置为手动设置的数据或供API调用的数据源地 址两种。当数据源设置被配置为手动设置的数据时，网页内容维护人员 可以按照模板内数据槽的顺序和数量设置相应的数据段，并将这些数据 段按顺序记录在数据源配置中。当数据源设置被配置为供API调用的数 据源地址时，网页内容维护人员可以将数据源地址记录在数据源配置中。 本公开实施例的数据源设置既能够实现数据后台维护，也能够接收外部 数据源的数据，丰富了数据来源，且可以实现数据源的动态替换。

需要说明的是，在本公开实施例中，数据源设置并不从属于模板， 替换模板时，若新模板内数据槽的顺序和数量与旧模板一致，可以无需 对数据源设置进行改动。当然，如果新模板需要不同数量和种类的数据， 则可以对数据源设置进行相应的修改。

在一些实施例中，组件实例可以同时包含多个子组件实例和模板。

图4是本公开实施例的另一种子流程图。

参考图4，在本公开的一种示例性实施例中，组件实例的生成步骤 还可以包括：

步骤S34，响应对应于所述组件实例的子组件类型选择消息新建子 组件实例；

步骤S35，响应对应于所述子组件实例的模板类型选择消息生成子 组件模板；

步骤S36，获取对应于所述子组件模板的子组件数据源设置。

在组件实例包含子组件实例时，可以预设多个子组件类型，并响应 子组件类型选择消息新建一个子组件实例。之后，获取网页内容维护人 员对该子组件的模板、模板属性值以及数据源设置的设置，形成具有子 组件模板、子组件模板属性值以及子组件数据源设置的子组件实例。子 组件模板与组件实例的模板一样，可以具有预定义的模板属性值，并允 许用户自定义修改。

对于子组件的设置，可以直接调用组件库中配置好的组件实例，也 可以直接调用模板库中配置好的模板，实现对组件实例和模板的复用。

通过手动配置模板、手动设置子组件，可以兼顾组件实例生成过程 中的灵活性以及效率。

在本公开的一种示例性实施例中，组件实例的生成步骤还可以包括 响应组件实例选择消息从组件实例库中获取组件实例。例如，可以预先 将配置好的组件实例存放在组件实例库中，允许站点内或跨站点调用。 各组件实例可以具有预定义的模板、模板属性值以及数据，并允许用户 自定义修改，从而在提高网页内容维护效率的同时提高设计灵活性、资 源复用率以及网页内容维护效率。

通过在后台定义和调整包括多种模板和数据源设置的组件实例，并 为网页的每个网页位置关联一个组件实例，可以在允许网页内容维护人 员通过替换各模板快速简便地更新网页样式。例如，通过新建或者在模 板库里调用的方式获取新模板，并将新模板与欲修改样式的网页位置的 组件实例关联，即可快速更新网页样式。各模板和组件实例可以跨站点 在任意网页的展示位置进行使用，实现复用。

在步骤S2获取网页位置对应的组件实例时，可以首先在网页结构信 息中获取该网页位置的位置标识符，然后根据位置标识符获取对应的组 件实例。无论后台网页内容维护人员对组件实例进行替换还是修改，在 步骤S2均无需做特殊处理。

图5是网页位置与组件实例关联的示意图。

在步骤S4，响应网页访问请求，根据所述网页结构信息、所述模板 与所述数据渲染所述组件实例。

图6是本公开实施例的一个子流程图。

参考图6，在本公开的一种示例性实施例中，步骤S4可以包括：

步骤S41，根据所述网页访问请求与所述网页结构信息获取待渲染 网页位置的组件实例；

步骤S42，获取所述组件实例的模板、模板属性值和数据源设置；

步骤S43，根据所述数据源设置调用数据；

步骤S44，根据所述模板、所述模板属性值与所述数据渲染所述组 件实例。

各组件实例被渲染的顺序可以按照其对应的位置标识符在网页结构 中的位置而定。例如首先渲染页眉组件实例，然后渲染标题组件实例等。

渲染引擎可以在接收到包括待渲染url或者待渲染位置标识符的渲 染请求后，获得有层级结构的组件实例，分别获取模板、模板属性值、 数据源设置，调用数据后根据模板属性值和数据渲染模板，并根据渲染 后的模板实现对组件实例的渲染，从而实现按照数据、模板、组件实例 的顺序递归渲染组件实例或页面。

在获取组件实例的模板和数据时，可以首先根据组件实例的数据源 设置获取数据，然后将数据与模板的数据槽关联。当数据源设置被配置 为手动设置的数据时，可以直接根据数据源设置中记录的数据段的顺序 将各数据段与模板中的各数据槽顺次关联；当数据源设置被配置为供 API调用的数据源地址时，可以通过API调用外部数据，然后按照该外 部数据中各数据段的顺序将各数据段与模板中的各数据槽顺次关联。

图7是渲染组件实例的示意图。

参考图7，渲染组件实例的方式可以为对数据、模板、组件实例的 递归渲染。

图8是本公开实施例的另一种子流程图。

参考图8，在本公开的一种示例性实施例中，步骤S4还可以包括：

步骤S45，获取所述组件实例子组件实例；

步骤S46，获取所述子组件实例的子组件模板、子组件模板属性值 以及子组件数据源设置；

步骤S47，根据所述子组件数据源设置调用子组件数据；

步骤S48，根据所述子组件模板、所述子组件模板属性值与所述子 组件数据渲染所述子组件实例；

步骤S49，根据所述子组件实例渲染所述组件实例。

对具有子组件实例的组件实例的渲染过程也可以为递归渲染，以子 组件的输出作为父组件的输入。如图9所示，可以同时渲染子组件示例 和模板，再根据渲染后的子组件实例和模板渲染组件实例。

通过递归渲染关联了组件实例的网页结构，可以避免相关技术中修 改网页设置需要在前端编辑或重新部署造成的网页内容维护效率低下问 题。

按序渲染各位置后，可以根据渲染后的所述组件实例生成网页片段 并返回给前端。网页片段例如可以为HTML网页片段。

本方法将站点中的展示位置，按“站点-页面-位置”的样式组织成 有层级的结构，同时将内容抽象成有层级结构的模板和数据，这样页面、 位置、展示模板和内容都可以动态的定义和管理，从而达到快速构建页 面、任意替换内容和样式、快速上线目的。

下面以实际应用场景为例来对本公开实施例的技术方案进行详细说 明。

图10是本公开一个实施例的示意图。

参考图10，网页A的首页横幅需要实现四帧轮播效果时，可以首先 在网页结构上创建横幅的位置标识符：sitea.index.banner。

接下来，响应对组件库中轮播组件的选择生成一个轮播组件实例。 该轮播组件实例包含模板类型、模板属性值以及该组件可以添加的子组 件类型，根据模板类型选择消息生成一个对应该模板类型的模板。

响应子组件实例选择消息生成该轮播组件实例的四个帧类型子组件 实例，获取对每个子组件实例的子组件模板、子组件模板属性值以及数 据源设置设置。在本实施例中，可以为每个帧类型子组件实例设置两个 展示槽(slot)，并获取展示槽数据源设置和展示槽属性值，从而生成具 有四轮播放效果的轮播组件实例。

关联位置标识符和轮播组件实例，从而在加载页面时，可以将位置 标识符传给渲染接口，使渲染接口找到该轮播组件实例，并根据轮播组 件实例的层级结构首先渲染各子组件实例，然后将各子组件实例作为轮 播组件实例的数据去渲染轮播组件实例，最后生成轮播组件实例的 HTML片段并将该片段返回给前端进行显示。

本公开实施例通过对网页各位置划分逻辑层次结构，在后台统一维 护网页结构，可以为不同网站、不同网页的内容管理提供统一的操作接 口。此外，通过独立管理模板和数据，可以对网页位置、模板和数据的 动态调整，提高新增、删除、修改网页内容的效率，提升内容复用率和 扩展度。

对应于上述方法实施例，本公开还提供一种网页生成装置，可以用 于执行上述方法实施例。

图11示意性示出本公开一个示例性实施例中一种网页生成装置的 方框图。

参考图11，网页生成装置110可以包括：

结构获取模块111，设置为获取网页结构信息，所述网页结构信息 包括多个网页位置的层级结构。

组件实例获取模块112，设置为获取对应于每个所述网页位置的组 件实例。

内容获取模块113，设置为获取所述组件实例的模板与数据。

位置渲染模块114，设置为响应网页访问请求，根据所述网页结构 信息、所述模板与所述数据渲染所述组件实例。

由于装置110的各功能已在其对应的方法实施例中予以详细说明， 本公开于此不再赘述。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若 干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的 实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一 个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征 和功能可以进一步划分为由多个模块或者单元来具体化。

在本公开的示例性实施例中，还提供了一种能够实现上述方法的电 子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为 系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下 形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微 代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、 “模块”或“系统”。

下面参照图12来描述根据本发明的这种实施方式的电子设备1200。 图12显示的电子设备1200仅仅是一个示例，不应对本发明实施例的功 能和使用范围带来任何限制。

如图12所示，电子设备1200以通用计算设备的形式表现。电子设 备1200的组件可以包括但不限于：上述至少一个处理单元1210、上述 至少一个存储单元1220、连接不同系统组件(包括存储单元1220和处 理单元1210)的总线1230。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处 理单元1210执行，使得所述处理单元1210执行本说明书上述“示例性 方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所 述处理单元1210可以执行如图1中所示的步骤S1：获取网页结构信息， 所述网页结构信息包括多个网页位置的层级结构；步骤S2：获取对应于 每个所述网页位置的组件实例；步骤S3：获取所述组件实例的模板与数 据；步骤S4：响应网页访问请求，根据所述网页结构信息、所述模板与 所述数据渲染所述组件实例。

存储单元1220可以包括易失性存储单元形式的可读介质，例如随机 存取存储单元(RAM)12201和/或高速缓存存储单元12202，还可以进 一步包括只读存储单元(ROM)12203。

存储单元1220还可以包括具有一组(至少一个)程序模块12205 的程序/实用工具12204，这样的程序模块12205包括但不限于：操作系 统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中 的每一个或某种组合中可能包括网络环境的实现。

总线1230可以为表示几类总线结构中的一种或多种，包括存储单元 总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使 用多种总线结构中的任意总线结构的局域总线。

电子设备1200也可以与一个或多个外部设备700(例如键盘、指向 设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设 备1200交互的设备通信，和/或与使得该电子设备1200能与一个或多个 其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通 信。这种通信可以通过输入/输出(I/O)接口1250进行。并且，电子设 备1200还可以通过网络适配器1260与一个或者多个网络(例如局域网 (LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所 示，网络适配器1260通过总线1230与电子设备1200的其它模块通信。 应当明白，尽管图中未示出，可以结合电子设备1200使用其它硬件和/ 或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外 部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描 述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件 的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品 的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以 是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等) 执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质， 其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施 方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括 程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使 所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发 明各种示例性实施方式的步骤。

根据本发明的实施方式的用于实现上述方法的程序产品其可以采用 便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设 备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文 件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可 以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质 可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不 限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者 任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括： 具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光 纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、 或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的 数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多 种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可 读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可 以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与 其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不 限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明 操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸 如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或 类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部 分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算 设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器 上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种 类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设 备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通 过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理 的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不 表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是 例如在多个模块中同步或异步执行的。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想 到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或 者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原 理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说 明书和实施例仅被视为示例性的，本公开的真正范围和构思由权利要求 指出。

Claims (10)

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

获取网页结构信息，所述网页结构信息包括多个网页位置的层级结构；

获取对应于每个所述网页位置的组件实例；

获取所述组件实例的模板与数据；

响应网页访问请求，根据所述网页结构信息、所述模板与所述数据渲染所述组件实例。

2.如权利要求1所述的网页生成方法，其特征在于，还包括：

响应对应于网页位置的组件选择消息新建组件实例；

响应对应于所述组件实例的模板类型选择消息生成模板；

获取对应于所述模板的数据源设置。

3.如权利要求1所述的网页生成方法，其特征在于，还包括：

响应对应于所述组件实例的子组件类型选择消息新建子组件实例；

响应对应于所述子组件实例的模板类型选择消息生成子组件模板；

获取对应于所述子组件模板的子组件数据源设置。

4.如权利要求1所述的网页生成方法，其特征在于，还包括：

响应对应于所述网页位置的组件实例选择消息从组件实例库中获取组件实例，并将其设置为所述网页位置的组件实例。

5.如权利要求1所述的网页生成方法，其特征在于，所述响应网页访问请求，根据所述网页结构信息、所述模板与所述数据渲染所述组件实例包括：

根据所述网页访问请求与所述网页结构信息获取待渲染网页位置的组件实例；

获取所述组件实例的模板、模板属性值和数据源设置；

根据所述数据源设置调用数据；

根据所述模板、所述模板属性值与所述数据渲染所述组件实例。

6.如权利要求5所述的网页生成方法，其特征在于，所述响应网页访问请求，根据所述网页结构信息、所述模板与所述数据渲染所述组件实例还包括：

获取所述组件实例子组件实例；

获取所述子组件实例的子组件模板、子组件模板属性值以及子组件数据源设置；

根据所述子组件数据源设置调用子组件数据；

根据所述子组件模板、所述子组件模板属性值与所述子组件数据渲染所述子组件实例；

根据所述子组件实例渲染所述组件实例。

7.如权利要求1所述的网页生成方法，其特征在于，还包括：

根据渲染后的所述组件实例生成网页片段并返回给前端。

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

结构获取模块，设置为获取网页结构信息，所述网页结构信息包括多个网页位置的层级结构；

组件实例获取模块，设置为获取对应于每个所述网页位置的组件实例；

内容获取模块，设置为获取所述组件实例的模板与数据；

位置渲染模块，设置为响应网页访问请求，根据所述网页结构信息、所述模板与所述数据渲染所述组件实例。

9.一种电子设备，其特征在于，包括：

存储器；以及

耦合到所属存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行如权利要求1-7任一项所述的网页生成方法。

10.一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现如权利要求1-7任一项所述的网页生成方法。