portal主题页面开发介绍.pdf

您可能想知道如何将您门户网站上的徽标换成您公司的徽标。或者您想在门户网站上添加一个左侧导航窗格，或更改

其背景颜色。通过了解WebSpherePortal用于显示门户页面的JSP流程以及这些JSP的内容，您可以创建或修

改主题或皮肤，使您的门户网站看上去象您公司的Web站点。

©2003InternationalBusinessMachinesCorporation.Allrightsreserved.

引言

您可能想知道如何将您门户网站上的徽标换成您公司的徽标。或者您想在门户网站上添加一个左侧导航窗格，或更改

其背景颜色。通过了解WebSpherePortal用于显示门户页面的JSP流程以及这些JSP的内容，您可以创建或修

改主题或皮肤，使您的门户网站看上去象您公司的Web站点。

IBMWebSpherePortalEnableforMultiplatformsV4.2使用不同的JavaServerPage（JSP）、级联样式表

（CascadingStyleSheet，CSS）和图像来显示门户页面。它使用位于

C:\WebSphere\PortalServer\a\wps.ear\wps.war目录下themes、skins和screens目录中的

JSP来构造门户页面。这些目录中的每一个都包含html、wml和chtml子目录，WebSpherePortal将它们用

于服务不同客户机，例如桌面浏览器和移动设备。

本文是一系列文章的第一篇，这一系列将讲解WebSpherePortal如何为通过InternetExplorer（IE）访问

WebSpherePortal的客户机使用缺省主题和缺省皮肤显示门户页面。对于所有其他的主题和皮肤，处理过程也是类

似的。

本系列文章说明了:

用于显示门户页面的JSP流程

如何使用engine.tld中定义的JSP标记

如何使用级联样式表（CSS）元素

如何使用属性文件显示门户网站标题和其它属性

本文描述了缺省主题定义的Default.js、Head.js和ToolBarInclude.js的内容和流程。

Default.jsp

所有屏幕聚集都从Default.js开始。用于缺省主题的Default.js位于

wp_root\a\wps.ear\wps.war\themes\html。这个JSP包含其它用于显示标题、工具栏的JSP以及用于

往可用位置及页面植入内容的JSP。在Default.js的末尾处，screenRenderJSP标记选择被请求的屏幕（例

如login或forgotpassword）。图1演示了Default.js的流程。

图1：Default.js的流程

下面的讨论将带您了解Default.jsp的内容。当您阅读这些讨论时，您可能想要查看Default.js的清单。

1.Default.jsp文件包含一个JSP标记库engine.tld，该库使用下列URI：

%@tagliburi=/WEB-INF/tld/engine.tldprefix=wps%

2.

3.这一标记库提供了植入位置名称、页面以及在所要求的主题和皮肤定位图像所需的JSP标记。您需要了解

这一标记库以便定制您门户网站的外观和感觉。

4.为获取门户网站的基本URL以及文档URL，在Default.jsp中使用了constantJSP标记。这一元

素使得下列两个脚本变量可用于该页面。

owpsBaseURL：用于获取门户网站URL，例如/wps/。使用此变

量可生成指向wp_root\app\wps.ear\wps.war目录中资源的链接。

owpsDocURL：用于生成指向门户网站帮助文件的链接。

5.html内容的头部分通过包含Head.jsp而生成，该Head.jsp与Default.jsp在同一个目录下。本文

下一部分将描述Head.jsp。

6.接下来，Default.jsp包含exte