利用 Dynamic Page Template 改善您的 Web 页面外观（3）

look_w

选项3. 从一个 Design-Time Template 中移出 Web 页面如果您拥有使用在 Rational Application Developer V6 或者 IBM® WebSphere® Studio Application Developer V5.1 中创建的页面模版的 Web 页面，那么他们使用的这个页面叫做 Design-Time Template，与 Dynamic Page Template 并不完全一样。它在 Rational Application Developer V7 中仍然被支持，但是使用 Dynamic Page Template 会给您带来几个好处，包括这两个尤其重要的：

• 可测量性： 从 Design-Time Template 中创建的 Web 页面在它们的源文件中拥有模版内容拷贝。当这个模版被修改以后，所有的派生页面在这个项目构建的过程中都会更新。因此，您创建的页面越多，构建项目的时间也会越长。相反，使用 Dynamic Page Template 的 Web 页面只在它们需要的时候产生，在它们已经被分配到服务器上之后。

• 源码控制系统(SCM) 的集成： 如果您使用的是 Design-Time Template，您应该检查来自 SCM 的所有 Web 页面，因为模版文件中的每次变更都拷贝到 Web 页面中，即使特殊页面内容没有被更新。如果您使用的是 Dynamic Page Template，那么您只需要检验需要被更新的文件。

您可以将您的 Web 页面从 Design-Time Template 移到 Dynamic Page Template。下面在 Rational Application Developer V6 中创建的以动态 Web 项目开始的例子包括这些元素：

• 一个页面模版
• 几个使用那个页面模版的 JavaServer Pages™ (JSP™)
• 一些使用那个页面模版的 HTML 页面

尽管您不能在HTML 页面中使用到 Dynamic Page Template，但是两种模版在一个项目中可以共存。有了这种方法，您可以利用 Dynamic Page Template 管理 JSP 技术的常用内容。
步骤1.创建一个新的 Dynamic Page Template 在开始这个移动过程之前，首先创建一个 Dynamic Page Template：

• 从中，右键点击 WebContent 文件夹并选择 New > Web Page Template。
• 填写 File Name 字段，确保 Dynamic Page Template 在 Type 区域已经被选定。
• 在 Template 区域的 My Template 目录下，选择您的Design-Time Template 文件。
• 点击 Finish， 新的模版文件将会在 Page Designer 编辑器中打开。
• 将您的指针移到文件的内容区域，并将其中的内容移出，然后从 Palette 插入一个新的 Content Area 作为 Dynamic Page Template 的内容区域。
• 在所有的内容区域重复这个移出和插入动作（步骤 E），然后保存这个模版。

创建的 Dynamic Page Template 充当您现有的 Design-Time Template 的一个实例的角色。这是管理那些普遍存在于 Dynamic Page Template, Design-Time Template, 以及所有只有单个文件的派生 Web 页面中的内容的一个窍门。Design-Time Template中的这个变化很快影响到动态模版和构建者使用的 Design-Time Template 的 Web页面，在运行过程中也影响到利用动态模版加速这些变化的 Web 页面。
步骤2.如果需要，在移动之前修改这个文档的头部内容在您继续将您的Web页面从 Design-Time Template 移到 Dynamic Page Template 之前，如果您使用了 中显示的标签，就应该修改您的现有文件中头内容区域的某些标签。
列表2.为这些标签核查现有文件中的头内容

1 2 3 4

<!-- tpl:put name="headarea" -->     <title>webPage1</title>     <meta name="keywords" content="IBM, Dynamic Page Template"> <!-- /tpl:put -->

在 Replace Template 向导中，默认情况下 Dynamic Page Template 仅仅看到 <title> 标签的内容，因为这个模版在 <title> 标签中只含有 Content Area。Dynamic Page Template 的源代码看起来应该如  所示。
列表3. Dynamic Page Template 的头内容源代码

1 2 3

<title> <tiles:getAsString name="documentTitle" /> </title>

为了在迁移过程中保存您的 <meta> 标签，您要稍微对您的动态模板进行修改。这里有两种修改的方法：

• 为这个 <meta> 标签添加另一个内容区域。
• 代替 <title> 标签的内容。

方法1. 为这个 <meta> 标签添加另一个内容区域

• 用 Page Designer 打开 Dynamic Page Template。
• 选择 Page > Page Properties。
• 转到 Meta Info 键，添加一个新的 <meta> 标签。
• 使 Content 保持空白，点击 OK。
• 切换到 Page Designer 的 Source 键，将指针移到 <meta> 标签 Content 值的位置。
• 选择 Insert > Page Template > Content Area。
• 键入一个新的 Content Area name名称，点击 OK。
• 在提示下再次点击 OK。
• 保存这个模版。

您将看到一个新的 <meta> 标签，看起来如  所示。
列表4. 新的 meta 标签代码

1	<meta name="keywords" content="<tiles:getAsString name="keywords"/>">

由于这个改变，向导会检测到 <keyword> meta 标签， 并将值放到这个实例文件的 Content Area 映射中，与对 <title> 标签的处理方法一样。