如果从本教程中的模块 2 开始进行(而未先进行模块 1),则必须首先导入必需的资源。
如果您已经完成了模块 1:创建具有数据连接的 Web 页面并具有在该模块中创建的 Web 站点,则不需要完成此练习。您可以从练习 2.2:格式化数据表开始。
导入样本项目文件
此教程的基本 Web 页面和样本数据库包含在一个 ZIP 文件中。这些步骤将引导您打开该 ZIP 文件,以便您可以使用那些页面和数据库。如果您已经完成此教程的模块 1,则不需要解压缩此文件。
- 从菜单栏中选择文件 > 导入。将打开“导入”窗口。
- 在选择导入源下面,单击项目交换。
- 单击下一步。将打开“导入项目交换内容”窗口。
- 在源 zip 文件旁边,单击浏览并浏览至以下目录:<installdir>/rwd/eclipse/plugins/com.ibm.etools.webtools.tutorial.doc/resources,其中 <installdir> 是安装目录。
- 选择 module2.zip 作为导入目标并单击打开。
- 单击全部选中。
- 单击完成。
向导将把项目导入到您的工作空间中。您可能不能马上看到此项目,因为必须在“Web 透视图”中才能正确看到此项目。
切换至 Web 透视图
“Web 透视图”是您在此教程中使用的透视图。遵循下面这些步骤来切换至“Web 透视图”:
- 从菜单栏中选择窗口 > 打开透视图 > 其它。将打开“选择透视图”对话框。
- 单击 Web。
- 单击确定。现在您就在 Web 透视图中了。您可在“项目资源管理器”视图中看到您的新项目及其资源。
设置动态 Web 项目的目标服务器
可以使用 WebSphere Application Server V6.0 或 WebSphere Application Server V5.1 来学习本教程。您可能会想要选择经常使用的服务器或者其它项目使用的服务器。不管您选择哪个服务器,本教程工作方式都是一样的,但您必须在整个教程中都使用那个服务器。
- 在“项目资源管理器”视图中,展开企业应用程序。
- 右键单击 ClassifiedsTutorialEAR 然后从弹出菜单中单击属性。将打开“属性”窗口。
- 在“属性”窗口的左边,单击服务器。
- 从目标运行时列表中选择将用于本教程的服务器。可以选择
WebSphere Application Server V6.0 或 WebSphere Application Server V5.1。
要点:记住您选择了哪个服务器。在后面的练习中将需要此信息。
- 单击确定。
如果想要使用的服务器不在目标运行时列表中,或者这两个服务器都不在列表中,则执行下列步骤来安装服务器:
- 关闭工作台。
- 运行 Rational Software Development Platform 安装程序。
- 从安装菜单中选择安装想要使用的服务器的选项。
- 安装好服务器之后,打开工作台。
- 右键单击 ClassifiedsTutorialEAR 然后从弹出菜单中单击属性。
- 在“属性”窗口的左边,单击服务器。
- 从目标运行时列表中选择将用于本教程的服务器。可以选择
WebSphere Application Server V6.0 或 WebSphere Application Server V5.1。
- 单击确定。
设置数据库连接
刚刚导入的“项目交换”文件包括在此教程中将需要使用的样本数据库以及列示在本练习末尾的 Web 页面。在可以使用此数据库之前,必须将
Web 页面连接至数据库,从而告诉这些页面在计算机上的哪个位置可找到数据库。遵循下列步骤来将 Web 页面连接至数据库:
- 在“项目资源管理器”视图中,展开动态 Web 项目 > ClassifiedsTutorial > WebContent。
- 在 WebContent 文件夹中,双击 all_records.jsp 文件。此 Web 页面将在编辑器中打开。
- 在“页数据”视图中,双击 all_recordlist(服务数据对象)。将打开“配置关系记录列表”窗口。
“页数据”视图通常在工作台左下角中。如果找不到“页数据”视图,则单击窗口 > 显示视图 > 页数据,它就会显示出来。
- 在“配置关系记录列表”窗口中,单击连接选项卡。
- 单击新建。将打开“新建连接”窗口。
- 单击创建新的数据库连接。将打开“新建数据库连接”窗口。
- 单击下一步。
- 单击上面的浏览按钮。这是数据库位置旁边的浏览按钮。将打开“浏览以找到文件夹”窗口。
- 在选择数据库目录下面,浏览至以下目录:<workspace-folder>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database,其中
<workspace-folder> 是包含当前正在使用的工作空间的目录。
- 单击数据库文件夹然后单击确定。
不需要添加用户标识或密码就可以访问数据库。“新建数据库连接”窗口看起来应该如下图所示:
- 单击完成。您会返回到“新建连接”窗口。
- 在“新建连接”窗口中,单击完成。您将返回到“配置关系记录列表”窗口。
- 单击关闭。
关于在此教程中使用的文件
现在,您可浏览教程 Web 项目中的文件。要打开某一文件,在“项目资源管理器”视图中双击该文件。您也可以在“项目资源管理器”视图中双击 .website-config
图标来查看有关各页面如何相互关联的类似站点图的表示。
站点的目标是显示类似于报纸上的分类信息广告,每个文件起着不同的作用,帮助达成该目标。虽然项目中有很多资源(例如,图像、代码文件和配置文件),但以下这五个文件(项目中的实际 Web 页面)是最重要的:
- all_records.jsp
这是站点的主页。它显示数据库中的每一个分类信息广告。
- filtered_records.jsp
此页面类似于搜索结果页面,仅显示用户选择的类别中的记录。
- new_record.jsp
此页面创建新的分类信息广告。
- update_record.jsp
此页面更改有关数据库中广告的详细信息或删除广告。
- template.jtpl
这是站点页面的模板。它包括诸如出现在每个页面上的表和灰色“欢迎使用分类信息广告”条幅之类的元素。此页面在灰色条幅下方还有两个导航标签,分别引导至主页和新的分类信息广告页面。
现在,您可以开始进行练习 2.2:格式化数据表了。