CN1869980A - 实现页面灵活布局的装置和方法 - Google Patents

Abstract

本发明提供了一种实现页面灵活布局的装置和方法，本发明所述装置主要包括：页面显示单元：提供页面布局的显示方式；页面控制单元：与所述的页面显示单元连接，选择用户终端支持的资源，将该资源装载在页面显示单元，进而生成显示页面提供给用户。利用本发明，可以实现页面布局的多样化，并能够灵活地在页面中装载各种类型的内容。

Description

实现页面灵活布局的装置和方法

技术领域

本发明涉及计算机应用领域，尤其涉及一种实现页面灵活布局的装置和方法。

背景技术

Portal(门户)系统是以用户为中心的信息协作网络门户，是基于Web的应用系统。它整合企业的各种资源以便更好地发挥作用，同时又可以避免用户被网络中大量的信息所淹没，使用户能方便地找到所需要的信息并使用相关的功能。这种以人为本、方便使用的信息系统已经得到了广泛的使用，成为企业信息资源整合的重要模式。Portal系统具有个性化、单点登陆和不同来源的内容集合等特点。

为实现Portal系统的可定制性，引入了Portlet(门户组件)的概念，Portlet是一个可插拔的用户界面组件，通常是由基于WEB组件的JAVA技术来实现。由Portlet Container(门户组件容器)进行综合管理，PortletContainer处理用户发出的请求并动态返回页面，最后由portal组装成完整页面返回给用户。

Portlet系统的Layout(页面布局)决定了用户页面的排列方式、用户可以使用的页面结构。它是Portal个性化特性中最为重要的一部分。Layout模块还负责为不同设备提供合适布局，以满足一些小屏幕设备，如PDA(Personal DigitalAssistant，个人数字助理)等的要求。

Portal系统还可以通过Layout来实现内容编辑的可分配性，即通过对页面的不同区域设置不同的管理用户，并分配不同的操作权限，达到个性化管理页面内容编辑的目的。

目前，Portal系统的Layout存在着许多问题，主要包括以下几点：

1、由于Layout的逻辑控制代码和模板捆绑在一起，因此，对Layout模板进行修改或者进行二次开发难度比较大；

2、Layout模板的布局格式比较简单，比如，只有几列或者几行；

3、Layout只能装载portlet封装的内容。

现有技术中还没有解决上述问题的方法。

发明内容

鉴于上述现有技术所存在的问题，本发明的目的是提供一种实现页面灵活布局的装置和方法，从而可以实现页面布局的多样化，并能够灵活地在页面中装载各种类型的内容。

本发明的目的是通过以下技术方案实现的：

一种实现页面灵活布局的装置，包括：

页面显示单元：提供页面布局的显示方式；

页面控制单元：与所述的页面显示单元连接，选择用户终端支持的资源，将该资源装载在页面显示单元，进而生成显示页面提供给用户。

所述的页面显示单元包括：

布局显示模板：以模板的方式给用户终端提供页面布局的显示方式；

模板转换器：与所述的布局显示模板连接，将所述布局显示模板转换成用户终端可以识别的文件。

所述的页面控制单元包括：

逻辑控制模块：选择用户终端支持的资源，将该资源装载在由布局显示模板转换成用户终端可以识别的文件中，进而生成显示页面

资源识别库：与所述的逻辑控制模块连接，保存所述用户终端支持的且能在页面上显示的资源。

所述的资源包括门户组件Portlet、图片和FLASH。

一种基于上述装置的实现页面灵活布局的方法，包括：

A、提供页面布局的显示方式；

B、选择所述用户终端支持的资源，根据所述显示方式装载该资源，进而生成显示页面。

所述的提供页面布局的显示方式由页面显示单元完成。

所述的选择所述用户终端支持的资源，并装载该资源，进而生成显示页面由页面控制单元完成。

所述页面显示单元包括有：支持超文本标记语言HTML的布局显示模板和与其相连的模板转换器。

所述的布局显示模板的每个区域都是一个有效区域，有一个唯一的标识，可以填放各种类型的资源。

所述的布局显示模板对外提供相应接口，通过该接口模板转换器可以对布局显示模板进行转换。

所述的页面控制单元包括：逻辑控制模块及与其相连的资源识别库。

所述的步骤B具体包括：

选择布局显示模板，页面控制单元中的逻辑控制模块将用户终端支持的资源装载在该布局显示模板中，显示给用户终端。

所述的步骤B具体包括：

B1、所述逻辑控制模块从所述资源识别库中选择资源，对该资源进行识别，生成相应的显示代码；

B2、根据选择的布局显示模板对外提供的接口，模板转换器将该布局显示模板转换成用户终端可以识别的文件，将所述显示代码装载在该文件中，生成显示页面提供给用户。

由上述本发明提供的技术方案可以看出，本发明通过将Layout的布局控制部分和布局显示部分进行分离，和现有技术相比，具有如下优点：

1、本发明解决了页面布局的多样化问题，可以根据不同的需求设计多样化的布局显示模板，并可以通过模板嵌套来不断地扩充，从而实现了复杂的页面布局。

2、本发明能够灵活地对页面布局进行修改。使用本发明的技术方案后，如果想修改一种布局，只需修改该布局对应的模板，或者将该模板转换到另一模板上。

3、本发明可以实现资源的自动识别和管理，实现灵活地在页面中装载各种类型的内容。可以让Layout可以识别几乎所有的可以在网页上显示的内容，而不需将其转化为Portlet。

附图说明

图1为本发明所述装置的结构图；

图2为本发明所述方法的具体处理流程图；

图3为通过对布局显示模板的表格进行各种格式处理来实现复杂的布局的示意图。

具体实施方式

本发明提供了一种实现页面灵活布局的装置和方法，本发明的核心为：将布局控制部分和布局显示部分进行分离，布局显示部分通过布局显示模板来实现，并使用表格的形式来实现各种复杂的布局。

下面结合附图来详细描述本发明，本发明所述装置的结构图如图1所示，包括如下模块：

页面显示单元：用于给用户终端提供各种形式的页面布局的显示方式。页面显示单元包括布局显示模板和模板转换器。

其中，布局显示模板：用于通过模板的方式给用户终端提供各种形式的页面布局的显示方式。

其中，模板转换器：用于将布局显示模板转换成用户终端可以识别的文件。

页面控制单元：用于选择需要的用户终端支持的资源，将该资源装载在页面显示单元上，生成显示页面提供给用户终端。页面控制单元包括逻辑控制模块和资源识别库。

其中，逻辑控制模块：用于选择需要的用户终端支持的资源，将该资源装载在布局显示模板上，生成显示页面提供给用户终端。

其中，资源识别库：用于保存用户终端支持的、能在页面上显示的各种数据类型，其中包括门户组件Portlet、图片、文件和FLASH。

基于上述装置，本发明所述方法的具体处理流程如图2所示，包括如下步骤：

步骤2-1、根据需要建立页面布局的各种布局显示模板。

本发明中Layout的布局显示部分通过布局显示模板来实现，因此，首先需要根据用户的各种需求，建立Layout的各种布局显示模板。

本发明的布局显示模板可以支持描述性语言，因此，开发人员可以选择自己熟悉的语言，如HTML(Hyper Text Markup Languege，超文本标记语言)开发出布局显示模板的模板文件。

在具体实现上可以采用表格的形式编写出各式各样的布局显示模板，由于该布局显示模板与布局控制模块无关，因此，该布局显示模板可以有很大的变化空间，可以实现很多复杂的布局。而且针对各种用户对布局的不同要求，不需要单独去建造骨架文件，可以直接通过Layout的布局功能来实现。其具体实现的主要思路为：

采用表格的形式来编写基本的布局显示模板，然后，通过对布局显示模板的表格进行表格嵌套、单元格切分和单元格合并，以及三者的组合，构建复杂的布局。由此可以突破列和行的限制。上述通过对布局显示模板的表格进行各种格式处理来实现复杂的布局的示意图如图3所示。

如图3所示，区域1为区域A和区域B的合并，区域2为区域C和区域D的合并，区域6为区域E和区域F的合并。

本发明中布局显示模板还可以作为资源使用，即可实现模板的嵌套，将一个模板嵌套于任何其他模板之中，更有效地实现布局的多功能化。

本发明中布局显示模板的每个区域，都可以作为有效区域，可以有一个唯一的ID(标识)，可以填放任何类型的资源。Layout会利用该区域的标识信息读取该区域的资源集。同时可以控制该区域的使用权限、存放内容以及可编辑性等。

本发明中的布局显示模板需要对外提供相应接口，通过该接口模板转换器可以将布局显示模板文件进行装载，将模板文件转换成各种终端可以识别的文件。

步骤2-2、根据用户终端的支持能力，建立完整的资源识别库。

本发明还需要根据用户终端的支持能力，建立完整的资源识别库。由于实现了将Layout的布局控制模块和布局显示模板进行分离，因此，可以将所有能在网页上显示的、用户终端支持的数据类型都当作资源来处理。比如，Portlet、图片、文件和FLASH等都可以成为资源，保存在资源识别库中。

利用上述资源识别库，可以实现用户资源类型的动态管理。可以通过在该资源识别库中增加新的资源来实现用户资源类型的增加。

步骤2-3、根据终端的需要，从资源识别库中选择相应的资源信息，并装载在布局显示模板中。

本发明中Layout的布局控制部分包括逻辑控制模块和资源识别库。

所述逻辑控制模块可以根据用户终端的需要，在资源识别库中寻找相应的资源。然后，对该资源的数据类型自动进行识别，生成相应的显示代码。

模板转换器将选择的布局显示模板转换成各种终端可以识别的文件，逻辑控制模块将生成的显示代码和该文件进行结合，生成整个页面，显示给用户。

以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。

Claims (13)

1、一种实现页面灵活布局的装置，其特征在于，包括：

页面显示单元：提供页面布局的显示方式；

页面控制单元：与所述的页面显示单元连接，选择用户终端支持的资源，将该资源装载在页面显示单元，进而生成显示页面提供给用户。

2、根据权利要求1所述实现页面灵活布局的装置，其特征在于，所述的页面显示单元包括：

布局显示模板：以模板的方式给用户终端提供页面布局的显示方式；

模板转换器：与所述的布局显示模板连接，将所述布局显示模板转换成用户终端可以识别的文件。

3、根据权利要求1或2所述实现页面灵活布局的装置，其特征在于，所述的页面控制单元包括：

逻辑控制模块：选择用户终端支持的资源，将该资源装载在由布局显示模板转换成用户终端可以识别的文件中，进而生成显示页面

资源识别库：与所述的逻辑控制模块连接，保存所述用户终端支持的且能在页面上显示的资源。

4、根据权利要求3所述的实现页面布局的装置，其特征在于，所述的资源包括门户组件Portlet、图片和FLASH。

5、一种基于上述装置的实现页面灵活布局的方法，其特征在于，包括：

A、提供页面布局的显示方式；

B、选择所述用户终端支持的资源，根据所述显示方式装载该资源，进而生成显示页面。

6、根据权利要求5所述实现页面灵活布局的方法，其特征在于：

所述的提供页面布局的显示方式由页面显示单元完成。

7、根据权利要求5所述实现页面灵活布局的方法，其特征在于：

所述的选择所述用户终端支持的资源，并装载该资源，进而生成显示页面由页面控制单元完成。

8、根据权利要求6所述实现页面布局的方法，其特征在于：所述页面显示单元包括有：支持超文本标记语言HTML的布局显示模板和与其相连的模板转换器。

9、根据权利要求8所述实现页面灵活布局的方法，其特征在于：

所述的布局显示模板的每个区域都是一个有效区域，有一个唯一的标识，可以填放各种类型的资源。

10、根据权利要求9所述实现页面灵活布局的方法，其特征在于：

所述的布局显示模板对外提供相应接口，通过该接口模板转换器可以对布局显示模板进行转换。

11、根据权利要求7或8所述实现页面布局的方法，其特征在于，所述的页面控制单元包括：逻辑控制模块及与其相连的资源识别库。

12、根据权利要求6、7、8、9或10所述实现页面灵活布局的方法，其特征在于，所述的步骤B具体包括：

选择布局显示模板，页面控制单元中的逻辑控制模块将用户终端支持的资源装载在该布局显示模板中，显示给用户终端。

13、根据权利要求12所述实现页面灵活布局的方法，其特征在于，所述的步骤B具体包括：

B1、所述逻辑控制模块从所述资源识别库中选择资源，对该资源进行识别，生成相应的显示代码；

B2、根据选择的布局显示模板对外提供的接口，模板转换器将该布局显示模板转换成用户终端可以识别的文件，将所述显示代码装载在该文件中，生成显示页面提供给用户。

Images