CN101160579B - 实现页面灵活布局的装置和方法 - 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存在着许多问题，

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

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

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

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

发明内容

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

根据本发明提供的一种实现页面灵活布局的装置，包括：

页面显示单元和页面控制单元，所述页面显示单元包括布局显示模板和模板转换器，所述布局显示模板以模板的方式给用户终端提供页面布局的显示方式；所述模板转换器，与所述的布局显示模板连接，将所述布局显示模板转换成用户终端可以识别的文件；

所述页面控制单元，与所述的页面显示单元连接，选择用户终端支持的资源，根据转换后的所述用户终端可以识别的文件所提供的页面布局的显示方式将该资源装载在页面显示单元，进而生成显示页面提供给用户。

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

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

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

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

根据本发明提供的一种实现页面灵活布局的方法，包括：

通过建立各种布局显示模板提供页面布局的显示方式，所述布局显示模板对外提供相应接口，将模板文件转换成各种终端可以识别的文件；

选择所述用户终端支持的数据类型资源，根据转换后的所述用户终端可以识别的文件所提供的页面布局的显示方式装载该资源，进而生成显示页面。

更适宜地，该方法进一步包括：

根据用户终端的支持能力，建立相应的资源识别库，所述资源识别库中保存有用户终端支持的可显示的各种数据类型，包括门户组件Portlet、图片、文件或/和动画FLASH。

所述的布局显示模板的每个区域都是一个有效区域，用于填放各种类型的资源，该方法还包括：

根据需要选择布局显示模板，并将用户终端支持的资源装载在该布局显示模板中，显示给用户终端。

更适宜地，该方法还包括：

从所述资源识别库中选择资源，对该资源进行识别，生成相应的显示代码；

将所述显示代码装载在该文件中，生成显示页面提供给用户。

综上所述，本发明通过将Layout的布局控制部分和布局显示部分进行分离，和现有技术相比，本发明解决了页面布局格式简单的问题，可以根据不同的需求设计多样化的布局显示模板，并可以通过模板嵌套来不断地扩充，从而实现了复杂的页面布局。

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

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

附图说明

图1为根据本发明的实施例的具体装置的结构图；

图2为根据本发明的实施方法的具体处理流程图；

图3(a)和图3(b)为根据本发明的布局显示模板的区域分布示意图；

图4为本发明的实施例中通过对布局显示模板的表格实现复杂的布局的示意图；

图5为根据本发明的实施例中对布局显示模板的表格进行单元格切分的示意图；

图6为根据本发明的实施例中对布局显示模板的表格进行表格嵌套的示意图。

具体实施方式

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

为使本发明的原理、特性和优点更加清楚，下面结合附图来详细描述本发明，本发明所述装置的结构图如图1所示，包括：

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

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

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

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

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

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

基于上述装置，本发明所提供的页面灵活布局的方法的具体处理流程如图2所示，包括如下步骤：

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

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

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

如图3(a)所示，将布局显示模板定义为ABCD五个区域的布局。

如图3(b)所示，布局显示模板包含ABCDE四个区域，每个区域都可以添加一个或者多个内容(portlet或者其他资源)。

该布局的模板文件可以通过HTML标记语言定义如下：

<table>

  <tr>

    <td><portal:resource id＝”A”></td>

    <td><portal:resource id＝”B”></td>

  </tr>

  <tr>

    <td colspan＝”2”><portal:resource id＝”C”></td>

  <tr>

  <tr>

    <td><portal:resource id＝”D”></td>

    <td><portal:resource id＝”E”></td>

  </tr>

    </table>

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

采用表格的形式来编写基本的布局显示模板，一个表格表示一个布局的某个区域，该区域可以作为显示内容的布局划分。每个表格也可以直接使用标记语言填写内容，比如显示图片或者文字等。比如图4左边的布局描述，9个表格实现9个布局区域的划分。然后，通过对布局显示模板的表格进行表格嵌套、单元格切分和单元格合并，以及三者的组合，构建复杂的布局。由此可以突破列和行的限制。上述通过对布局显示模板的表格进行各种格式处理来实现复杂的布局。

图4为根据本发明的实施例中对布局显示模板的表格进行单元格合并的示意图，如图4所示，区域1为区域A和区域B的合并，区域2为区域C和区域D的合并，区域6为区域E和区域F的合并。

图5为根据本发明的实施例中对布局显示模板的表格进行单元格切分的示意图。图5中，区域B被拆分成了B1，B2，B3三个小区域。图6为根据本发明的实施例中对布局显示模板的表格进行表格嵌套的示意图。图6中，区域B中嵌套使用了B1，B2，B3，B4四个区域的布局描述。

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

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

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

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

本发明还需要根据用户终端的支持能力，比如，支持WML标记语言的终端，则可以调用使用WML标记语言描述的模板来实现布局，同时规定添加内容的类型必须支持WML标记语言，相应地，收集终端支持显示的数据类型，并保存相应的显示标签或者代码，从而建立完整的资源识别库。由于要将Layout的布局控制模块和布局显示模板进行分离，因此，可以将所有能在网页上显示的、用户终端支持的数据类型都当作资源来处理。比如，Portlet、图片、文件和FLASH等都可以成为资源，保存在资源识别库中。

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

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

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

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

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

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

Claims (7)

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

页面显示单元和页面控制单元，所述页面显示单元包括布局显示模板和模板转换器，所述布局显示模板以模板的方式给用户终端提供页面布局的显示方式；所述模板转换器，与所述的布局显示模板连接，将所述布局显示模板转换成用户终端可以识别的文件；所述页面控制单元，与所述的页面显示单元连接，选择用户终端支持的资源，根据转换后的所述用户终端可以识别的文件所提供的页面布局的显示方式将该资源装载在页面显示单元，进而生成显示页面提供给用户。

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

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

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

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

4.一种实现页面灵活布局的方法，其特征在于，包括：

通过建立各种布局显示模板提供页面布局的显示方式，所述布局显示模板对外提供相应接口，将模板文件转换成各种终端可以识别的文件；

选择所述用户终端支持的资源，根据转换后的所述用户终端可以识别的文件所提供的页面布局的显示方式装载该资源，进而生成显示页面。

5.根据权利要求4所述实现页面灵活布局的方法，其特征在于，进一步包括：

根据用户终端的支持能力，建立相应的资源识别库，所述资源识别库中保存有用户终端支持的可显示的各种类型，包括门户组件Portlet、图片、文件和动画FLASH。

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

所述的布局显示模板的每个区域都是一个有效区域，用于填放各种类型的资源，该方法还包括：

根据需要选择布局显示模板，并将用户终端支持的资源装载在该布局显示模板中，显示给用户终端。

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

从所述资源识别库中选择资源，对该资源进行识别，生成相应的显示代码；

将所述显示代码装载在该文件中，生成显示页面提供给用户。

Images