CN103970427A - 网页页面的刷新方法和装置 - Google Patents

Abstract

本发明提供了一种网页页面的刷新方法和装置。所述方法包括：加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面；通过菜单界面的选定操作得到被选定的菜单项；根据菜单配置信息得到被选定的菜单项所对应的菜单类型和模板文件；根据模板文件在菜单界面中对应的显示区域刷新被选定的菜单项。所述装置包括：界面加载模块，用于加载菜单配置信息，并渲染得到菜单界面；选定获取模块，用于通过菜单界面的选定操作得到被选定的菜单项；处理模块，用于根据菜单配置信息得到被选定的菜单项所对应的菜单类型和模板文件；刷新模块，用于根据模板文件在菜单界面中对应的显示区域刷新被选定的菜单项。采用本发明灵活性高，能动态调整菜单项和对应内容。

Description

网页页面的刷新方法和装置

技术领域

本发明涉及互联网应用技术，特别是涉及一种网页页面的刷新方法和装置。

背景技术

随着网页开发技术的发展和用户对网页应用程序的需求，使得网页应用程序，即WbApp越来越流行。网页应用程序所在的菜单界面大都较为复杂，包含了非常多的菜单项，在用户点击了菜单界面中任一菜单项之后，由于每一菜单项都对应了特定需要展示的内容，因此，需要将点击的菜单项所对应的内容载入。

传统的菜单项所对应的内容的载入方法通常采用刷新页面局部或者浮动框（iframe）载入网页这两种方式实现。对于刷新页面局部这一方式而言，将会删除菜单界面中用于展示菜单项所对应的内容的区域中原有的内容，然后根据点击的菜单项填充新的内容；对于浮动框载入网页的方式而言，将在用于展示菜单项所对应的内容的区域中载入浮动框，并根据相应的属性载入网页，以实现该区域内容的变更。

然而，这两种载入方式在需要进行菜单项或者菜单项对应内容的修改方面较为困难，需要修改相应的程序源代码方可添加、删除或修改菜单项对应的内容，因此，通过上述两种传统的载入方式均无法实现菜单项和对应内容的动态调整，存在着灵活性较低的缺陷。

发明内容

基于此，有必要提供一种灵活性高，能动态调整菜单项和对应内容的网页页面的刷新方法。

此外，还有必要提供一种灵活性高，能动态调整菜单项和对应内容的网页页面的刷新装置。

一种网页页面的刷新方法，包括如下步骤：

加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面；

通过菜单界面的选定操作得到被选定的菜单项；

根据所述菜单配置信息得到所述被选定的菜单项所对应的菜单类型和相应的模板文件；及

根据所述模板文件在菜单界面中对应的显示区域刷新所述被选定的菜单项。

一种网页页面的刷新装置，包括：

界面加载模块，用于加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面；

选定获取模块，用于通过菜单界面的选定操作得到被选定的菜单项；

处理模块，用于根据所述菜单配置信息得到所述被选定的菜单项所对应的菜单类型和相应的模板文件；及

刷新模块，用于根据所述模板文件在菜单界面中对应的显示区域刷新所述被选定的菜单项。

上述网页页面的刷新方法和装置，为了在网页页面中显示菜单界面，将进行菜单配置信息的加载，根据菜单配置信息进行渲染以得到显示于网页页面的菜单界面，在对菜单界面中的任一菜单项触发了选定操作之后，将从菜单配置信息中得到被选定的菜单项所对应的菜单类型和相应的模板文件，从而将模板文件刷新至被选定的菜单项在菜单界面中对应的显示区域，实现了被选定的菜单项所对应内容的载入，在模板文件的作用下使得菜单项所对应的内容在需要变换时只需要改变所对应的模板文件即可，在需要添加或者删除任一菜单项时只需要添加或删除相应模板文件即可，大大地提高了灵活性，实现了菜单项和对应内容的动态调整。

附图说明

图1为一个实施例中网页页面的刷新方法的流程图；

图2为一个实施例中菜单页面的简易图；

图3为一个实施例中加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面的方法流程图；

图4为一个实施例中根据菜单配置信息得到被选定的菜单项所对应的菜单类型和相应的模板文件的方法流程图；

图5为一个实施例中网页页面的刷新装置的结构示意图；

图6为一个实施例中界面加载模块的结构示意图；

图7为一个实施例中处理模块的结构示意图。

具体实施方式

如图1所示，在一个实施例中，一种网页页面的刷新方法，包括如下步骤：

步骤S110，加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面。

本实施例中，菜单配置信息用于指示向用户展示的菜单界面的布局以及内容。触发开启菜单时，将进行菜单配置信息的加载，以从后台的服务器获取到菜单配置信息，并按照菜单配置信息对屏幕的显示界面进行渲染得到展示于用户的菜单界面。

步骤S130，通过菜单界面的选定操作得到被选定的菜单项。

本实施例中，菜单界面中包括了若干个菜单项，其中，每个菜单项均有对应的内容，在用户于菜单界面中输入选定操作后，于该菜单界面上展示被选定的菜单项所对应的内容。例如，选定操作可以是用户对菜单项所输入的点击操作，也可以是其它的一些操作，在此不进行限定。

步骤S150，根据菜单配置信息得到被选定的菜单项所对应的菜单类型和相应的模板文件。

本实施例中，菜单配置信息中记录了每一菜单项均有对应的菜单类型和该菜单项对应的模板文件，在选定了菜单项之后，将从菜单配置信息中得到被选定的菜单项所对应的菜单类型和相应的模板文件。

菜单项所对应的菜单类型可以是页面、浮动框或者其它类型，若菜单项所对应的菜单类型为页面，则相应的模板文件是与该菜单项唯一对应的模板文件，该模板文件中包括了菜单项所对应的内容；若菜单项所对应的菜单类型不是页面，而是浮动框或者其它类型，则也会进行模板文件的提取，但提取的模板文件为简化的模板文件，例如，内容空白的模板文件，并根据菜单配置信息得到菜单项所对应的菜单参数，进而根据菜单参数加载这一简化的模板文件中的内容。

步骤S170，根据模板文件在菜单界面中对应的显示区域刷新被选定的菜单项。

本实施例中，将模板文件刷新到被选定的菜单项在菜单界面中对应的显示区域，以展示被选定的菜单项所对应的内容。

如图2所示，在一个简易的菜单页面中，包括页面头部210、菜单项选取区域230和主体区域250，其中，菜单项选取区域230中包括了菜单项1、菜单项2等若干个菜单项，主体区域250为菜单项选取区域230中各菜单项的显示区域，将用于显示各个菜单项所对应的内容，例如，若用户点击了菜单项1，则获取菜单项1所对应的菜单类型和模板文件，并将该模板文件更新至主体区域250中，以显示菜单项1所对应的内容。

如图3所示，在一个实施例中，上述图1中的步骤S110包括：

步骤S111，拉取菜单配置信息。

本实施例中，在触发了菜单界面的开启操作时，将从后台的服务器中拉取菜单配置信息。

步骤S113，遍历菜单配置信息得到菜单类型和菜单参数，根据菜单类型和菜单参数对显示界面进行渲染得到菜单界面以及菜单界面中包含的菜单项。

本实施例中，显示界面为屏幕中用于显示菜单界面的区域。菜单配置信息中包括了若干个菜单项以及每一菜单项所对应的菜单类型和该菜单项对应的菜单参数，对菜单配置信息进行遍历以得到每一菜单项所对应的菜单类型和该菜单项对应的菜单参数，进而依据菜单类型和对应的菜单参数对显示界面进行渲染，实现菜单界面在显示界面的展示。

如图4所示，在一个实施例中，上述图1中的步骤S150包括：

步骤S151，判断被选定的菜单项所对应的菜单类型是否为页面，若是，则进入步骤S153，若否，则进入步骤S157。

本实施例中，对被选定的菜单项所对应的菜单类型进行判断，若判断到被选定的菜单项所对应的菜单类型为页面时，则进入步骤S153，若判断到被选定的菜单项所对应的菜单类型不是页面，则提取简化的模板文件，例如，内容为空白的模板文件。

通过上述判断所选用不同的模板文件，可以使网页页面中菜单界面的刷新能兼容菜单类型各不相同的菜单项，大大地提高了灵活性。

步骤S153，从菜单配置信息中提取菜单项对应的模板文件。

本实施例中，在判断到被选定的菜单项所对应的菜单类型为页面之后，从菜单配置信息中提取得到菜单项所对应的模板文件，该模板文件中包括了菜单项所对应的内容。

步骤S155，实例化得到的模板文件，并利用该模板文件刷新被选定的菜单项在菜单界面中对应的显示区域。

本实施例中，在判断到被选定的菜单项所对应的菜单类型为页面时，将实例化提取到的模板文件，并在菜单界面中将用于显示被选定的菜单项所对应的内容的显示区域进行刷新，以显示模板文件中的内容。

进一步的，从菜单配置信息中提取得到的模板文件将是代码形式的，因此，需要将提取的代码形式的模板文件进行实例化，以将抽像的代码变换为具体的模板文件，以及模板文件中的内容。

步骤S157，获取浮动框所属的模板文件，并将被选定的菜单项所对应的菜单参数设置为浮动框属性。

本实施例中，若判断到被选定的菜单项所对应的菜单类型不为页面，则说明被选定的菜单项所对应的菜单类型为浮动框或者其它类型，此时，将获取浮动框所属的模板文件，即所述简化的模板文件。

在构建模板文件时，由于无法获知菜单类型为浮动框或者除了浮动框和页面之外的其它菜单类型的菜单项所对应的内容，因此，所述简化的模板文件是预先构建的空白浮动框，以使得所构建的该简化的模板文件能够适用于各种菜单项的刷新，具有较高的通用性。

设置为浮动框属性的菜单参数为菜单项对应内容所在的链接地址，将这一菜单参数设置为浮动框属性中的引用链接地址，即src属性，以方便刷新菜单项的对应内容。

步骤S159，实例化浮动框所属的模板文件，向被选定的菜单项在菜单界面中对应的显示区域载入浮动框所属的模板文件，并在浮动框中通过浮动框属性中记录的引用链接地址载入被选定菜单项对应的网页。

本实施例中，在判断到被选定的菜单项所对应的菜单类型不为页面的场景下，将对提取得到的浮动框所属的模板文件进行实例化，并载入菜单界面用于显示被选定的菜单项对应内容的显示区域，由于浮动框所属的模板文件是空白的浮动框，因此，需要按照浮动框属性中记录的引用链接地址，即src属性载入网页，该网页中的内容即为被选定的菜单项对应的内容。

在模板文件的作用下，使得菜单类型为浮动框的菜单项在菜单界面中对应内容显示区域的加载速度得到提高，避免了内存消耗过大的现象发生，此外，也由于菜单项的内容是根据引用链接地址载入的，因此在需要对菜单项的内容进行变更时，只需要改变记录的引用链接地址即可，实现起来非常简易。

上述网页页面的刷新方法将使得单页面网页应用程序，即WbApp的系统菜单每一菜单项对应内容的刷新更易于实现，在菜单配置信息和模板文件的作用下打破了菜单项和内容之间紧耦合的情况，可动态地调整菜单项和内容的对应关系，即轻易实现菜单项所对应内容的变更，也使得多种内容载入方式能够并存。

如图5所示，在一个实施例中，一种网页页面的刷新装置，包括界面加载模块110、选定获取模块130、处理模块150和刷新模块170。

界面加载模块110，用于加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面。

本实施例中，菜单配置信息用于指示向用户展示的菜单界面的布局以及内容。触发开启菜单时，界面加载模块110将进行菜单配置信息的加载，以从后台的服务器获取到菜单配置信息，并按照菜单配置信息对屏幕的显示界面进行渲染得到展示于用户的菜单界面。

选定获取模块130，用于通过菜单界面的选定操作得到被选定的菜单项。

本实施例中，菜单界面中包括了若干个菜单项，其中，每个菜单项均有对应的内容，在用户于菜单界面中输入选定操作后，于该菜单界面上展示被选定的菜单项所对应的内容。例如，选定操作可以是用户对菜单项所输入的点击操作，也可以是其它的一些操作，在此不进行限定。

处理模块150，用于根据菜单配置信息得到被选定的菜单项所对应的菜单类型和相应的模板文件。

本实施例中，菜单配置信息中记录了每一菜单项均有对应的菜单类型和该菜单项对应的模板文件，在选定了菜单项之后，处理模块150将从菜单配置信息中得到被选定的菜单项所对应的菜单类型和相应的模板文件。

菜单项所对应的菜单类型可以是页面、浮动框或者其它类型，若菜单项所对应的菜单类型为页面，则相应的模板文件是与该菜单项唯一对应的模板文件，该模板文件中包括了菜单项所对应的内容；若菜单项所对应的菜单类型不是页面，而是浮动框或者其它类型，则处理模块150也会进行模板文件的提取，但提取的模板文件为简化的模板文件，例如，内容空白的模板文件，并根据菜单配置信息得到菜单项所对应的菜单参数，进而根据菜单参数加载这一简化的模板文件中的内容。

刷新模块170，用于根据模板文件在菜单界面中对应的显示区域刷新被选定的菜单项。

本实施例中，刷新模块170将模板文件刷新到被选定的菜单项在菜单界面中对应的显示区域，以展示被选定的菜单项所对应的内容。

如图6所示，在一个实施例中，上述界面加载模块110包括拉取单元111和渲染单元113。

拉取单元111，用于拉取菜单配置信息。

本实施例中，在触发了菜单界面的开启操作时，拉取单元111将从后台的服务器中拉取菜单配置信息。

渲染单元113，用于遍历菜单配置信息得到菜单类型和菜单参数，根据菜单类型和菜单参数对显示界面进行渲染得到菜单界面以及菜单界面中包含的菜单项。

本实施例中，显示界面为屏幕中用于显示菜单界面的区域。菜单配置信息中包括了若干个菜单项以及每一菜单项所对应的菜单类型和该菜单项对应的菜单参数，渲染单元113对菜单配置信息进行遍历以得到每一菜单项所对应的菜单类型和菜单参数，进而依据菜单类型和对应的菜单参数对显示界面进行渲染，实现菜单界面在显示界面的展示。

如图7所示，在一个实施例中，上述处理模块150包括类型判断单元151、模板文件提取单元153和浮动框获取单元155。

类型判断单元151，用于判断被选定的菜单项所对应的菜单类型是否为页面，若是，则通知模板文件提取单元153，若否，则通知浮动框获取单元155。

本实施例中，类型判断单元151对被选定的菜单项所对应的菜单类型进行判断，若判断到被选定的菜单项所对应的菜单类型为页面时，则通知模板文件提取单元153，若判断到被选定的菜单项所对应的菜单类型不是页面，则提取简化的模板文件，例如，内容为空白的模板文件。

通过上述判断所选用不同的模板文件，可以使网页页面中菜单界面的刷新能兼容菜单类型各不相同的菜单项，大大地提高了灵活性。

模板文件提取单元153，用于从菜单配置信息中提取菜单项对应的模板文件。

本实施例中，在判断到被选定的菜单项所对应的菜单类型为页面之后，模板文件提取单元153从菜单配置信息中提取得到菜单项所对应的模板文件，该模板文件中包括了菜单项所对应的内容。

在一个实施例中，刷新模块170还用于实例化提取得到的模板文件，并利用该模板文件刷新被选定的菜单项在菜单界面中对应的显示区域。

本实施例中，在判断到被选定的菜单项所对应的菜单类型为页面时，刷新模块170将实例化提取到的模板文件，并在菜单界面中将用于显示被选定的菜单项所对应的内容的显示区域进行刷新，以显示模板文件中的内容。

进一步的，刷新模块170从菜单配置信息中提取得到的模板文件将是代码形式的，因此，需要将提取的代码形式的模板文件进行实例化，以将抽像的代码变换为具体的模板文件，以及模板文件中的内容。

浮动框获取单元155，用于获取浮动框所属的模板文件，并将被选定的菜单项所对应的菜单参数设置为浮动框属性。

本实施例中，若判断到被选定的菜单项所对应的菜单类型不为页面，则说明被选定的菜单项所对应的菜单类型为浮动框或者其它类型，此时，浮动框获取单元155将获取浮动框所属的模板文件，即所述简化的模板文件。

在构建模板文件时，由于无法获知菜单类型为浮动框或者除了浮动框和页面之外的其它菜单类型的菜单项所对应的内容，因此，所述简化的模板文件是预先构建的空白浮动框，以使得所构建的该简化的模板文件能够适用于各种菜单项的刷新，具有较高的通用性。

设置为浮动框属性的菜单参数为菜单项对应内容所在的链接地址，将这一菜单参数设置为浮动框属性中的引用链接地址，即src属性，以方便刷新新菜单项的对应内容。

在另一个实施例中，刷新模块170还用于实例化浮动框所属的模板文件，向被选定的菜单项在菜单界面中对应的显示区域载入浮动框所属的模板文件，并在浮动框中通过浮动框属性中记录的引用链接地址载入被选定菜单项对应的网页。

本实施例中，在判断到被选定的菜单项所对应的菜单类型不为页面的场景下，刷新模块170将对提取得到的浮动框所属的模板文件进行实例化，并载入菜单界面用于显示被选定的菜单项对应内容的显示区域，由于浮动框所属的模板文件是空白的浮动框，因此，需要按照浮动框属性中记录的引用链接地址，即src属性载入网页，该网页中的内容即为被选定的菜单项对应的内容。

在模板文件的作用下，使得菜单类型为浮动框的菜单项在菜单界面中对应内容显示区域的加载速度得到提高，避免了内存消耗过大的现象发生，此外，也由于菜单项的内容是根据引用链接地址载入的，因此在需要对菜单项的内容进行变更时，只需要改变记录的引用链接地址即可，实现起来非常简易。

上述网页页面的刷新装置将使得单页面网页应用程序，即WbApp的系统菜单每一菜单项对应内容的刷新更易于实现，在菜单配置信息和模板文件的作用下打破了菜单项和内容之间紧耦合的情况，可动态地调整菜单项和内容的对应关系，即轻易实现菜单项所对应内容的变更，也使得多种内容载入方式能够并存。

上述网页页面的刷新方法和装置，为了在网页页面中显示菜单界面，将进行菜单配置信息的加载，根据菜单配置信息进行渲染以得到显示于网页页面的菜单界面，在对菜单界面中的任一菜单项触发了选定操作之后，将从菜单配置信息中得到被选定的菜单项所对应的菜单类型和相应的模板文件，从而将模板文件刷新至被选定的菜单项在菜单界面中对应的显示区域，实现了被选定的菜单项所对应内容的载入，在模板文件的作用下使得菜单项所对应的内容在需要变换时只需要改变所对应的模板文件即可，在需要添加或者删除任一菜单项时只需要添加或删除相应模板文件即可，大大地提高了灵活性，实现了菜单项和对应内容的动态调整。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种网页页面的刷新方法，其特征在于，包括如下步骤：

加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面；

通过菜单界面的选定操作得到被选定的菜单项；

根据所述菜单配置信息得到所述被选定的菜单项所对应的菜单类型和相应的模板文件；及

根据所述模板文件在菜单界面中对应的显示区域刷新所述被选定的菜单项。

2.根据权利要求1所述的网页页面的刷新方法，其特征在于，所述加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面的步骤包括：

拉取菜单配置信息；及

遍历所述菜单配置信息得到菜单类型和菜单参数，根据所述菜单类型和菜单参数对显示界面进行渲染得到菜单界面以及菜单界面中包含的菜单项。

3.根据权利要求2所述的网页页面的刷新方法，其特征在于，所述根据所述菜单配置信息得到所述被选定的菜单项所对应的菜单类型和相应的模板文件的步骤包括：

判断所述被选定的菜单项所对应的菜单类型是否为页面；

若是，则从所述菜单配置信息中提取所述菜单项对应的模板文件；

若否，则获取浮动框所属的模板文件，并将所述被选定的菜单项所对应的菜单参数设置为浮动框属性。

4.根据权利要求3所述的网页页面的刷新方法，其特征在于，所述根据所述模板文件菜单界面中对应的显示区域刷新所述被选定的菜单项在的步骤包括：

实例化提取得到的模板文件，并利用该模板文件刷新所述被选定的菜单项在菜单界面中对应的显示区域。

5.根据权利要求3所述的网页页面的刷新方法，其特征在于，所述根据所述模板文件在菜单界面中对应的显示区域刷新所述被选定的菜单项的步骤还包括：

实例化所述浮动框所属的模板文件，向所述被选定的菜单项在菜单界面中对应的显示区域载入所述浮动框所属的模板文件，并在所述浮动框中通过浮动框属性中记录的引用链接地址载入所述被选定菜单项对应的网页。

6.一种网页页面的刷新装置，其特征在于，包括：

界面加载模块，用于加载菜单配置信息，并根据菜单配置信息渲染得到菜单界面；

选定获取模块，用于通过菜单界面的选定操作得到被选定的菜单项；

处理模块，用于根据所述菜单配置信息得到所述被选定的菜单项所对应的菜单类型和相应的模板文件；及

刷新模块，用于根据所述模板文件在菜单界面中对应的显示区域刷新所述被选定的菜单项。

7.根据权利要求6所述的网页页面的刷新装置，其特征在于，所述界面加载模块包括：

拉取单元，用于拉取菜单配置信息；及

渲染单元，用于遍历所述菜单配置信息得到菜单类型和菜单参数，根据所述菜单类型和菜单参数对显示界面进行渲染得到菜单界面以及菜单界面中包含的菜单项。

8.根据权利要求7所述的网页页面的刷新装置，其特征在于，所述处理模块包括：

类型判断单元，用于判断所述被选定的菜单项所对应的菜单类型是否为页面，若是，则通知模板文件提取单元，若否，则通知浮动框获取单元；

所述模板文件提取单元用于从所述菜单配置信息中提取所述菜单项对应的模板文件；及

所述浮动框获取单元用于获取浮动框所属的模板文件，并将所述被选定的菜单项所对应的菜单参数设置为浮动框属性。

9.根据权利要求8所述的网页页面的刷新装置，其特征在于，所述刷新模块还用于实例化提取得到的模板文件，并利用该模板文件刷新所述被选定的菜单项在菜单界面中对应的显示区域。

10.根据权利要求8所述的网页页面的刷新装置，其特征在于，所述刷新模块还用于实例化所述浮动框所属的模板文件，向所述被选定的菜单项在菜单界面中对应的显示区域载入所述浮动框所属的模板文件，并在所述浮动框中通过浮动框属性中记录的引用链接地址载入所述被选定菜单项对应的网页。