CN110321504A - 一种页面处理方法及装置 - Google Patents

Abstract

本申请提出一种页面处理方法及装置，上述方法应用于门户系统，上述门户系统包括门户平台和至少两个子应用，上述至少两个子应用包括第一子应用，上述方法包括：上述门户平台加载已存储的上述子应用的页面框架，上述页面框架为上述至少两个子应用共用的框架；将上述页面框架绘制到上述门户平台的前端界面中，获得第一空白页面；接收来自上述第一子应用的第一页面数据，上述第一页面数据不包含显示第一页面所需数据中与上述页面框架的数据相同的部分；将上述第一页面数据加载到上述第一空白页面中，获得第一页面；在上述门户平台的前端页面中显示上述第一页面。实施本申请，可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

Description

一种页面处理方法及装置

技术领域

本发明涉及计算机领域，尤其涉及一种页面处理方法及装置。

背景技术

随着互联网的发展，信息管理越来越重要。在企业的信息管理过程中，由于企业的部门数量越来越多，各部门对应的子应用之间的信息交互变得越来越复杂。如何对企业各个子应用之间的信息进行统一管理，达到提高效率的目的是目前亟待解决的问题。

目前，为了达到统一管理各个子应用以及统一调用各个子应用的资源的目的，门户平台在启动时，可以向各个子应用请求前端页面，并显示各个子应用的前端页面到前端界面中。其中，各个子应用的前端页面包含相同的页面数据，门户平台在接收各个子应用的前端页面时，需要重复接收相同的页面数据。

这种执行方案存在页面加载速度慢、门户平台性能降低、门户平台负载压力增大等问题。

发明内容

本申请提出一种页面处理方法及装置，可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

第一方面，本申请提出一种页面处理方法，应用于门户系统，上述门户系统包括门户平台和至少两个子应用，上述至少两个子应用包括第一子应用，上述方法包括：上述门户平台加载已存储的上述子应用的页面框架，上述页面框架为上述至少两个子应用共用的框架；将上述页面框架绘制到上述门户平台的前端界面中，获得第一空白页面；接收来自上述第一子应用的第一页面数据，上述第一页面数据不包含显示第一页面所需数据中与上述页面框架的数据相同的部分；将上述第一页面数据添加到上述第一空白页面中，获得第一页面；在上述门户平台的前端页面中显示上述第一页面。

在一种可能的实现方式中，上述至少两个子应用还包括第二子应用，上述在上述门户平台的前端界面中显示上述第一页面之后，还包括：接收下拉页面的指令；在接收到上述下拉页面的指令的情况下，将上述页面框架绘制到上述第一页面下方的显示区域中，获得第二空白页面；接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；将上述第二页面数据加载到上述第二空白页面中，获得第二页面。

在另一种可能的实现方式中，上述至少两个子应用还包括第二子应用，上述在上述门户平台的前端界面中显示上述第一页面之后，还包括：接收页面切换指令；在接收到页面切换指令的情况下，删除上述第一页面中的上述第一页面数据，获得上述第二空白页面；接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；将上述第二页面数据加载到上述第二空白页面中，获得第二页面。

在又一种可能的实现方式中，在上述门户平台加载已存储的页面框架之前，所述方法还包括：获取公共数据，上述公共数据为上述至少两个子应用共用的页面数据；依据上述公共数据生成页面框架，存储上述页面框架。

在又一种可能的实现方式中，上述公共数据包括配置文件、公共逻辑和公共组件，上述依照上述公共数据生成页面框架，包括：从上述配置文件中获得上述公共数据的相对路径，上述相对路径包括第一相对路径和第二相对路径；获取上述门户平台的视图层单元的绝对路径；依据上述第一相对路径和上述绝对路径获得第一绝对路径，以及依据上述第二相对路径和上述绝对路径获得第二绝对路径；将上述公共逻辑组件导入上述第一绝对路径，以及将上述公共视图组件导入上述第二绝对路径，获得上述页面框架。

在又一种可能的实现方式中，上述第一页面数据包括独立逻辑组件和独立视图组件，在上述将上述第一页面数据加载到上述第一空白页面中，获得第一页面之前，包括：获取页面布局信息，上述页面布局信息包括第一位置和第二位置，上述第一位置表示上述独立逻辑组件在上述第一空白页面中的位置，上述第二位置表示上述独立视图组件在上述第一空白页面中的位置；上述将上述第一页面数据加载到上述第一空白页面中，获得第一页面，包括：通过上述门户平台的渲染引擎将上述独立逻辑组件加载到上述第一位置上，以及将上述独立视图组件加载到上述第二位置上，获得上述第一页面。

在又一种可能的实现方式中，在上述获取公共数据之前，上述方法还包括：接收上述第一子应用的注册信息；确定上述第一子应用的注册信息是否合法；上述获取公共数据，包括：若合法，则从上述第一子应用中获取上述公共数据。

第二方面，本申请提出一种页面处理装置，包括：加载单元，用于加载已存储的页面框架，上述页面框架为至少两个子应用共用的页面框架；第一获取单元，用于将上述页面框架绘制到上述门户平台的前端界面中，获取第一空白页面；接收单元，用于接收来自第一子应用的第一页面数据，上述第一页面数据不包含显示第一页面所需数据中与上述页面框架的数据相同的部分；上述加载单元还用于，将上述第一页面数据加载到上述第一空白页面中，获取第一页面；显示单元，用于在上述门户平台的前端页面中显示上述第一页面。

在一种可能的实现方式中，上述装置还包括：上述接收单元还用于，接收下拉页面的指令；第二获取单元，用于在接收到上述下拉页面的指令的情况下，将上述页面框架绘制到上述第一页面下方的显示区域中，获取第二空白页面；上述接收单元还用于，接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；上述加载单元还用于，将上述第二页面数据加载到上述第二空白页面中，获取第二页面。

在又一种可能的实现方式中，上述接收单元还用于，接收页面切换指令；上述第二获取单元还用于，在接收到页面切换指令的情况下，删除上述第一页面中的上述第一页面数据，获取上述第二空白页面；上述接收单元还用于，接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；上述加载单元还用于，将上述第二页面数据加载到上述第二空白页面中，获取第二页面。

在又一种可能的实现方式中，上述装置还包括：第三获取单元，用于获取公共数据，上述公共数据为上述至少两个子应用共用的页面数据；存储单元，用于依据上述公共数据生成页面框架，存储上述页面框架。

在又一种可能的实现方式中，上述存储单元具体用于：从上述配置文件中获取上述公共数据的相对路径，上述相对路径包括第一相对路径和第二相对路径；获取上述门户平台的视图层单元的绝对路径；依据上述第一相对路径和上述绝对路径获取第一绝对路径，以及依据上述第二相对路径和上述绝对路径获取第二绝对路径；将上述公共逻辑组件导入上述第一绝对路径，以及将上述公共视图组件导入上述第二绝对路径，获取上述页面框架。

在又一种可能的实现方式中，上述第一获取单元还用于，获取页面布局信息，上述页面布局信息包括第一位置和第二位置，上述第一位置表示上述独立逻辑组件在上述第一空白页面中的位置，上述第二位置表示上述独立视图组件在上述第一空白页面中的位置。

在又一种可能的实现方式中，上述第一获取单元具体用于，通过上述门户平台的渲染引擎将上述独立逻辑组件加载到上述第一位置上，以及将上述独立视图组件加载到上述第二位置上，获取上述获取第一页面。

在又一种可能的实现方式中，上述装置还包括：确定单元；上述接收单元还用于，接收上述第一子应用的注册信息；确定单元，用于确定上述第一子应用的注册信息是否合法；上述第三获取单元，用于若合法，则从上述第一子应用中获取上述公共数据。

第三方面，本申请提出一种页面处理装置，包括处理器和存储器；上述处理器和上述存储器通过总线相互连接；其中，上述存储器用于存储计算机程序，上述计算机程序包括程序指令，上述处理器被配置用于调用上述程序指令，执行如第一方面所示方法。

第四方面，本申请提出一种计算机可读存储介质，上述计算机可读存储介质存储有计算机程序，上述计算机程序包括程序指令，上述程序指令当被处理器执行时，使上述处理器执行如第一方面所示方法。

第五方面，本申请提供了一种包含程序指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如第一方面所示的方法。

实施本申请，由于多个应用公用同一页面框架，在读取本地的页面框架后；如果要显示页面，仅需读取来自子应用发出的页面数据即可显示相应的页面，且子应用发送的数据不包含共用的页面框架，因此可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

附图说明

为了更清楚地说明本申请实施例或背景技术中的技术方案，下面将对本申请实施例或背景技术中所需要使用的附图进行说明。

图1是本申请提出的一种页面处理方法的流程图；

图2是本申请提出的另一种页面处理方法的流程图；

图3是本申请提出的一种页面处理装置的结构示意图；

图4是本申请提出的另一种页面处理装置的结构示意图。

具体实施方式

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同的对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法或设备固有的其他步骤或单元。

本申请提出一种页面处理方法，可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

图1是本申请提出的一种页面处理方法的流程图，上述方法应用于门户系统，上述门户系统包括门户平台和至少两个子应用，上述至少两个子应用包括第一子应用，上述方法包括：

S101、上述门户平台加载已存储的上述子应用的页面框架，上述页面框架为上述至少两个子应用共用的框架。

具体的，上述门户平台可以为终端设备，上述终端设备可以包括手机或平板电脑等移动终端，也可以包括台式电脑或工作站等。

具体的，上述页面框架为上述门户平台依据子应用的公共数据生成的空白的框架。上述页面框架可以存储在上述门户平台的配置文件夹中。

具体的，上述页面框架为至少两个子应用共用的页面框架，即上述页面框架可以用于生成第一子应用的页面，也可以用于生成第二子应用的页面，还可以用于生成第三子应用的页面。上述加载已存储的页面框架，可以以复制的形式将上述页面框架导入内存中，以保证原本已存储的页面框架不受破坏。

具体的，上述门户平台可以在启动时加载上述已存储的页面框架；可以在接收到用户输入的触发指令时加载上述已存储的页面框架；也可以在第一子应用通过门户平台的验证时读取上述已存储的页面框架。

具体的，上述页面框架可以包含渲染引擎和页面脚本，上述渲染引擎封装了浏览器的渲染引擎的部分代码，用于将页面数据和页面脚本绘制到前端页面中。上述页面脚本代码可以包括公共逻辑组件和公共视图组件。

上述公共逻辑组件可以用于处理公共的业务逻辑。例如，门户平台可以通过上述公共逻辑组件实现门户平台与子应用的注册；又例如，门户平台可以通过上述公共逻辑组件，将后端传输过来的数据进行封装和显示。

上述公共视图组件包括生成前端空白页面所需的公共标记语言文件，例如超级文本标记语言(HyperText markup language，HTML)代码文件、层叠样式表(cascading stylesheets，CSS)代码文件。上述标记语言可以用于规定子应用页面的图片或者文字的样式。

上述公共视图组件还可以包括前端公共组件库，上述公共组件库包含界面组件以及组件管理工具。例如，上述前端公共组件库可以包括前端的模块管理工具的代码、CSS预处理代码、HTML预处理代码和用户界面交互(user’s interface，UI)组件等。上述模块管理工具用于对子应用的各个模块进行管理；上述CSS预处理代码可以对CSS代码进行预编译，以减少开发人员编写CSS代码的复杂性；上述UI组件用于规定子应用页面与用户的交互形式。

上述渲染引擎可以包括浏览器渲染引擎(例如谷歌渲染引擎或者IE渲染引擎等)中的部分代码，用于解析页面的信息以及将页面绘制在前端界面中。

上述公共数据还可能包含原生语言代码文件、机器语言代码文件等，此处不一一列举。

S102、将上述页面框架绘制到所述门户平台的前端界面中，获得第一空白页面。

在一种可能的实现方式中，上述页面框架为组合完成的渲染树，浏览器引擎根据上述渲染树进行布局。即将每个元素在页面中的确切位置和尺寸，将所有相对测量值转换为屏幕上的绝对像素。当布局过程完成后，浏览器引擎将上述渲染树转换为屏幕上的像素，即在屏幕上显示获得的第一空白页面。

S103、接收上述第一子应用的第一页面数据。

具体的，上述各个子应用的数据存储在不同的服务器或者数据库中，即不同子应用对应的硬件设备可以不一致。其中，上述第一页面数据为上述第一子应用不包含显示第一页面所需数据中与所述页面框架的数据相同的部分。

上述门户平台可以在接收到用户的触发指令时接收上述第一页面数据，也可以在进入门户平台的主页时接收上述第一页面数据。

具体的，上述第一页面数据中的独立视图组件可以用于确定上述第一子应用页面呈现的效果，例如HTML代码。门户平台可以根据上述第一页面数据所包含的HTML代码确定第一子应用的文字、图片、链接和视频的内容。

上述第一页面数据可以包括第一子应用的页面布局代码，上述页面布局代码用于规定上述第一子应用独有的内容的排布。例如，上述第一页面数据可以包括CSS代码，上述CSS代码用于规定第一子应用页面上文字的动态效果、文字的色彩、字体和视频动画等。

上述第一页面数据可以包括第一子应用的独立逻辑组件，上述独立逻辑组件用于处理上述第一子应用独有的业务逻辑。上述业务逻辑代码可以是有高级语言(例如JavaScript语言或者Java语言)编写的代码。以银行服务平台为例，上述第一页面数据可以包含JavaScript代码，上述JavaScript用于在接收到用户单击屏幕或者滑动屏幕的指令时，将该用户的信息发往后台，并向后台请求符合该用户的金融产品信息。

上述第一页面数据还可以包括第一子应用的页面组件数据，上述页面组件数据封装了实现各部分页面显示功能的代码。例如，上述页面显示数据可以封装CSS代码，用于规定文字显示框或者图片显示框的样式。

具体的，在接收上述第一子应用的第一页面数据之前，门户平台可以先接收加载请求，上述加载请求包含上述第一子应用的页面标识。例如，上述门户平台可以接收用户点击应用图标所触发的加载请求，上述加载请求中包含上述第一子应用的应用标识；门户平台在识别到上述应用标识之后，向上述第一子应用发送请求上述第一页面数据的请求，接收上述第一页面数据。

S104、将上述第一页面数据加载到上述第一空白页面中，获得第一页面。

在接收到上述第一页面数据之后，门户平台可以将上述第一页面数据加载到上述第一空白页面中，获得第一页面。其中，上述第一页面为上述第一子应用的完整的页面。

在一种可能的实现方式中，门户平台可以将上述第一页面数据存储到指定的路径中。在门户平台显示上述第一页面时，可以到上述指定路径读取上述第一页面数据，将上述第一页面数据渲染到上述第一空白页面中。

S105、在上述门户平台的前端页面中显示上述第一页面。

在获得上述第一页面之后，门户平台可以将上述第一页面输出到前端界面的显示区域中。

例如，上述显示区域设定为前端界面的靠右的1/2的位置，即上述第一页面显示在前端界面的靠右的1/2的位置。

又例如，在上述门户平台需要显示多个子应用的页面时，本申请实施例对多个子应用的页面的显示位置不作任何限制。

实施本申请，通过加载已存储的页面框架，将页面数据与页面框架相结合得到完整的页面的方式，可以避免重复加载公共的页面资源，可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

图2是本申请提出的另一种页面处理方法的流程图，上述方法应用于门户系统，上述门户系统包括门户平台和子应用，上述子应用包括第一子应用和第二子应用，上述方法包括：

S201、获取公共数据，上述公共数据为上述至少两个子应用共有的页面数据。

在一种可能的实现方式中，上述获取公共数据，包括：获取上述子应用的访问权限；依据上述访问权限向上述子应用请求公共数据；接收上述公共数据。

在又一种可能的实现方式中，上述门户平台在启动之后，可以向各个子应用发送账号和密码，通过各个子应用的验证。在通过子应用的验证之后，可以获得子应用提供的访问权限。上述访问权限的形式可以是账户令牌(token)，门户平台可以通过上述账户令牌执行获取子应用的公共数据。

具体的，上述门户平台每次访问子应用的配置文件时，需要向子应用提交账户令牌，上述子应用在获得门户平台的账户令牌后，将上述账户令牌与预设的令牌模板进行匹配。若匹配成功，则允许上述门户平台获取公共数据。

在一种可能的实现方式中，上述获取上述子应用的公共数据，包括：在上述门户平台首次接收到第一子应用的页面和第二子应用的页面时，提取上述第一子应用和上述第二子应用共有的数据；将上述共有的数据作为上述公共数据。

具体的，上述门户平台在获得第一子应用的页面和第二子应用的页面之后，可以将两个子应用的页面进行比对，提取上述第一子应用和第二子应用的公共数据。

S202、依据上述公共数据生成页面框架，存储上述页面框架。

具体的，上述公共数据包括配置文件、公共逻辑组件和公共视图组件，从上述配置文件中获得上述公共数据的相对路径，上述相对路径包括第一相对路径和第二相对路径；获取上述门户平台的视图层单元的绝对路径；依据上述第一相对路径和上述绝对路径获得第一绝对路径，以及依据上述第二相对路径和上述绝对路径获得第二绝对路径；将上述公共逻辑组件导入上述第一绝对路径，以及将上述公共视图组件导入上述第二绝对路径，获得上述页面框架。上述公共逻辑组件是由高级语言编写的公共逻辑代码，例如Java语言或者JavaScript语言编写的脚本，上述公共逻辑组件可以用于处理公共的业务逻辑。例如，门户平台可以通过上述公共逻辑组件实现门户平台与子应用的注册；又例如，门户平台可以通过上述公共逻辑组件，将后端传输过来的数据进行封装和显示。

上述公共视图组件包括生成前端空白页面所需的公共标记语言文件，例如HTML代码文件、层叠样式表(cascading style sheets，CSS)代码文件。上述标记语言可以用于规定子应用页面的图片或者文字的样式。

上述公共视图组件还可以包括前端公共组件库，上述公共组件库包含界面组件以及组件管理工具。例如，上述前端公共组件库可以包括前端的模块管理工具的代码、CSS预处理代码、HTML预处理代码和用户界面交互(user’s interface，UI)组件等。上述模块管理工具用于对子应用的各个模块进行管理；上述CSS预处理代码可以对CSS代码进行预编译，以减少开发人员编写CSS代码的复杂性；上述UI组件用于规定子应用页面与用户的交互形式。

上述门户平台可以将上述页面框架存储到本地的非易失性存储器中，例如磁盘、安全数码(Secure Digital Memory，SD)卡和固态硬盘(Solid State Disk，SSD)。

进一步的，上述公共数据可以以配置文件的形式存在于门户平台对应的文件夹中，上述配置文件存储有公共逻辑组件和公共视图组件的统一资源定位符。门户平台可以增加子应用的配置文件，将子应用的名称、应用标识、入口文件等信息配置到配置文件夹中。其中，各个子应用可以暴露入口文件，由门户平台根据入口文件访问子应用的配置文件。门户平台还可以通过自动化脚本扫描子应用配置文件，添加到统一的配置文件夹中；当子应用的配置文件被访问时，才寻找公共逻辑组件和公共视图组件对应的资源。门户平台在启动时动态注册所有子应用，打开子应用页面时动态加载子应用的公共数据。

S203、确定上述第一子应用的注册信息是否合法，若合法，接收来自上述第一子应用的第一页面数据。

进一步的，若上述第一子应用的注册信息合法，则从上述第一子应用中获取上述公共数据。

在一种可能的实现方式中，门户平台可以通过第一子应用的应用标识查找本地或者云端是否存储有上述第一子应用成功注册的信息；若存储有上述第一子应用成功注册的信息，则确定上述第一子应用的注册信息合法。

在一种可能的实现方式中，门户平台可以通过第一子应用的应用标识查找本地或者云端是否存储有上述第一子应用成功注册的信息；若存储有上述第一子应用成功注册的信息，则确定上述成功注册的信息是否超过时效；若未超过时效，则确定上述第一子应用的注册信息合法。

若上述第一子应用的注册信息显示不合法，则向上述第一子应用请求注册信息。上述注册信息可以包括子应用的版本信息、发布者信息、应用标识、应用的状态以及子应用的账户令牌等等。上述门户平台可以确认上述注册信息是否合法，若合法，则生成注册成功的信息；若不合法，则生成注册失败的信息。

在上述第一子应用通过验证的情况下，从上述第一子应用中获取公共数据，可以保证门户平台的安全性，避免非法入侵。

进一步的，在上述子应用注册成功之后，可以启动计时器进行计时；在上述计时器的计时时长超过阈值的情况下，注销上述第一子应用的注册信息。

更具体的，上述注销上述第一子应用的注册信息，可以包括：删除上述注册成功的信息以及注册信息；或者，将上述第一子应用的注册状态设置为未通过验证。

例如，当上述门户平台搭载了保险子应用和理财子应用，需要确认保险子应用是否注册成功时，可以利用包括版本信息、应用标识、发布商和验证的唯一性标识(例如账户密码)等信息，对保险子应用的注册情况进行验证。

实施本申请，可以定时卸载或者注销上述第一子应用，从而可以定时对上述第一子应用进行验证，可以保证门户平台的安全性，同时便于定时更新验证信息，保证信息的同步性。

S204、获取页面布局信息。

具体的，上述第一页面数据包括独立逻辑组件和独立视图组件，上述页面布局信息包括第一位置和第二位置，上述第一位置表示上述独立逻辑组件在上述第一空白页面中的位置，上述第二位置表示上述独立视图组件在上述第一空白页面中的位置。

上述第一页面数据存储在多份CSS文档中，上述独立逻辑组件存储在多个用于实现共同业务逻辑JavaScript文件中或HTML文档中，上述独立视图组件包括GMU、NEC、NEJ、Pure CSS Components和magic-of-css等UI组件库。将上述组件中的样式数据，连同HTML文档中的可见内容，作为构建渲染树的基础。

S205、将上述第一页面数据加载到上述第一空白页面中，获得第一页面。

具体的，通过上述门户平台的渲染引擎将上述独立逻辑组件加载到上述第一位置上，以及将上述独立视图组件加载到上述第二位置上，获得上述第一页面。

上述渲染引擎可以包括浏览器渲染引擎(例如谷歌渲染引擎或者IE渲染引擎等)中的部分代码，用于解析页面的信息以及将上述独立视图组件对应的文档内容转化为节点树，同时，对独立逻辑组件进行解析，并结合页面布局信息的解析结果，构建渲染树。上述渲染树由一些带有视觉属性的矩形组成，这些矩形将按照正确的顺序进行显示。渲染树构建完毕之后，将会进入“布局”处理阶段，即为每一个节点分配一个屏幕左边。最后对渲染树的节点进行遍历，将第一页面绘制在前端界面中。

在一种可能的实现方式中，门户平台可以将上述第一页面数据存储到指定的路径中。在门户平台显示上述第一页面时，可以到上述指定路径读取上述第一页面数据，将上述第一页面数据渲染到上述第一空白页面中。

在一种可能的实现方式中，上述门户平台可以将上述第一页面数据复制到页面框架所在的文件夹的指定路径中，例如配置文件的路径或者缓存文件的路径，从而实现将上述第一页面数据添加到上述第一空白页面的效果。

S206、在上述门户平台的前端页面中显示上述第一页面。

在一种可能的实现方式中，上述门户平台的前端界面包括第一显示区域和第二显示区域，上述第二显示区域位于上述第一显示区域的下方，上述显示上述第一页面，包括：在上述第一显示区域显示上述第一页面。

在另一种可能的实现方式中，上述门户平台的前端界面只有一个显示区域，上述门户平台可以将上述第一页面输出到上述一个显示区域中。

S207、接收下拉页面的指令。

具体的，上述下拉页面的指令用于加载第二页面。在门户平台的前端包含第一显示区域和第二显示区域的情况下，上述下拉指令为用户下拉前端页面所产生的指令。

例如，在前端的当前界面显示第一页面时，用户可以滑动屏幕，或者通过鼠标点击下拉框，向门户平台发送下拉指令；门户平台在接收到下拉指令之后，再加载上述第二页面，显示在第二显示区域。

在一种可能的实现方式中，上述门户平台接收页面切换指令。

具体的，上述页面切换指令用于从第一页面切换至第二页面，在上述门户平台的前端界面只有一个显示区域的情况下，上述切换指令用于在前端的显示区域中将上述第一页面切换为第二页面。

例如，用户可以点击切换到第二页面的图标，或者滑动屏幕，生成上述切换指令；门户平台接收到上述切换指令之后，退出上述第一页面，再加载第二页面，显示上述第二页面。

又例如，上述理财子应用有多个页面，在接收到用户的下拉指令时，会对上述理财子应用的其他页面进行显示。即上述下拉指令包含上述理财子应用的应用标识和第二页面资源对应的统一资源定位符(uniform resource locator，URL)。当门户平台识别到理财子应用标识之后，将URL发往路由中心，统一由路由中心发往理财子应用。在发送URL之后，接收理财子应用的第二页面数据。

S208、在接收到下拉页面的指令的情况下，获取第二页面。

具体的，在接收到下拉页面的指令的情况下，将上述页面框架绘制到上述第一页面下方的显示区域中，获得第二空白页面；接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；将上述第二页面数据加载到上述第二空白页面中，获得第二页面。

在接收到下拉页面的指令的情况下，将已存储的页面框架绘制到上述第一页面下方的显示区域中，用于生成第二空白页面。即门户平台可以将存储下来的页面框架重新复制一份，以避免原有的页面框架受到破坏。

在一种可能的实现方式中，在接收到页面切换指令的情况下，获取第二页面。

具体的，在接收到页面切换指令的情况下，删除上述第一页面中的上述第一页面数据，获得上述第二空白页面；接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；将上述第二页面数据加载到上述第二空白页面中，获得第二页面。

在另一种可能的实现方式中，门户平台可以将上述第二页面数据存储到指定的路径中。在门户平台显示上述第二页面时，可以到上述指定路径读取上述第二页面数据，将上述第二页面数据渲染到上述第二空白页面中。

在又一种可能的实现方式中，上述门户平台可以将上述第二页面数据复制到第二空白页面所在的文件夹的指定路径中，例如配置文件的路径或者缓存文件的路径，从而实现将上述第二页面数据添加到上述第二空白页面的效果。

S209、在所述门户平台的前端页面中显示上述第二页面。

在所述门户平台的前端界面包括第一显示区域和第二显示区域的情况下，上述第二显示区域位于第一显示区域下方，上述在所述门户平台的前端页面中显示第二页面，包括：将上述第二页面显示到上述第二显示区域中。

在上述门户平台的前端界面包括一个显示区域的情况下，上述显示第二页面，包括：退出上述第一页面，显示上述第二页面。

应当理解，以上的“第一”和“第二”是用于区分不同的对象，不构成数量限定。除了第一子应用和第二子应用之外，上述子应用还可能包含第三子应用和第四子应用。相应的，门户平台的前端界面也可能包含第三显示区域和第四显示区域。第一显示区域和第二显示区域之前也可能为左右排列的形式。

实施本申请，通过加载已存储的页面框架，避免了仅仅通过将子应用加载在HTML文件的iframe标签中，造成重复的加载基础的公共资源的问题。将页面数据与页面框架相结合得到完整的页面，可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

图3是本申请提出的一种页面处理装置的结构示意图，上述装置包括：

加载单元301，用于加载已存储的页面框架，上述页面框架为至少两个子应用共用的页面框架；

第一获取单元302，用于将上述页面框架绘制到上述门户平台的前端界面中，获取第一空白页面；

接收单元303，用于接收来自第一子应用的第一页面数据，上述第一页面数据不包含显示第一页面所需数据中与上述页面框架的数据相同的部分；

上述加载单元301还用于，将上述第一页面数据加载到上述第一空白页面中，获取第一页面；

显示单元304，用于在上述门户平台的前端页面中显示上述第一页面。

在一种可能的实现方式中，上述装置还包括：第二获取单元305；

上述接收单元303还用于，接收下拉页面的指令；

第二获取单元305，用于在接收到上述下拉页面的指令的情况下，将上述页面框架绘制到上述第一页面下方的显示区域中，获取第二空白页面；

上述接收单元303还用于，接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；

上述加载单元301还用于，将上述第二页面数据加载到上述第二空白页面中，获取第二页面。

在又一种可能的实现方式中，

上述接收单元303还用于，接收页面切换指令；

上述第二获取单元305还用于，在接收到页面切换指令的情况下，删除上述第一页面中的上述第一页面数据，获取上述第二空白页面；

上述接收单元303还用于，接收来自第二子应用的第二页面数据，上述第二页面数据不包含显示第二页面所需数据中与上述页面框架的数据相同的部分；

上述加载单元301还用于，将上述第二页面数据加载到上述第二空白页面中，获取第二页面。

在又一种可能的实现方式中，上述装置还包括：

第三获取单元306，用于获取公共数据，上述公共数据为上述至少两个子应用共用的页面数据；

存储单元307，用于依据上述公共数据生成页面框架，存储上述页面框架。

在又一种可能的实现方式中，上述存储单元307具体用于：从上述配置文件中获取上述公共数据的相对路径，上述相对路径包括第一相对路径和第二相对路径；获取上述门户平台的视图层单元的绝对路径；依据上述第一相对路径和上述绝对路径获取第一绝对路径，以及依据上述第二相对路径和上述绝对路径获取第二绝对路径；将上述公共逻辑组件导入上述第一绝对路径，以及将上述公共视图组件导入上述第二绝对路径，获取上述页面框架。

在又一种可能的实现方式中，上述第一获取单元302还用于，获取页面布局信息，上述页面布局信息包括第一位置和第二位置，上述第一位置表示上述独立逻辑组件在上述第一空白页面中的位置，上述第二位置表示上述独立视图组件在上述第一空白页面中的位置。

在又一种可能的实现方式中，上述第一获取单元302具体用于，通过上述门户平台的渲染引擎将上述独立逻辑组件加载到上述第一位置上，以及将上述独立视图组件加载到上述第二位置上，获取上述获取第一页面。

在又一种可能的实现方式中，上述装置还包括：确定单元308；

上述接收单元303还用于，接收上述第一子应用的注册信息；

确定单元308，用于确定上述第一子应用的注册信息是否合法；

上述第三获取单元306，用于若合法，则从上述第一子应用中获取上述公共数据。

实施本申请提出的装置，读取存储的页面框架，将页面数据与页面框架相结合得到完整的页面，可以避免重复加载公共的页面数据，每次显示页面时需要接收各个子应用独立的页面数据，可以提高页面加载速度，提高门户平台性能，降低门户平台压力。

图4是本申请提出的另一种页面处理装置的结构示意图，上述装置包括：

至少一个处理器401，例如中央处理器(central processing unit,CPU)，至少一个存储器402，和至少一个总线403。其中，上述总线403可以是一组并行的数据线，用于实现上述处理器401和上述存储器402相互连接；上述存储器402可以是高速随机存取存储器(random access memory，RAM)，也可以是非易失性存储器(non-volatile memory)，例如至少一个只读存储器(read only memory，ROM)或者至少一个闪存存储器(flash memory)。

具体的，上述存储器402中可以存储程序指令，上述处理器401可用于调用程序指令执行图1和图2所示的方法。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于计算机可读存储介质中，存储介质包括只读存储器(read only memory，ROM)、随机存储器(random access memory，RAM)、可编程只读存储器(programmable read only memory，PROM)、可擦除可编程只读存储器(erasable programmable read only memory，EPROM)、一次可编程只读存储器(one-timeprogrammable read-only memory，OTPROM)、电子抹除式可复写只读存储器(electrically-erasable programmable read-only memory，EEPROM)、只读光盘(compactdisc read-only memory，CD-ROM)、固态硬盘(solid state disk，SSD)或其他光盘存储器、磁盘存储器、磁带存储器、或者能够用于携带或存储数据的计算机可读的任何其他介质。

以上对本申请实施例公开的一种页面处理方法及装置进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处。综上上述，本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种页面处理方法，其特征在于，应用于门户系统，所述门户系统包括门户平台和至少两个子应用，所述至少两个子应用包括第一子应用，所述方法包括：

所述门户平台加载已存储的页面框架，所述页面框架为所述至少两个子应用共用的页面框架；

将所述页面框架绘制到所述门户平台的前端界面中，获得第一空白页面；

接收来自所述第一子应用的第一页面数据，所述第一页面数据不包含显示第一页面所需数据中与所述页面框架的数据相同的部分；

将所述第一页面数据加载到所述第一空白页面中，获得第一页面；

在所述门户平台的前端页面中显示所述第一页面。

2.根据权利要求1所述方法，其特征在于，所述至少两个子应用还包括第二子应用，所述在所述门户平台的前端界面中显示所述第一页面之后，还包括：

接收下拉页面的指令；

在接收到所述下拉页面的指令的情况下，将所述页面框架绘制到所述第一页面下方的显示区域中，获得第二空白页面；

接收来自第二子应用的第二页面数据，所述第二页面数据不包含显示第二页面所需数据中与所述页面框架的数据相同的部分；

将所述第二页面数据加载到所述第二空白页面中，获得第二页面。

3.根据权利要求1所述的方法，其特征在于，所述至少两个子应用还包括第二子应用，所述在所述门户平台的前端界面中显示所述第一页面之后，还包括：

接收页面切换指令；

在接收到页面切换指令的情况下，删除所述第一页面中的所述第一页面数据，获得所述第二空白页面；

接收来自第二子应用的第二页面数据，所述第二页面数据不包含显示第二页面所需数据中与所述页面框架的数据相同的部分；

将所述第二页面数据加载到所述第二空白页面中，获得第二页面。

4.根据权利要求1至3任一项所述方法，其特征在于，在所述门户平台加载已存储的页面框架之前，所述方法还包括：

获取公共数据，所述公共数据为所述至少两个子应用共用的页面数据；

依据所述公共数据生成页面框架，存储所述页面框架。

5.根据权利要求4所述的方法，其特征在于，所述公共数据包括配置文件、公共逻辑组件和公共视图组件，所述依据所述公共数据生成页面框架，包括：

从所述配置文件中获得所述公共数据的相对路径，所述相对路径包括第一相对路径和第二相对路径；

获取所述门户平台的视图层单元的绝对路径；

依据所述第一相对路径和所述绝对路径获得第一绝对路径，以及依据所述第二相对路径和所述绝对路径获得第二绝对路径；

将所述公共逻辑组件导入所述第一绝对路径，以及将所述公共视图组件导入所述第二绝对路径，获得所述页面框架。

6.根据权利要求5所述方法，其特征在于，所述第一页面数据包括独立逻辑组件和独立视图组件，在所述将所述第一页面数据加载到所述第一空白页面中，获得第一页面之前，包括：

获取页面布局信息，所述页面布局信息包括第一位置和第二位置，所述第一位置表示所述独立逻辑组件在所述第一空白页面中的位置，所述第二位置表示所述独立视图组件在所述第一空白页面中的位置；

所述将所述第一页面数据加载到所述第一空白页面中，获得第一页面，包括：

通过所述门户平台的渲染引擎将所述独立逻辑组件加载到所述第一位置上，以及将所述独立视图组件加载到所述第二位置上，获得所述第一页面。

7.根据权利要求6所述方法，其特征在于，在所述获取公共数据之前，所述方法还包括：

接收所述第一子应用的注册信息；

确定所述第一子应用的注册信息是否合法；

所述获取公共数据，包括：

若合法，则从所述第一子应用中获取所述公共数据。

8.一种页面处理装置，其特征在于，包括：

加载单元，用于加载已存储的页面框架，所述页面框架为至少两个子应用共用的页面框架；

绘制单元，用于将所述页面框架绘制到所述门户平台的前端界面中，获得第一空白页面；

接收单元，用于接收来自第一子应用的第一页面数据，所述第一页面数据不包含显示第一页面所需数据中与所述页面框架的数据相同的部分；

所述加载单元还用于，将所述第一页面数据加载到所述第一空白页面中，获得第一页面；

显示单元，用于在所述门户平台的前端页面中显示所述第一页面。

9.一种页面处理装置，其特征在于，包括处理器、存储器和总线；所述处理器和所述存储器通过所述总线相互连接；其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1至7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时，使所述处理器执行如权利要求1至7任一项所述的方法。