portal主题页面开发介绍.docVIP

您可能想知道如何将您门户网站上的徽标换成您公司的徽标。或者您想在门户网站上添加一个左侧导航窗格，或更改其背景颜色。通过了解 WebSphere Portal 用于显示门户页面的 JSP 流程以及这些 JSP 的内容，您可以创建或修改主题或皮肤，使您的门户网站看上去象您公司的 Web 站点。 ? 2003 International Business Machines Corporation. Allrights reserved. 引言 您可能想知道如何将您门户网站上的徽标换成您公司的徽标。或者您想在门户网站上添加一个左侧导航窗格，或更改其背景颜色。通过了解 WebSphere Portal 用于显示门户页面的 JSP 流程以及这些 JSP 的内容，您可以创建或修改主题或皮肤，使您的门户网站看上去象您公司的 Web 站点。 IBM WebSphere Portal Enable for Multiplatforms V4.2 使用不同的 Java Server Page（JSP）、级联样式表（Cascading Style Sheet，CSS）和图像来显示门户页面。它使用位于 C:\WebSphere\PortalServer\app\wps.ear\wps.war 目录下 themes 、 skins 和 screens 目录中的 JSP 来构造门户页面。这些目录中的每一个都包含 html 、 wml 和 chtml 子目录，WebSphere Portal 将它们用于服务不同客户机，例如桌面浏览器和移动设备。 本文是一系列文章的第一篇，这一系列将讲解 WebSphere Portal 如何为通过 Internet Explorer（IE）访问 WebSphere Portal 的客户机使用缺省主题和缺省皮肤显示门户页面。对于所有其他的主题和皮肤，处理过程也是类似的。 本系列文章说明了: 用于显示门户页面的 JSP 流程 如何使用 engine.tld ?中定义的 JSP 标记 如何使用级联样式表（CSS）元素? 如何使用属性文件显示门户网站标题和其它属性? 本文描述了缺省主题定义的 Default.jsp 、 Head.jsp 和 ToolBarInclude.jsp 的内容和流程。 Default.jsp 所有屏幕聚集都从 Default.jsp 开始。用于缺省主题的 Default.jsp 位于 wp_root\app\wps.ear\wps.war\themes\html 。这个 JSP 包含其它用于显示标题、工具栏的 JSP 以及用于往可用位置及页面植入内容的 JSP。在 Default.jsp 的末尾处， screenRender JSP 标记选择被请求的屏幕（例如 login 或 forgotpassword ）。图 1 演示了 Default.jsp 的流程。 图 1：Default.jsp 的流程  下面的讨论将带您了解 Default.jsp 的内容。当您阅读这些讨论时，您可能想要 查看 Default.jsp 的清单。 Default.jsp 文件包含一个 JSP 标记库 engine.tld ，该库使用下列 URI： %@ taglib uri=/WEB-INF/tld/engine.tld prefix=wps % 这一标记库提供了植入位置名称、页面以及在所要求的主题和皮肤定位图像所需的 JSP 标记。您需要了解这一标记库以便定制您门户网站的外观和感觉。 为获取门户网站的基本 URL 以及文档 URL，在 Default.jsp 中使用了 constants JSP 标记。这一元素使得下列两个脚本变量可用于该页面。 ? wpsBaseURL：用于获取门户网站 URL，例如 /wps/ 。使用此变量可生成指向 wp_root\app\wps.ear\wps.war 目录中资源的链接。 wpsDocURL：用于生成指向门户网站帮助文件的链接。 html 内容的头部分通过包含 Head.jsp 而生成，该 Head.jsp 与 Default.jsp 在同一个目录下。本文下一部分将描述 Head.jsp 。 ? 接下来， Default.jsp 包含 extension/PageBeginInclude.jsp 。这个 JSP 只包含用于 WebSphere Portal Enable 版的注释；其内容不在此处加以讨论。 ? 对于所有版本， Default.jsp 都包含下列三个 JSP。 ToolBarInclude.jsp PlaceBarInclude.jsp PageBarInclude.jsp 这些 JSP 与 Defaul