静态页面聚合
简介:进行静态页面聚合,您可以从 IBM WebSphere Portal V6.1 项目的静态 HTML 布 局或者模板中,创建门户页面。本文一步步地指导您,使用 IBM Rational Application Developer V7.5,来创建、设计、编辑和聚合这样的静态布局,目标确定为门户服务器运行时环境。按照 本文中介绍的步骤,您不需要懂太多基础的门户 API 知识。
系统需求
作者假设您的电脑 上安装有 IBM Rational Application Developer V7.5,并在一个您拥有管理员权限的本地或 者远程系统中安装有 IBM WebSphere Portal V6.1 服务器。
使用静态页面的好处
到现在,网站设计者们使用像 HTML、瀑布式的工作表(CSS)以及 JavaScript 这样的简单网络技术,来设计网站的总体外观,但是 portlets 通常是由 Java或者 JavaServer Page (JSP)开发员们创建的。现在,通过将 portlets 与静态网络页面聚 合起来,您可以使用静态页面聚合(SPA)来开发 portlets 的潜力。您可以在静态网络页面中使用简单 的 HTML 标记来创建完整的门户页面,来实现这一点。
图 1. 在 HTML 布局中聚合一个 portlet
使用简单的 Web 技术 ,通过使用您喜好的 Web 管理工具,例如 Rational Application Developer 中的 Page Designer 或者 简单的文本编辑器,您可以设计网站的布局。比起使用门户布局模型,您可以更好地控制页面的布局。
您可以使用 portlets 作为动态元素,使用容器作为页面中 portlets 的占位符。通过使用服务 器端的聚合,Ajax,或者一个 IFrame 元素来显示它们。您还可以使用静态页面之中的 portlet 交流。
静态页面聚合使用起来不但简单容易,而且在和简单的 Web 技术(例如,CSS 和 JavaScript)一道 开发 portlets 的功能方面,它的功能非常强大。本文首先描述了 SPA 的概念,然后一步步地指导您使 用 SPA 和 Rational Application Developer V7.5:
首先,创建一个门户项目,然后是静态布局的门户页面。
接下来,创建一个添加至静态页面的门户项目。
然后,创建一个静态布局(静态页面)的门户页面。
再接下来,编辑该静态页面以添加主题,门户容器和门户窗口。
然后发布您的项目,以查看上面列出的第一个简单操作的结果。
然后为静态布局创建主题,为静态页面中的 portlets 创建皮肤。
接下来,您可以使用 portlets 的动态功能来自动生成网站的导航栏。
在此之后,使用国际化功能来使全世界各个地方都能访问您的静态页面。
然后使用静态布局资源档案文件,来创建其他的页面,并编辑您在前面创建的静态页面。
最后,发布您所创建的包含静态页面的门户 Web 网站。
关键术语
静态布局
页面的布局构建在普通的 HTML 页面基础之上,并且可以包含对 portlets 的引用。反过 来,一个动态门户页面的布局是由服务器中的数据库定义结构的,并由页面编辑器管理。
静态页面
一个引用静态布局的静态页面。静态页面可以是门户页面技术任意位置的一部分。除了传 递,它的表现就像一个默认的门户页面,例如访问控制。
动态布局
标准的门户布局,由行和列组成;它在数据库中永久存在。