练习 2.1:创建新的门户网站以显示 portlet 应用程序

在开始之前,必须先完成练习 1.5:添加用来搜索“拍卖”站点列表和提供列表详细信息的 portlet

在本练习中,您将创建一个新的门户网站应用程序,该应用程序具有一些包含直到目前为止已创建的 portlet 的页面。

创建门户网站项目

要创建“拍卖”门户网站项目,遵循下列步骤:

  1. 从工作空间菜单中选择文件 > 新建 > 门户网站项目
  2. 在“新建门户网站项目”向导的初始页面中,在名称字段中输入 AuctionPortal,并单击下一步
  3. 为站点选择缺省主题。对于本教程,选择 WebSphere 主题。
  4. 选择与 WebSphere 主题相关联的缺省皮肤。注意,门户网站站点的缺省皮肤始终与缺省主题相关联。对于本教程,选择轮廓皮肤。

    有两种类型的缺省皮肤。一种用于整个门户网站站点,另一种用于主题。在此向导中,只为所选择的缺省主题指定缺省皮肤。(只能将一种皮肤作为门户网站站点的缺省皮肤。)通常,每个主题都定义了一种缺省皮肤,而门户网站站点很少使用缺省皮肤。

  5. 单击完成。如果要求您切换至“Web 透视图”,则单击确定

Portal Designer 将显示项目的“门户网站配置”文件,该文件显示了具有一个标签和一个子页面的缺省导航结构:
“门户网站配置”文件
Portal Designer 提供了一些专用编辑器,用于处理许多熟悉的门户网站元素(包括标签、页面、导航、主题和皮肤),这些专用编辑器和级联样式表使您能够控制门户网站站点的外观。

创建用来包含 portlet 应用程序的标签和页面

使用 Portal Designer 来为您已创建的 portlet 创建门户网站布局元素:

  1. 选择 Label1,然后选择“属性”视图选项卡。单击“属性”视图中的标题选项卡,并将 Label1 更改为拍卖。按 Enter 键。
  2. 选择 Page1,然后选择“属性”视图选项卡。单击“属性”视图中的标题选项卡,并将 Page1 更改为注册。按 Enter 键。
  3. 页面组件从选用板中的门户网站抽屉拖动到拍卖标签上。这就会在“注册”页面旁边添加一个新页面。象上一步那样,将新页面的标题更改为列表

添加一些行和列来布局门户网站页面

门户网站页面提供了一个框架来向门户网站站点添加内容。您已经使用在先前练习中定义的 portlet 的形式创建了此内容。为了向各个页面中添加多个 portlet,可以使用一些行和列的组合来定义空间布局,这种方式允许您以逻辑形式将 portlet 放置在页面上。

缺省情况下,您创建的每个页面都包括单个列和单个行。添加列和行是一个简单过程,就象对 Web 应用程序中的任何“表”添加列和行一样。(注意,是一个隐喻,它并不是标准门户网站术语的一部分,只不过是为了便于您理解而已。)因为您将向列表页面添加两个 portlet,所以可以向“列表”页面布局添加另一个“单元格”,在本例中就是添加一列。可以采用下面两种方法中的任何一种来完成此任务:

在任何一种情况下,都会创建一列,因此稍后可以插入 ListingDetail portlet。“门户网站配置”将显示空列:
“门户网站配置”文件

将 portlet 添加至门户网站页面

既然在“拍卖”标签下面具有一些带有布局元素的新页面,因此可以采用以下方式添加您在先前练习中创建的 portlet:

  1. 选择“注册”页面。
  2. Portlet 这一项从选用板拖动至“注册”页面中的一列。从插入 Portlet 对话框的选项中选择 User Admin portlet,并单击确定

    注意,还可以使用“大纲”视图来执行相同的操作。在“大纲”视图中,展开“布局”节点,然后展开“注册”节点。在“列”下面,您将看到 UserAdmin portlet 图标。选择列并单击右键以打开弹出菜单。您应该看到一些级联菜单,可以用来向页面中添加更多 portlet。
    “大纲”视图中的 Portlet

  3. 通过单击导航区域中的列表来选择“列表”页面。现在,您可以向“列表”页面中添加协作“列表”portlet 了:
    1. 使用上一步中描述的其中一种方法将 ListingSearch portlet 插入到“列表”页面的第一列中。
    2. 选择 ListingSearch portlet 右边那一列,插入 ListingDetail portlet。
  4. 保存该文件。

    更新之后的“列表”页面看起来应该类似于下图:
    “列表”页面

现在,差不多就已经完成了门户网站站点。在接下来的练习中,您将学习如何使用与 Portal Designer 一起工作的一些专用编辑器来定制门户网站站点的外观。

现在,您可以开始进行练习 2.2:定制门户网站站点了。

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.