5使用 JDeveloper 的 JavaServer Faces 简介.doc

使用 JDeveloper 的 JavaServer Faces 简介 目的 本教程将向您介绍使用 JavaServer Faces (JSF) 构建客户端应用程序的基础知识。 所需时间： 大约 20 分钟 主题 本教程包括下列主题： 概述 前提条件 构建 JavaServer Faces 项目 构建 JavaServer Faces 页面 设计应用程序页面流和 Login 页面 构建 Hello 页面 运行应用程序 创建条件导航 总结 查看屏幕截图 将鼠标置于此图标上以加载和查看本教程的所有屏幕截图。（警告：因为此操作会同时加载所有屏幕截图，所以网速较慢时，响应时间可能会比较长。） 注意：此外，您还可以在下列步骤中将光标放在每个单独的图标上，从而仅加载和查看与该步骤相关的屏幕截图。可以通过单击各个屏幕截图来将其隐藏。 概述 您将创建三个 JSF 页面。第一个页面是 Welcome 页面，该页面将作为应用程序的起点。第二个页面是 Login 页面，有两个域；一个用于用户名，一个用于口令。该页面使用一个 Java Bean 来管理这两个值的持久性。第三个页面返回一条 Hello 消息，并显示存储在辅助 Bean 中的用户名。您还将创建一个从 Welcome 页面到 Login 页面，再到 Hello 页面的 JSF 导航链接。 返回主题列表 前提条件 开始本教程之前，您应该： 1. 可以访问或已安装了 Oracle JDeveloper 10g 第 3 版 (10.1.3) 生产版。您可以从 Oracle 技术网上下载该版本。 ? 2. 启动 JDeveloper。双击 JDeveloper 可执行文件 (jdeveloper.exe)，该文件可以在您解压缩它的根目录下找到。 如果 Migrate User Settings 对话框打开，请单击 NO。 关闭 Tip of the Day 窗口。 ? 返回主题列表 构建 JavaServer Faces 项目 该主题将引导您逐步创建一个使用 JavaServer Faces 的 Web 应用程序。 为 JSF 视图创建一个新应用程序和项目 1. 要创建新的应用程序，右键单击 Applications 节点，选择 New Application... 选项。 ? 2. 将该应用程序命名为 JSFIntro。保留 Application Template 域的默认值 No Template，单击 OK 创建应用程序。 3. 在 Create Project 对话框中，输入 view 作为项目名，然后单击 OK。该项目是一个关联文件的逻辑组合，；在此种情形下，这些文件代表您基于 JSF 的视图。 ? 4. 单击 Save All 图标保存您的工作。 ? 返回主题列表 构建 JavaServer Faces 页面 该子主题将引导您完成创建 JSF 页面的基本步骤。 创建 Welcome 页面 在 Welcome 页面中添加详细信息 返回主题列表 创建 Welcome JSP 页面。 1. 右键单击 view 项目，从上下文菜单中选择 New... ? 2. 在 New Gallery 中，展开 Web Tier 节点，选择 Categories 面板中的 JSF，以及 Items 面板中的 JSF JSP。单击 OK。 3. 显示 Create JSF JSP Wizard - Welcome 屏幕。单击 Next 继续。 4. 在该向导的 Step 1 中，选择 Servlet 2.4\JSP 2.0 (J2EE 1.4) 选项，然后单击 Next 继续。 5. 在 Step 2 中，将该页面命名为 welcome.jsp，选择 JSP Page 类型，然后单击 Next。 请注意，Add Mobile Support 使您可以为移动应用程序创建 JSF 页面。 6. 在 Step 3 中，选择 Do Not Automatically Expose UI components in a Managed Bean 选项。单击 Next。 7. 在 Step 4 中，您将看到为该 JSP 页面启用的标记库。因为这将是一个支持 JSF 的页面，因此预先选中了 JSF Core 和 JSF HTML 库。单击 Next。 请注意，选择资料库只是将必要的 JSF taglib 指令插入到了页面中。JDeveloper 还附带有 JSF 组件的其他 ADF Faces 集。用户可以通过 Tools 菜单的 Manage Libraries 选项添加其他 JSF 组件。 ? 8. 在