< 上一课 | 下一课 >

课程 2.2:使用文件上载组件

通过本课程学习如何使用户能够上载分类信息广告的图片。这项功能对于 new_record.jsp 页和 update_record.jsp 页特别重要。文件上载组件使用户能够浏览他们的文件系统、将文件上载到数据库,并让此文件即时出现在数据库中。
关于此任务

由于在创建和更新情况下使用文件上载组件的过程是类似的,所以此练习将允许更新页面对任何列表的当前图像进行更改。如果您愿意,在对更新页面完成操作时,可以对新的记录页面进行同样的更改。

将当前图片添加至页面

关于此任务

您将注意到,更新表单只不过是一个 HTML 表,它的静态文本和输入组件绑定至 update_record 关系记录中的列。知道了这一点,您就可以添加行和列来修改该表单,就像修改任何 HTML 表那样。在以下的步骤中,您将添加一个新行来显示当前图片。

在显示关系记录列表的数据表中添加行和列比较复杂。有关将列添加至数据表的信息,参阅课程 1.2:连接至数据库和在 Web 页面上显示数据

  1. 在“企业资源管理器”视图中双击 update_record.jsp 页面。
  2. 将光标放在位于表的左上角的第一个单元格中。此单元格被标记为 Id。
  3. 单击主菜单中的 > 指定并添加。将打开“添加行或列”对话框。单击,然后单击在所选单元格上方。这将在表的顶部创建一个新行,该行将包含记录的当前图片。单击确定
  4. 在此新行左边的单元格中,输入当前图片:作为标签。
  5. 图像组件从“选用板”的“Faces 组件”抽屉拖动到该新行最右边的单元格中。 与前一个示例不同,您将允许用户看到整个图像而不必限制图像大小,因此不要更改“属性”视图中的宽度和高度。
  6. 通过将 PHOTO 列从“页数据”视图拖动到新的图像组件上,将图像组件绑定至 update_record 的 PHOTO 列。现在已经将图像组件绑定至数据库的 PHOTO 列。
  7. 在仍然选择了图形的情况下,转至“属性”视图并单击“类型”字段旁边的“选择页数据对象”按钮。“选择页数据对象”窗口打开。
  8. 单击 update_record(服务数据对象) > update_record(ADS) > IMAGETYPE (String)
  9. 单击确定。现在,如果有分类信息广告的当前图片,该页面就会将它显示出来。该页面应类似于下图:
    该页面的当前外观。

将文件上载组件添加至页面

关于此任务
接下来,在表的底部添加一个新行,用来包含文件上载组件。
  1. 单击最后一行,从而使光标位于该行中。
  2. 从菜单栏中单击 > 在下面添加行
  3. 在新行的第一个单元格内输入新图片:作为标签。
  4. 文件上载组件从“选用板”的“增强型 Faces 组件”抽屉中拖动到新行的最后一个单元格中。
  5. 按照绑定图像组件的方式将“文件上载”组件绑定至 update_record 关系记录的 PHOTO 列。PHOTO 出现在文本字段中,显示此组件被绑定至 PHOTO 列,并且上载的文件将放在该列中。 该页面应类似于下图:
    该页面的当前外观。
  6. 如果希望的话,保存该页面并对它进行测试。

课程要点

您已经完成了课程 2.2。在本课程中,您学习了如何处理更新页面上的表、将当前图片添加至表,以及将文件上载组件添加至表。
< 上一课 | 下一课 >

反馈