< 上一课 | 下一课 >

课程 7:对 JavaServerPages(JSP)页添加元素

对 JSP 页添加输入字段、按钮和输出字段,以创建用于输入和输出的动态用户界面。

在输入字段中,最终应用程序的用户将输入感兴趣的年月日。输入页中包含“提交”和“刷新”按钮。在输出字段中,将显示所输入的年月日是星期几。要创建这些页:
  1. 对输入 JSP 页添加元素。
  2. 对输出 JSP 页添加元素。

输入页

要对输入 JSP 页添加字段和按钮:

  1. 在 Web 图中,双击 input.jsp 页以在 Page Designer 中打开。
  2. 在 Page Designer 中,单击“设计”选项卡。
  3. 在主菜单栏中,选择窗口 > 显示视图 > 其他
  4. 在此窗口中,选择 Web > 页数据,然后单击确定以打开“页数据”视图。
  5. 在该“页数据”视图中展开 Struts 表单 Bean 文件夹。查找 dateData 表单 bean 和已定义的字段。
    “页数据”视图显示了 dataData 表单 bean 及其“日”、“星期”、“月份”和“年份”字段。
  6. 将“日”、“月份”和“年份”字段从“页数据”视图拖至 Page Designer 中的输入 JSP 页。 将打开插入数据对象窗口。
    插入数据对象窗口显示了 /computeDay 操作以及“日”、“月份”和“年份”字段。
  7. 选择位于顶部的更新现有记录
  8. 单击选项,并确保选中了“提交”按钮“删除”按钮复选框。然后,单击确定
  9. 单击完成以在表单中创建这些字段和按钮。
    Page Designer 的“设计”页面显示了输入 JSP 页,该页上包含三个字段和两个按钮。
  10. 保存并关闭该输入 JSP 文件。

输出页

要对输出 JSP 页添加字段:

  1. 在 Web 图中,双击 output.jsp 页以在 Page Designer 中打开。
  2. 在 Page Designer 中,单击“设计”选项卡。
  3. 在该“页数据”视图中展开 Struts 表单 Bean 文件夹。 查找 dateData 表单 bean 和已定义的字段。
  4. 将“星期”字段从“页数据”视图拖至 Page Designer 中的输出 JSP 页。将显示插入数据对象窗口。
  5. 选择位于顶部的显示现有记录并单击完成,以在该页中创建字段。
  6. 保存并关闭该输出 JSP 文件。

课程要点

在此课程中,对输入 JSP 页添加了输入字段和按钮。还对输出 JSP 页添加了输出字段。

您学习了如何完成下列任务:
  • 打开并修改 Faces JSP 页。
  • 对 JSP 页添加输入字段、输出字段和按钮。
< 上一课 | 下一课 >