< 上一课 | 下一课 >

第 1 课:规划抵押贷款应用程序

在开始编写应用程序之前,请书面设计应用程序。
当您规划应用程序时,请按如下所示执行操作:
  • 列出您的目标,如本教程先前所做的那样。
  • 绘制界面的草图。
  • 确定应用程序的结构。

绘制界面的草图

当您创建界面的组件时,使用以下草图作为指导:
此草图在屏幕左侧显示了计算器、饼图和历史记录所对应的三个部分。在屏幕右侧是一个包含路线图的部分。

确定应用程序的结构

当您编写复杂的 Rich UI 应用程序时,将在多个 Rich UI 处理程序中编写代码,每个 Rich UI 处理程序对应于一个 Web 页面或者对应于 Web 页面的某一部分。如先前所述,这些处理程序可以访问服务,您可以使用“EGL 服务”部件来开发某些服务。

只要有可能,请使用预先已存在的资源。作为一个示例,Rich UI 应用程序将访问一项托管在 Yahoo! 网站上的服务,以检索所指定邮政编码所代表地区的抵押贷款贷方的列表。作为第二个示例,您将使用随此产品一起提供的下列 EGL 项目:
com.ibm.egl.rui.dojo.samples
提供下列种类的代码和更多信息:
  • 将界面分成多个部分的窗口小部件,以便在开发时更具灵活性
  • 用于创建对话框的逻辑,通过这些对话框来通知提供了无效数据的用户
  • Google 地图窗口小部件
com.ibm.egl.rui.dojo.widgets
为本教程提供了下列窗口小部件类型:
  • DojoButton
  • DojoComboBox
  • DojoCurrencyTextBox
  • DojoPieChart
  • DojoTextField
  • PieChartData

所有这些窗口小部件类型都基于 Dojo,与为您提供的许多其他窗口小部件一样。有关该技术的背景详细信息,请参阅 Dojo Toolkit (http://dojotoolkit.org)

com.ibm.egl.rui
提供 EGL Infobus,它为有助于界面的 Rich UI 处理程序之间提供通信。该项目还为本教程提供了下列窗口小部件类型:
  • Box
  • DataGrid
  • GridLayout
  • HyperLink
  • Image
  • TextField
  • TextLabel
您将开发以下逻辑:
MortgageCalculationService
这是一项用于计算每月还款金额的专用服务
MortgageLib
用于向多个处理程序提供代码的库
MainHandler
这是一个处理程序,用于声明其他处理程序(每个处理程序控制 Web 页面的某一部分,或者在后台执行其他工作)
MortgageCalculatorHandler
这是一个用于计算每月还款金额的处理程序
CalculationHistoryHandler
这是一个用于显示先前还款计算结果的交互式列表的处理程序
CalculationResultsHandler
这是一个用于显示利息支付和本金饼图的处理程序
MapLocatorHandler
这是一个用于显示抵押贷款贷方所在位置的处理程序

课程复习要点

在本课程中,您已完成下列任务:
  • 已绘制应用程序界面的草图
  • 确定了应用程序的结构

在下一课中,您将导入 Dojo 样本项目,并且创建两个 EGL 项目来保存代码。

< 上一课 | 下一课 >

反馈