一种网页创建与展现方法及装置与流程

本申请涉及网络技术领域，尤其涉及一种网页创建与展现方法及装置。

背景技术

在构建网站的过程中，需要依次编辑网站中的各个网页，才可以完成网站中各个网页的创建。

在创建网页的过程中，可能会涉及到向网页的某个区域中插入内容对象(可以是静态内容对象或者动态更新的内容对象)的操作。在该种情况下，需要网站编辑人员基于待插入的内容对象的地址，在网页中该区域内设置所需调用的该内容对象的地址以及编辑调用方式等等复杂的编辑工作，才可以完成内容对象的插入。

而大部分情况下，在创建网页中的过程中经常会涉及到向网页中的一个或多个区域中插入内容对象，而每次插入内容对象的编辑工作都较为复杂，从而使得网页创建的复杂度较高。

技术实现要素：

有鉴于此，本申请提供了一种网页创建与展现方法及装置，以降低网站中网页创建的复杂度。

为实现上述目的，一方面，本申请提供了一种网页创建方法，包括：

获取待编辑的网页；

确定所述网页中当前待编辑的目标区域；

确定所述目标区域中所需插入的内容调用标签，所述内容调用标签配置有用于指向至少一个目标对象内容的调用地址，以及实现调用所述至少一个目标对象内容所需的调用配置数据；

建立所述目标网页中所述目标区域与所述内容调用标签的绑定关系；

将所述绑定关系与所述网页一并存储，以完成所述网页的创建。

优选的，所述确定所述目标区域中所需插入的内容调用标签，包括：

确定所述目标区域中所需插入的静态内容调用标签，所述静态内容调用标签配置有用于指向一个目标对象内容的调用地址；所述调用配置数据至少包括：调用所述目标对象内容的调用方式。

优选的，所述确定所述目标区域中所需插入的内容调用标签，包括：

确定所述目标区域中所需插入的动态内容调用标签，所述动态内容调用标签至少配置有用于指向至少一个目标对象内容集合的调用地址；所述调用配置数据至少包括：用于控制所述目标对象内容集合中至少一个目标对象内容展现的调用规则，以及实现调用所述目标对象内容集合的调用方式。

优选的，所述建立所述目标网页中所述目标区域与所述内容调用标签的绑定关系，包括：

生成所述目标网页中所述目标区域的标识与所述内容调用标签的标识之间的关联关系。

优选的，所述确定所述目标区域中所需插入的内容调用标签，包括：

展现对象内容与内容调用标签之间对应关系的列表；

接收用户从所述列表中选择的待插入的对象内容对应的内容调用标签，以确定出待插入所述目标区域中的内容调用标签。

又一方面，本申请还提供了一种网页展现方法，包括：

当确定当前需要展现所述网页时，加载所述网页的页面数据；

依据所述页面数据，确定所述网页中各个区域对应的绑定关系，所述绑定关系为所述区域与内容调用标签之间的绑定关系；

针对所述网页中每个所述区域，依据所述区域对应的绑定关系，确定所述区域绑定的内容调用标签，所述内容调用标签配置有用于指向至少一个目标对象内容的调用地址，以及实现调用所述至少一个目标对象内容所需的调用配置数据；

依据所述区域绑定的内容调用标签中的所述调用配置数据，调用所述内容调用标签中所述调用地址指向的至少一个目标对象内容，并将所述至少一个目标对象内容展现在所述网页的所述区域中。

又一方面，本申请还提供了一种网页创建装置，包括：

网页获取单元，用于获取待编辑的网页；

区域确定单元，用于确定所述网页中当前待编辑的目标区域；

标签确定单元，用于确定所述目标区域中所需插入的内容调用标签，所述内容调用标签配置有用于指向至少一个目标对象内容的调用地址，以及实现调用所述至少一个目标对象内容所需的调用配置数据；

关系建立单元，用于建立所述目标网页中所述目标区域与所述内容调用标签的绑定关系；

信息存储单元，用于将所述绑定关系与所述网页一并存储，以完成所述网页的创建。

优选的，所述标签确定单元，包括：

第一标签确定单元，用于确定所述目标区域中所需插入的静态内容调用标签，所述静态内容调用标签配置有用于指向一个目标对象内容的调用地址；所述调用配置数据至少包括：调用所述目标对象内容的调用方式。

优选的，所述标签确定单元，包括：

第二标签确定单元，用于确定所述目标区域中所需插入的动态内容调用标签，所述动态内容调用标签至少配置有用于指向至少一个目标对象内容集合的调用地址；所述调用配置数据至少包括：用于控制所述目标对象内容集合中至少一个目标对象内容展现的调用规则，以及实现调用所述目标对象内容集合的调用方式。

又一方面，本申请还提供了一种网页展现装置，包括：

数据加载单元，用于当确定当前需要展现所述网页时，加载所述网页的页面数据；

关系确定单元，用于依据所述页面数据，确定所述网页中各个区域对应的绑定关系，所述绑定关系为所述区域与内容调用标签之间的绑定关系；

标签定位单元，用于针对所述网页中每个所述区域，依据所述区域对应的绑定关系，确定所述区域绑定的内容调用标签，所述内容调用标签配置有用于指向至少一个目标对象内容的调用地址，以及实现调用所述至少一个目标对象内容所需的调用配置数据；

内容展现单元，用于依据所述区域绑定的内容调用标签中的所述调用配置数据，调用所述内容调用标签中所述调用地址指向的至少一个目标对象内容，并将所述至少一个目标对象内容展现在所述网页的所述区域中。

由以上可知，在本申请实施例中，在网页编辑过程中，如果需要向网页的目标区域中插入对象内容，只需确定指向该对象内容的内容调用标签，并建立该网页中该目标区域与该内容调用标签的绑定关系，由于内容调用标签中已经包含了指向该对象内容的地址以及用于调用该对象内容所需的调用配置数据，因此，该目标区域绑定了该内容调用标签实际上就是为该目标区域配置了调用该目标区域所需的地址以及调用该对象内容所需的相关配置数据，从而无需用户再进行地址以及调用方式等复杂的编辑操作，降低了向网页中插入对象内容的复杂度，进而提高了网页编辑以及创建的便捷性和高效性。

附图说明

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

图1示出了本申请一种网页创建方法一个实施例的流程示意图；

图2示出了本申请一种网页创建方法又一个实施例的流程示意图；

图3示出了本申请一种网页展现方法一个实施例的流程示意图；

图4示出了本申请一种网页创建装置一个实施例的组成结构示意图；

图5示出了本申请一种网页展现装置一个实施例的组成结构示意图。

具体实施方式

本申请实施例的网页创建方法可以应用于网站中的网页构建，以降低网页创建的复杂度，提高网站创建的便捷性和高效性，进而提高网站创建的便捷性和高效性。

本申请的网页创建方法适用于网站服务器或者个人计算机等用于创建网站网页的计算机设备中。

可以理解的是，在网页构建过程中，经常会涉及到向网页的某部分区域中插入对象内容，该对象内容可以为数据表中的数据、或者特定形式的数据内容等。由于向网页中插入对象内容需要在网页中编辑该对象内容的地址，以及编写调用该对象内容所涉及到的调用方式等相关的代码，从而对网站编辑人员的要求较高；且，在网页创建过程中，编辑待插入到网页中的对象内容的地址以及配置调用方式或编写调用方式等相关的代码的复杂度较高，耗时较长，大大增加了网页编辑创建的复杂度。

而本申请的发明人经研究发现：很多情况下，同一网站或者不同网站的不同网页中可能会需要插入相同的对象内容，也就是说，相同的对象内容可能会被多次执行重复插入。如，对于一个企业网站而言，在该网站的不同网页中不同部分可能都会涉及到企业最新新闻，以及网页底部的版权信息等内容对象的显示。因此，对于这些可能会涉及到多次重复插入的对象内容，如果预先配置了包含向网页中插入该对象内容所需配置的地址以及调用方式等配置数据，则直接向网页中插入相关的配置数据，则便可以基于配置数据，实现向网页中插入相应的对象内容，从而无需每次都经过复杂的编辑操作。

基于以上发现，本申请的发明人进一步研究发现：对于可能会被不同网页多次插入的对象内容，可以基于该目标对象内容，生成相应的内容调用标签，内容调用标签中配置了指向该目标对象内容的调用地址以及用于实现调用该目标对象内容的调用方式等相关数据。相应的，在编辑网页的过程中，如果需要插入某个对象内容，则可以直接向网页中相应区域内插入该对象内容对应的内容调用标签，由于内容调用标签中配置了调用该对象内容所需的地址以及调用方式等配置数据，从而无需编辑人员在进行复杂的编辑操作，有利于降低网页编辑的复杂度。

而且，该内容调用标签可以在构建不同网页时被多次使用，从而大大提高了网页以及网站创建的便捷性。

下面结合附图进行介绍。

如，参见图1，其示出了本申请实施例一种网页创建方法的一种流程示意图，本实施例的方法可以包括：

s101，获取待编辑的网页。

其中，该网页可以为独立的网页，也可以是网站中待构建的网页。

如，在创建网页的过程中，可以获取并展现出当前需要编辑的网页，以便对该网页进行内容插入、配置模板等等，以最终构建出网站。

s102，确定该网页中当前待编辑的目标区域。

其中，该目标区域为网页中当前需要编辑，以插入对象内容的区域。

如，网页中包括两个可编辑的区域，例如，区域1和区域2，这两个区域可以根据需要插入相同或者不同的内容对象，假设当前已经需要编辑区域1，以向区域1中插入所需的对象内容，则区域1为该网页的目标区域。

s103，确定该目标区域中所需插入的内容调用标签。

如，接收用户从多个内容调用标签中，选择出的待插入该目标区域的内容调用标签，将该内容调用标签作为待插入的目标内容调用标签。

其中，内容调用标签是预先生成的，配置有指向至少一个对象内容的地址以及调用该至少一个内容对象所需的调用配置数据的存储容器。其中，内容调用标签的具体形式可以有多种。如，考虑到内容调用标签也包含相关数据代码，该内容调用标签也可以称为一个片段，在片段中存储有相关地址以及调用配置数据。

为了便于区分，将确定出的待插入的内容调用标签中配置的调用地址称为指向至少一个目标对象内容的调用地址；相应的，将调用配置数据称为用于实现调用该至少一个目标对象内容所需的调用配置数据。

其中，该调用地址可以是目标对象内容的存储地址，其用于指向该目标对象内容，以便于后续展现网页时，基于该调用地址调用目标对象内容，从而在网页中展现该目标对象内容。

其中，该调用配置数据为用于调用目标对象内容所需的相关配置数据，通过该调用配置数据可以实现对目标对象内容的自动调用，从而无需用户手动编辑、配置用于调用目标对象内容的相关数据。

可选的，调用配置数据至少可以包括调用目标对象内容所需的调用方式，基于该调用方式可以实现从数据库等存储区，调用该目标对象内容，以将该目标对象内容插入到网页中，进而在网页中展现出该目标对象内容。如，该调用方式可以是调用该目标对象内容所需执行的各个执行步骤以及调用目标对象内容所涉及到的预处理以及资源分配等操作。

可以理解的是，由于同一网站的不同网页中可能涉及到需要重复插入的对象内容有多个，而针对不同对象内容，可以分别生成相应的内容调用标签，因此，创建网页的计算机设备中可以存储有多个内容调用标签的信息，如，多个内容调用标签的标识以及该多个内容调用标签的具体内容等。

可以理解的是，网页中所需插入的对象内容的类型可以分为两类，一类是静态对象内容，即，能重复应用在自定义页面或内容详情中的静态内容。网站中展现的静态对象内容，在不同时刻展现出的内容均不会变化。例如，网页中底部版权信息，以及网页中回到顶部标识项(回到顶部标签)均属于网站中展现的静态对象内容。另一类是动态对象内容，动态对象内容是指能按照设定的数据与规则动态更新的内容。如，网站的网页中动态更新的最新新闻、最新产品等都属于网页中的动态对象内容；又如，网站的网页中可能会插入商品详情内容，而该商品详情内容包括多个子产品详情，则可能需要依次展现该多个子产品详情，则该商品详情内容就属于动态对象内容。

在对象内容类型不同时，基于对象内容所生成的内容调用标签也会有所差异。相应的，将针对静态对象内容生成的内容调用标签称为静态内容调用标签；而针对动态对象内容生成内容调用标签称为动态内容调用标签。

其中，由于静态对象内容不会动态变化，因此，静态内容调用标签中配置的调用地址为指向一个目标对象内容的调用地址，相应的，静态内容调用标签中配置的调用配置数据至少包括：调用该目标对象内容的调用方式。

由于动态对象内容是会动态变化的，因此，动态对象内容可能涉及到多个对象内容，因此，动态内容调用标签至少配置有指向至少一个目标对象内容集合的调用地址。其中，每个目标对象内容集合包括至少一个目标对象内容。而考虑到动态对象内容是按照特定规则动态更新的，因此，动态内容调用标签中配置的调用配置数据除了包括：用于实现调用该至少一个目标对象内容集合的调用方式之外，至少还包括：用于控制该目标对象内容集合中至少一个目标对象内容展现的调用规则。

其中，该调用规则可以包括该目标对象内容集合中至少一个目标对象内容的调取数量，更新频率以及排序方式等等。如，该调用规则中可以规定该目标对象内容集合被依次调取的次序，以使得后续可以使得目标对象内容集合涉及到的多个目标对象内容按顺序依次动态展现。

s104，建立该目标网页中该目标区域与该内容调用标签的绑定关系。

其中，建立该目标区域与该内容调用标签的绑定关系可以是存储该目标区域与该内容调用标签的关联关系，以便后续展现网页时，依据该目标区域关联的内容调用标签调用目标内容对象，以最终将目标内容对象插入到该网页的该目标区域中。

可选的，在实际应用中，可以是生成该网页中该目标区域的标识与该目标内容调用标签的标识之间的关联关系。

通过执行以上步骤s102到s104，便可以实现完向该目标区域中插入相应内容对象的操作，由于内容调用标签中已经配置了调用内容对象所需的相关数据，因此，通过建立目标区域与内容调用标签的绑定关系便可以实现向目标区域中插入内容对象，从而在后续展现网页时，基于配置的用于调用内容对象的相关数据，向该目标区域中展现出相应的内容对象，从而无需人工在复杂的编辑操作，提高了向网页中插入对象内容的便捷性。

s105，将该绑定关系与该网页一并存储，以完成该网页的创建。

可以理解的是，将绑定关系作为网页的一部分数据与该网页一并存储，以使得后续展现网页时，可以基于绑定关系向网页中相应区域插入并展现出相应的内容对象。

需要说明的是，如果网页中不存在其他区域需要编辑，将该绑定关系与网页一并存储，则结束网页编辑，完成网页的创建。如果网页中仍存在其他需要编辑的区域，仍可以继续编辑其他部分，只要最终将该网页与各个区域对应的绑定关系一并存储即可。

由以上可知，在本申请实施例中，在网页编辑过程中，如果需要向网页的目标区域中插入对象内容，只需确定指向该对象内容的内容调用标签，并建立该网页中该目标区域与该内容调用标签的绑定关系，由于内容调用标签中已经包含了指向该对象内容的地址以及用于调用该对象内容所需的调用配置数据，因此，该目标区域绑定了该内容调用标签实际上就是为该目标区域配置了调用该目标区域所需的地址以及调用该对象内容所需的相关配置数据，从而无需用户再进行地址以及调用方式等复杂的编辑操作，降低了向网页中插入对象内容的复杂度，进而提高了网页编辑以及创建的便捷性和高效性。

可以理解的是，本申请实施例中，内容调用标签仅仅是配置有对象内容的地址以及调用方式，并不涉及到对象内容展现方式，因此，在网页加载过程中，可以根据终端类型来调整对象内容的展示大小，因此，内容调用标签可以适用于任意类型的终端，而无需针对移动终端、个人计算机pc端等不同类型终端分别设置不同类型的内容调用标签。

为了便于理解本申请的网页创建方法，如，参见图2，其示出了本申请实施例一种网页创建方法又一种流程示意图，本实施例的方法可以包括：

s201，获取待编辑的网页。

s202，确定用户从该网页中选择的当前待编辑的目标区域。

s203，展现包含对象内容与内容调用标签之间对应关系的列表。

如，接收用于的对象插入指令，展现该列表。

其中，该列表中展现了不同对象内容的标识所对应的内容调用标签，这样，用户可以根据需要向该目标区域中插入的对象内容，从该列表中选取出该对象内容对应的内容调用标签。

s204，接收用户从该列表的多个标签中，选取出的待插入目标对象内容对应的内容调用标签。

如，用户在列表中选中某个内容调用标签的选项，则确定该目标区域需要与该内容调用标签建立关联。

s205，生成该网页中该目标区域的标识与选取出的该内容调用标签的标识之间的关联关系。

可以理解的是，通过建立目标区域的标识与内容调用标签的标识之间的关联关系，可以完成该目标区域与该内容调用标签的绑定关系。

可以理解的是，在本申请实施例中，由于在构建网页过程中，仅仅是生成网页中该区域与内容调用标签之间的关联关系，因此，后续如果更新该内容调用标签，则所有与该内容调用标签具有关联的网页均会相应更新，而无需单独对各个网页进行修改。

s206，将该关联关系与该网页一并存储，以完成所述网页的创建。

可以理解的是，在基于本申请实施例的如上方案创建了网站的网页之后，后续如果需要展现该网页，展现该网页的过程与常规的网页展现过程相似。为了便于理解，可以参见图3，其示出了基于本申请的网页创建方法创建的网页的展现方法的一种流程示意图，该流程可以运行于如上的计算机设备中，如果网站在其他服务器或者设备中运行，该展现方法也可以运行于其他服务器或者设备中，该流程可以包括：

s301，当确定当前需要展现该网页时，加载网页的页面数据。

其中，加载网页的页面数据的目的是为了加载网页内容，以渲染并展现出网页。

该页面数据可以包括页面中各个区域所对应的绑定关系，以及网页相关的数据。

s302，针对网页中每个该区域，依据该区域对应的绑定关系，确定该区域绑定的内容调用标签。

在本申请实施例中，由于网页中各个区域是通过绑定内容调用标签完成区域填充的，因此，在展现网页的过程中，需要先依据该网页的页面数据，确定该网页中各个区域对应的绑定关系，从而依据绑定关系，确定区域所绑定的内容调用标签。

s303，依据该内容调用标签中配置的调用配置数据，调用该内容调用标签中配置的调用地址所指向的至少一个目标对象内容。

确定出区域绑定的内容调用标签之后，依据该内容调用标签中配置的调用配置数据以及调用地址，便可以实现对至少一个目标对象内容的调用，进而在该区域中加载出相应的目标对象内容。

其中，基于内容调用标签中配置的调用配置数据以及调用地址，在该区域中加载目标对象内容的过程与常规网页中向区域内加载插入的目标对象内容的过程相似，在此不再赘述。

可选的，考虑到内容调用标签包括静态内容调用标签和动态内容调用标签，而动态内容调用标签中的调用配置数据除了包括调用方式之外，还包括调用规则，因此，对于动态内容调用标签在网页中加载对象内容时，还需要依据调用规则确定当前需要在网页中展现的目标对象内容，然后再依据调用配置数据中的调用方式以及调用地址对相应的目标对象内容进行调用，以在网页中该区域展现出该目标对象内容。如，仍以产品详情内容的展现过程为例，在内容调用标签中会包含该产品详情内容涉及到的多个子产品的详情的调用规则，例如，可以是依次展现该多个子产品的详情，在该种情况下，依据调用规则，确定当前待展现的子产品的详情，然后依据调用方式以及该子产品的详情对应的调用地址，并调用并加载该子产品的详情，以在当前时刻展现出该子产品的详情。

s304，将该至少一个目标对象内容展现在该区域中。

当然，图3仅仅是为了便于理解，以基于内容调用标签中的调用配置数据以及调用地址向网页中相应区域加载并展现对象内容的一种实现方式为例进行说明，在网页中绑定了区域与内容调用标签的绑定关系之后，基于网页中某个区域绑定的内容调用标签中配置的相关调用配置数据等，向网页中加载内容对象还可以有其他方式，本申请对此不加以限制。

对应本申请的一种网页创建方法，本申请还提供了一种网页创建装置。如，参见图4，其示出了本申请一种网页创建装置一个实施例的组成结构示意图，本实施例的网页创建装置可以包括：

网页获取单元401，用于获取待编辑的网页；

区域确定单元402，用于确定所述网页中当前待编辑的目标区域；

标签确定单元403，用于确定所述目标区域中所需插入的内容调用标签，所述内容调用标签配置有用于指向至少一个目标对象内容的调用地址，以及实现调用所述至少一个目标对象内容所需的调用配置数据；

关系建立单元404，用于建立所述目标网页中所述目标区域与所述内容调用标签的绑定关系；

信息存储单元405，用于将所述绑定关系与所述网页一并存储，以完成所述网页的创建。

在一种可能的实现方式中，所述标签确定单元，包括：

第一标签确定单元，用于确定所述目标区域中所需插入的静态内容调用标签，所述静态内容调用标签配置有用于指向一个目标对象内容的调用地址；所述调用配置数据至少包括：调用所述目标对象内容的调用方式。

在又一种可能的实现方式中，所述标签确定单元，包括：

第二标签确定单元，用于确定所述目标区域中所需插入的动态内容调用标签，所述动态内容调用标签至少配置有用于指向至少一个目标对象内容集合的调用地址；所述调用配置数据至少包括：用于控制所述目标对象内容集合中至少一个目标对象内容展现的调用规则，以及实现调用所述目标对象内容集合的调用方式。

其中，所述关系建立单元具体可以为，用于生成所述目标网页中所述目标区域的标识与所述内容调用标签的标识之间的关联关系。

可选的，标签确定单元，包括：

列表展现单元，用于展现对象内容与内容调用标签之间对应关系的列表；

标签选择单元，用于接收用户从所述列表中选择的待插入的对象内容对应的内容调用标签，以确定出待插入所述目标区域中的内容调用标签。

另一方面，本申请还提供了一种网页展现装置，如，参见图5，其示出了本申请一种网页展现装置一个实施例的组成示意图，本实施例的该网页展现装置可以包括：

数据加载单元501，用于当确定当前需要展现所述网页时，加载所述网页的页面数据；

关系确定单元502，用于依据所述页面数据，确定所述网页中各个区域对应的绑定关系，所述绑定关系为所述区域与内容调用标签之间的绑定关系；

标签定位单元503，用于针对所述网页中每个所述区域，依据所述区域对应的绑定关系，确定所述区域绑定的内容调用标签，所述内容调用标签配置有用于指向至少一个目标对象内容的调用地址，以及实现调用所述至少一个目标对象内容所需的调用配置数据；

内容展现单元504，用于依据所述区域绑定的内容调用标签中的所述调用配置数据，调用所述内容调用标签中所述调用地址指向的至少一个目标对象内容，并将所述至少一个目标对象内容展现在所述网页的所述区域中。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

以上仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。