电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 利用 Dynamic Page Template 改善您的 Web 页面外观（2） [打印本页]

作者: look_w 时间: 2018-7-20 22:03 标题: 利用 Dynamic Page Template 改善您的 Web 页面外观（2）

选项2. 创建和管理有着一致外观的复式模版在 Rational Application Developer V6 中，Design-Time Template 使您能够创建一个嵌套的页面模版，因此您可以从一个根模版创建一个新的模版。在 Rational Application Developer V7 中介绍了的 The Dynamic Page Template 采取了不同的途径并给予您与一个文件一起管理在多个模版中普通内容的一个方法，称之为 root template
。
步骤1.创建一个根模版通过以下步骤创建用作主模版的根模版：

在Project Explorer 视图中，选择您所完成的模版，并且选择从弹出菜单中选择 Copy。
单击这个父文件夹，并且从弹出菜单中选择 Paste。
在 Name Conflict 窗口，输入新模板的名字。
用 Page Designer 打开新模板。
Remove 通常从几个模版中使用不同内容的共同领域。
现在，从 Palette视图中的 Page Template 绘图工具中插入 Content Area。
重复前面两个子步骤，5和6，以得到您需要的每个内容区域。
通过 Ctrl+S 键保存根模版，然后您将看到Save a Page Template 窗口提示。单击 Yes

现在您与拥有一个根模版和几个内容区域。它们其中有一些将被起源的模版所填充，另外一些将被实际的 Web 页所填充。下一步，通过使用这个根模版来创建一个模版。
步骤2. 通过使用根模版来创建一个模版首先，再次在 Create a JSF page from the template 下遵循 步骤 3 以便于从页面模版中创建一个 Web 页面。然后进行下列步骤：

在 Dynamic Page Template 中的 Configure Content Area 会话中，选择一个您想通过模版填充的内容区域。
确保 New or existing fragment file 被选择，然后填写 Name 和 Folder 区域。
重复前面的两个小步骤（这部分的 2-A 和 2-B ）以填写除了一个相对于实际的 Web 页之外的所有内容区域。
点击 OK。
现在，转移您的注意力到每个 Content Area 片段，并且用 HTML 或者 JavaServer Faces 内容填写这些区域。
下一步，选择 File > Page Template > Register As Dynamic Page Template。
改变模版名称以得到您想要的名称，然后单击 OK。 (请看。)
确保保存您的文件。

图4. Register as a Dynamic Page Template 对话框

这些步骤大体上和创建一个实例页面是一样的，直到步骤 2-F 。步骤 2-G 创建一个新的页面模版，像 Struts Tiles 定义元素一样有 Content Area 的映射数据。如果您核查 XML 定义文件，您可以看到您的新模版代码。给出了一个示例。
列表1. XML 模版定义文件示例

1
2
3
4
5

这个样本模版有些由于疏忽而填写的 Content Areas 。您可以像您在步骤 3 和 4中创建 JavaServer Faces 页的方法一样创建实际的 Web页。在步骤 4 中，您只需要填写主体区域，因为其它的区域已经被模版填写过了。当您想要创建其他模板的时候，您可以重复这部分关于多个模版从根模版中创建其他模板的步骤 2 。通过用不同的片段文件填写 Content Areas ，您可以用一个仍然被管理于根模版下的一个普通的区域来创建另外的模版。
注意：
您可能很奇怪，不知道您在最后的步骤中创建的 JSP 模版文件在哪里被使用。事实上，它没有用上，因为不再需要它。创建它，仅仅是为了把这个映射到另一个模版，它在这个服务器上不会被使用。正如您所看到的，Web页面文件实例和XML 模版定义文件都没有涉及到 JSP 模版文件。另外，它也不包含内容区域的一个完整映射。因此，您要么移出 JSP 模版文件要么保存它为模版的未来维护所用。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)