CN103955367A - 一种生成页面的方法及装置 - Google Patents

Abstract

本发明涉及数据处理技术领域，公开了一种页面生成方法及装置，在该方案中，在生成页面的过程中，先确定呈现访问页面的界面时所需要的至少一个元素，再确定至少一个元素中的每一个元素分别对应的元素模板，如果两次访问的两个页面的界面中有元素是相同的，那么在生成这两个页面的过程中，对于相同的元素可以调用相同的元素模板，也就是说，元素模板可以重复利用，而这种情况，现在技术中是需要开发新的界面模板的，因此，本方案解决了现有技术中在呈现不同的页面时存在的复杂度较高、灵活性较低、浪费资源的问题。

Description

一种生成页面的方法及装置

技术领域

本发明涉及数据处理技术领域，特别涉及一种生成页面的方法及装置。

背景技术

随着信息技术的发展，人们越来越多利用WEB服务的形式来实现具体的特定的各类业务与应用。而作为服务的提供者，WEB服务主要是通过各种WEB页面与使用者交互，以实现获得输入与返回输出，作为与使用者直接接触的媒介，WEB页面生成技术的重要性就日益突出。

WEB页面一般由超文本标记语言(Hyper Text Mark-up Language，HTML)组成，它的表现形式非常有限，所以人们对其进行功能扩充，在HTML之外发展了层叠样式表(Cascading Style Sheets，CSS)及用于页面编程的脚本(Javascript，JS)技术，目前大部分WEB页面一般都是由HTML、CSS和JS组成。

传统的页面生成过程中，需要调用界面模板，所谓模板，即是指一段可被调用的代码，界面模板也主要包括界面CSS部分、JavaScript部分、HTML部分，如图1所示，其中，每一部分都是固定的，因此，若客户端需要呈现不同的页面时，就需要调用不同的界面模板，此时，就需要开发新的界面模板，过程复杂、灵活性较低、浪费资源。

发明内容

本发明实施例提供一种页面生成方法及装置，用以解决现有技术中存在的在呈现不同的页面时复杂度较高、灵活性较低、浪费资源的问题。

第一方面，提供一种生成页面的方法，包括：

接收客户端发送的访问页面的请求；

根据所述访问页面的请求确定呈现所述访问页面的界面时所需要的至少一个元素，并确定所述至少一个元素中的每一个元素分别对应的元素模板，其中，所述访问页面呈现的界面由元素模板被调用后表征的元素组成；

对确定的所述至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至所述客户端，以使得所述客户端根据接收到的所述所有的元素模板生成所述访问页面。

结合第一方面，在第一种可能的实现方式中，所述元素模板中的属性值为变量；

在对确定的所述至少一个元素中的每一个元素分别对应的元素模板进行调用之后，将得到的全部元素模板返回至所述客户端之前，还包括：

针对所述至少一个元素中的任意一元素，分别执行：

根据所述访问页面的请求确定所述任意一元素在所述访问页面中呈现时对应的样式数据；

将所述样式数据作为所述任意一元素对应的元素模板的属性值中的样式值。

结合第一方面，或者第一方面的第一种可能的实现方式，在第二种可能的实现方式中，在将得到的全部元素模板返回至所述客户端之后，还包括：

获取静态资源；

将所述获取的静态资源发送至所述客户端，以使得所述客户端根据接收到的所有的元素模板，及所述静态资源生成访问页面。

结合第一方面，或者第一方面的第一至第二种可能的实现方式，在第三种可能的实现方式中，所述元素模板为输入元素模板、下拉菜单元素模板、选择元素模板中的一种或者任意组合。

结合第一方面的第三种可能的实现方式，在第四种可能的实现方式中，所述静态资源包括层叠样式表CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。

第二方面，提供一种生成页面的装置，包括：

接收单元，用于接收客户端发送的访问页面的请求；

确定单元，用于根据所述访问页面的请求确定呈现所述访问页面的界面时所需要的至少一个元素，并确定所述至少一个元素中的每一个元素分别对应的元素模板，其中，所述访问页面呈现的界面由元素模板被调用后表征的元素组成；

调用单元，用于对确定的所述至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至所述客户端，以使得所述客户端根据接收到的所述所有的元素模板生成所述访问页面。

结合第二方面，在第一种可能的实现方式中，所述确定单元确定的元素模板中的属性值为变量；

所述调用单元还用于：

针对所述至少一个元素中的任意一元素，分别执行：

根据所述访问页面的请求确定所述任意一元素在所述访问页面中呈现时对应的样式数据；

将所述样式数据作为所述任意一元素对应的元素模板的属性值中的样式值。

结合第二方面，或者第二方面的第一种可能的实现方式，在第二种可能的实现方式中，所述调用单元还用于：

获取静态资源；

将所述获取的静态资源发送至所述客户端，以使得所述客户端根据接收到的所有的元素模板，及所述静态资源生成访问页面。

结合第二方面，或者第二方面的第一至第二种可能的实现方式，在第三种可能的实现方式中，所述确定单元确定的元素模板为输入元素模板、下拉菜单元素模板、选择元素模板中的一种或者任意组合。

结合第二方面的第三种可能的实现方式，在第四种可能的实现方式中，所述调用单元获取的静态资源包括层叠样式表CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。

本发明有益效果如下：

现有技术中，界面模板中的每一部分都是固定的，因此，若客户端需要呈现不同的页面时，就需要调用不同的界面模板，此时，就需要开发新的界面模板，过程复杂、灵活性较低、浪费资源，而本发明实施例中，访问的页面呈现的界面由元素模板被调用后表征的元素组成的，那么在调用时，确定呈现所述访问页面的界面时所需要的至少一个元素，并确定所述至少一个元素中的每一个元素分别对应的元素模板，然后，调用元素模板，那么，在访问两个不同的页面时，即使两个访问的页面的元素相同，只是元素呈现的布局不同时，都可以对相同的元素模板进行调用，不用开发新的元素模板，元素模板可以重复利用，而在现有技术中，需要开发新的界面模板，因此，本方案解决了现有技术中在访问不同的页面时存在的复杂度较高、灵活性较低、浪费资源的问题。

附图说明

图1为现有技术中界面模板示意图；

图2A为本发明实施例中生成页面的方法流程示意图；

图2B为本发明实施例中元素模板的一种示意图；

图2C为本发明实施例中调用元素模板的示意图；

图2D为本发明实施例中元素模板的又一种示意图；

图2E为本发明实施例中元素模板的另一种示意图；

图2F为本发明实施例中元素模板另一种示意图；

图2G为本发明实施例中CMS开发元素模板时的页面生成示意图；

图3为本发明实施例中生成页面的实施例；

图4为本发明实施例中生成页面的装置的功能结构示意图；

图5为本发明实施例中生成页面的装置的实体结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

本发明实施例中，提供一种页面生成的方法，在该方案中，在生成页面的过程中，先确定呈现访问页面的界面时所需要的至少一个元素，再确定至少一个元素中的每一个元素分别对应的元素模板，如果两次访问的两个页面的界面中有元素是相同的，那么在生成这两个页面的过程中，对于相同的元素可以调用相同的元素模板，也就是说，元素模板可以重复利用，而这种情况，现在技术中是需要开发新的界面模板的，因此，本方案解决了现有技术中在呈现不同的页面时存在的复杂度较高、灵活性较低、浪费资源的问题。

下面结合附图对本发明优选的实施方式进行详细说明。

参阅图2A所示，本发明实施例中提供一种生成页面的方法，该方法的具体过程如下：

步骤200：接收客户端发送的访问页面的请求；

步骤210：根据访问页面的请求确定呈现访问页面的界面时所需要的至少一个元素，并确定至少一个元素中的每一个元素分别对应的元素模板，其中，访问页面呈现的界面由元素模板被调用后表征的元素组成；

步骤220：对确定的至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至客户端，以使得客户端根据接收到的所有的元素模板生成访问页面。

在实际应用中界面模板包括四部分：CSS部分、JavaScript部分、HTML(Hyper Text Markup Language，超文本标记语言)部分和变量占位符部分，其中，模板中的HTML部分、CSS部分以及JavaScript部分为固定包含的模板之内，包括HTML各个标签之间的相对、绝对位置、CSS样式显示效果，JavaScript界面模板控制代码均为包含在界面模板中的固定部分，因此，若存在不同的功能下需要显示相似的页面内容时，也只能通过重新创建一份新的模板或者在原有的模板中增加更多HTML、JavaScript以及CSS代码控制来满足功能需求，重新创建一份界面模板导致相似的HTML代码无法最大程度的复用，在原有模板基础上增加更多的HTML、JavsScript以及CSS代码会导致原有模板越来越复杂，不方便修改维护。而本发明实施例中，如图2B所示，元素模板与界面模板类似，也包括四部分：CSS部分、JavaScript部分、HTML部分和变量占位符部分，而CSS部分、JavaScript部分中的参数均为变量，随着内容和样式的不同，可以将相关的参数进行替换。其中HTML的代码为元素级别的页面组建成元素模板，区别于界面模板，对于元素模板的CSS和JavaScript代码采用变量名控制，即同一个元素模板可能加载为不同的CSS样式和JavaScript控制逻辑，对应则产生不同显示效果，这样当不同功能下需要显示相似页面内容是，可以使用相同的元素模板，通过元素模板在不同功能下所加载的CSS样式文件和JavaScript控制逻辑不同来满足功能需求，这样既可以做到元素模板复用，也可以避免元素模板内部变得越来越复杂庞大。

本发明实施例中，元素模板中的属性值为变量。

例如，在生成的页面1中需要有输入框，只不过输入框对应的是用户名，且输入框的位置位于页面中的左上方，在生成的页面2中也需要有输入框，而输入框对应的是手机号，且输入框的位置位于页面中的右下方，若使用现有技术的话，由于输入框对应的名称和在页面中所处的位置不同，而界面模板中的每一部分都为定值，不能进行更改，因此，不能调用同一界面模板，但是，元素模板中的属性值是可以调整的，因此，生成页面1和生成页面2的过程中，均可以调用输入框这个元素模板，只不过要根据实际的应用场景，对该调用的元素模板的属性值进行调整，这样，就解决了现有技术中在呈现不同的页面时存在的复杂度较高、灵活性较低、浪费资源的问题。

本发明实施例中，在对确定的至少一个元素中的每一个元素分别对应的元素模板进行调用之后，将得到的全部元素模板返回至客户端之前，还包括如下操作：

针对至少一个元素中的任意一元素，分别执行：

根据访问页面的请求确定任意一元素在访问页面中呈现时对应的样式数据；

将样式数据作为任意一元素对应的元素模板的属性值中的样式值。

例如，如图2C所示，页面1中包括元素1、元素2、元素3，页面2中包括元素1、元素2，只不过元素1在页面1、2中的类型相同，样式可以不同，那么，元素模板1在页面1中所展示的效果与在页面2中所展示的效果完全不同时，具体可以调整元素模板1的属性值中的样式值class＝“$VM_div”字符串，进而实现同样类型的元素在页面1与页面2中显示不同效果的目的，即使页面1中还包括元素3，继续调用元素模板3即可，不影响对元素模板1、元素模板2的重复调用。

在实际应用中，有些内容不会随着客户端发送的访问页面的请求变化而变化，针对任意一个访问页面的请求生成的页面中都会呈现这些内容，例如，广告内容等，当然，还有一些其他可以提高用户体验的内容，因此，本发明实施例中，为了提高用于体验，在打开在将得到的全部元素模板返回至客户端之后，还包括如下操作：

获取静态资源；

将获取的静态资源发送至客户端，以使得客户端根据接收到的所有的元素模板，及静态资源生成访问页面。

当然，还有其他实现方式，在此不再进行一一详述。

本发明实施例中，元素模板有多种形式，例如为输入元素模板，如图2D所示，或者为下拉菜单元素模板，如图2E所示，或者为选择元素模板，如图2F所示。

本发明实施例中，元素模板部分可以由任意的网页编辑工具，如。CMS(Content Management System，内容管理系统)，也可为其他的网页编辑工具完成开发并完成效果预览与展示，也可以为WEB服务器，当然，也可以为其他装置，在此不再进行一一详述。

当页面生成的执行主体为WEB服务器、元素模板的开发装置为CMS，执行图示如图2G所示。

本发明实施例中，静态资源包括多种形式的内容，例如，可以包括层叠样式表CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。

当然，也可以包括其他内容，在此不再进行一一详述。

为了更好地理解本发明实施例，以下给出具体应用场景，针对页面生成的过程，作出进一步详细描述，具体如图3所示：

步骤300：WEB服务器接收客户端发送的访问页面的请求；

步骤310：WEB服务器根据访问页面的请求确定出呈现访问页面的界面时所需要的三个元素；

步骤320：WEB服务器确定三个元素中的每一个元素分别对应的元素模板，其中，访问页面呈现的界面由元三个素模板分别被调用后表征的元素组成；

步骤330：WEB服务器向CMS对确定的三个元素中的每一个元素分别对应的元素模板进行调用，根据访问页面的请求确定三个元素在访问页面中呈现时分别对应的样式数据；将对应的样式数据分别作为三个元素模板的属性值中的样式值；

步骤340：将样式值修改后的三个元素模板返回至客户端；

步骤350：WEB服务器获取静态资源，将获取的静态资源发送至客户端；；

步骤360：客户端根据接收到的三个元素模板、静态资源生成访问页面。

基于上述技术方案，参阅图4所示，本发明实施例提供一种页面生成的装置，页面生成装置包括接收单元40、确定单元41、调用单元42，其中，

接收单元40，用于接收客户端发送的访问页面的请求；

确定单元41，用于根据访问页面的请求确定呈现访问页面的界面时所需要的至少一个元素，并确定至少一个元素中的每一个元素分别对应的元素模板，其中，访问页面呈现的界面由元素模板被调用后表征的元素组成；

调用单元42，用于对确定的至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至客户端，以使得客户端根据接收到的所有的元素模板生成访问页面。

本发明实施例中，可选的，确定单元41确定的元素模板中的属性值为变量；

本发明实施例中，进一步的，调用单元42还用于：

针对至少一个元素中的任意一元素，分别执行：

根据访问页面的请求确定任意一元素在访问页面中呈现时对应的样式数据；

将样式数据作为任意一元素对应的元素模板的属性值中的样式值。

本发明实施例中，进一步的，调用单元42还用于：

获取静态资源；

将获取的静态资源发送至客户端，以使得客户端根据接收到的所有的元素模板，及静态资源生成访问页面。

本发明实施例中，可选的，确定单元41确定的元素模板为输入元素模板、下拉菜单元素模板、选择元素模板中的一种或者任意组合。

本发明实施例中，可选的，调用单元42获取的静态资源包括CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。

如图5所示，为本发明实施例提供的一种页面生成的装置的实体结构示意图，页面生成装置包括至少一个处理器501，通信总线502，存储器503以及至少一个通信接口504；

其中，通信总线502用于实现上述组件之间的连接并通信，通信接口504用于与外部设备连接并通信。

其中，存储器503用于存储需要执行的程序代码，处理器501通过执行存储器503中的程序代码，实现如下功能：

接收客户端发送的访问页面的请求；

根据访问页面的请求确定呈现访问页面的界面时所需要的至少一个元素，并确定至少一个元素中的每一个元素分别对应的元素模板，其中，访问页面呈现的界面由元素模板被调用后表征的元素组成；

调对确定的至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至客户端，以使得客户端根据接收到的所有的元素模板生成访问页面。

可选的，处理器501确定的元素模板中的属性值为变量；

本发明实施例中，进一步的，处理器501还可以实现如下功能：

针对至少一个元素中的任意一元素，分别执行：

根据访问页面的请求确定任意一元素在访问页面中呈现时对应的样式数据；

将样式数据作为任意一元素对应的元素模板的属性值中的样式值。

本发明实施例中，进一步的，处理器501还可以实现如下功能：

获取静态资源；

将获取的静态资源发送至客户端，以使得客户端根据接收到的所有的元素模板，及静态资源生成访问页面。

本发明实施例中，可选的，处理器501确定的元素模板为输入元素模板、下拉菜单元素模板、选择元素模板中的一种或者任意组合。

本发明实施例中，可选的，处理器501获取的静态资源包括CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。

综上所述，本发明实施例中，提供一种页面生成的方法，接收客户端发送的访问页面的请求；根据访问页面的请求确定呈现访问页面的界面时所需要的至少一个元素，并确定至少一个元素中的每一个元素分别对应的元素模板，其中，访问页面呈现的界面由元素模板被调用后表征的元素组成；对确定的至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至客户端，以使得客户端根据接收到的所有的元素模板生成访问页面，在该方案中，在生成页面的过程中，先确定呈现访问页面的界面时所需要的至少一个元素，再确定至少一个元素中的每一个元素分别对应的元素模板，如果两次访问的两个页面的界面中有元素是相同的，那么在生成这两个页面的过程中，对于相同的元素可以调用相同的元素模板，也就是说，元素模板可以重复利用，而这种情况，现在技术中是需要开发新的界面模板的，因此，本方案解决了现有技术中在呈现不同的页面时存在的复杂度较高、灵活性较低、浪费资源的问题。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其它可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其它可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其它可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中的功能。

这些计算机程序指令也可装载到计算机或其它可编程数据处理设备上，使得在计算机或其它可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其它可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中的功能的步骤。

尽管已描述了本发明的上述实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括上述实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样，倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

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

接收客户端发送的访问页面的请求；

根据所述访问页面的请求确定呈现所述访问页面的界面时所需要的至少一个元素，并确定所述至少一个元素中的每一个元素分别对应的元素模板，其中，所述访问页面呈现的界面由元素模板被调用后表征的元素组成；

对确定的所述至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至所述客户端，以使得所述客户端根据接收到的所述所有的元素模板生成所述访问页面。

2.如权利要求1所述的方法，其特征在于，所述元素模板中的属性值为变量；

在对确定的所述至少一个元素中的每一个元素分别对应的元素模板进行调用之后，将得到的全部元素模板返回至所述客户端之前，还包括：

针对所述至少一个元素中的任意一元素，分别执行：

根据所述访问页面的请求确定所述任意一元素在所述访问页面中呈现时对应的样式数据；

将所述样式数据作为所述任意一元素对应的元素模板的属性值中的样式值。

3.如权利要求1或2所述的方法，其特征在于，在将得到的全部元素模板返回至所述客户端之后，还包括：

获取静态资源；

将所述获取的静态资源发送至所述客户端，以使得所述客户端根据接收到的所有的元素模板，及所述静态资源生成访问页面。

4.如权利要求1-3任一项所述的方法，其特征在于，所述元素模板为输入元素模板、下拉菜单元素模板、选择元素模板中的一种或者任意组合。

5.如权利要求4所述的方法，其特征在于，所述静态资源包括层叠样式表CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。

6.一种生成页面的装置，其特征在于，包括：

接收单元，用于接收客户端发送的访问页面的请求；

确定单元，用于根据所述访问页面的请求确定呈现所述访问页面的界面时所需要的至少一个元素，并确定所述至少一个元素中的每一个元素分别对应的元素模板，其中，所述访问页面呈现的界面由元素模板被调用后表征的元素组成；

调用单元，用于对确定的所述至少一个元素中的每一个元素分别对应的元素模板进行调用，将得到的全部元素模板返回至所述客户端，以使得所述客户端根据接收到的所述所有的元素模板生成所述访问页面。

7.如权利要求6所述的装置，其特征在于，所述确定单元确定的元素模板中的属性值为变量；

所述调用单元还用于：

针对所述至少一个元素中的任意一元素，分别执行：

根据所述访问页面的请求确定所述任意一元素在所述访问页面中呈现时对应的样式数据；

将所述样式数据作为所述任意一元素对应的元素模板的属性值中的样式值。

8.如权利要求6或7所述的装置，其特征在于，所述调用单元还用于：

获取静态资源；

将所述获取的静态资源发送至所述客户端，以使得所述客户端根据接收到的所有的元素模板，及所述静态资源生成访问页面。

9.如权利要求6-8任一项所述的装置，其特征在于，所述确定单元确定的元素模板为输入元素模板、下拉菜单元素模板、选择元素模板中的一种或者任意组合。

10.如权利要求9所述的装置，其特征在于，所述调用单元获取的静态资源包括层叠样式表CSS文件、JavaScript文件、图片文件、音频文件、视频文件中的一种或任意组合。