练习 1.3:使用 Web 页面填充 Web 站点
在开始使用页面填充 Web 站点之前,必须完成练习 1.2:设计 Web 站点的结构。
一旦在 Web Site Designer 中使用页面图标设计了 Web 站点,就可以开始创建页面了。页面图标当前是以虚线为边界的;这指示页面图标表示的文件或实际页面不存在。在创建这些文件之后,页面图标将以实线作为边界。
- 双击“查看所有分类信息”页面的页面图标。“创建页面”对话框打开。
- 对于本教程,需要选择 Faces JSP 选项。此选项创建可使用 JavaServer Faces 技术的 JSP Web 页面。更多地了解 JavaServer Faces 和 Faces 组件。
在“使用 JavaServer Faces 在 Web 页面上显示动态信息”教程中,还可以了解如何使用
Faces 组件来将数据连接添加至 Web 站点。
- 单击确定。“新建 Faces JSP 文件”向导打开。
- 接受缺省文件夹(/ClassifiedsTutorial/WebContent)。
- 在文件名字段中,输入新文件的名称 all_records。虽然,将文件命名为与设计站点时对页面指定的导航标签的名称相同可能很方便,但是,还可以采用对于本地系统上的资源可行的方式来命名文件,并且只将导航标签用作将来导航的命名约定。
- 务必在标记语言字段中选择了 HTML。对于其余字段,接受缺省值。
- 取消选择配置高级选项复选框。如果想要为新文件配置选项(例如,其它标记库),则可以选择使用此向导指定其它选项;但是,对于本教程,您可以接受缺省值。
注意:新文件将自动引用在创建 Web 项目时所创建的 Master.css。
- 单击完成。新文件便在 Page Designer 中打开。
- 通过单击导航 - Classifieds Tutorial 选项卡返回到 Web Site Designer。现在,可以看到查看所有分类信息图标具有实线边界和蓝色菱形小图标(
),这指示
JSP 文件已经与它相关联,而其它页面图标仍然是虚线边界,表示尚未对这些图标创建文件。
- 通过双击每个图标并完成“新建 Faces JSP 文件”向导来继续为其它页面图标创建
Faces JSP 页。对于本教程,遵循以下命名约定:
- 发布列表 -
new_record
- 更新列表 -
update_record
- 已过滤的列表 -
filtered_records
- 按 Ctrl+S 以保存“Web 站点导航”。
创建完这四个页面之后,“项目导航器”视图将在 WebContent 文件夹下面显示所有新资源:
现在,已经为 Web 站点中将具有的每个页面创建了空白页面。可以开始进行练习 1.4:设计 Web 站点的外观了。