文本框输入信息之后.DOC

证券业务系统Web客户端开发实例 BSTEK 2007年8月  目录 0前言 3 I 原CS系统界面需求 4 II 新BS系统界面效果 9 安装 9 浏览 9 III开发步骤 14 创建dorado工程 14 页面一的实现步骤 16 建立视图模型 16 创建数据集(Dataset) 17 添加组件(Controls) 19 创建JSP页面 26 在客户端添加事件 28 页面二的实现步骤 29 建立视图模型 29 创建数据集(Dataset) 29 添加组件(Controls) 30 创建JSP页面 36 在客户端添加事件 36 IV 技术要点 41 下拉框选择之后 41 文本框输入信息之后 43  证券业务系统Web客户端开发实例 0前言 《证券业务系统Web客户端开发实例》是dorado开发最佳实践系列中的一篇。以某证券系统CS客户端为原型，基于dorado改造为BS系统，同时保留键盘操作、显示区域共用与切换等功能特点。  I 原CS系统界面需求 通过某一用户登录。 (图1) 进入主界面，主菜单需要支持多级菜单。左侧有菜单组。 （图2） 点击主菜单的某一菜单或左侧菜单组，进入“深圳普通委托”界面。此时界面上部为一表格，下左部为快捷键提示区，下中部为信息显示区，下右部为信息输入区。 (图3) 在下右部信息输入区的资产账号中输入代码，输入焦点离开后，下中部的信息显示区显示客户姓名、证件类别、证件号码、客户类别等信息。 (图4) 在下右部信息输入区的证券代码中输入代码，输入焦点离开后，下中部的信息显示区显示可用金额、交易类别、证券账号、证券名称等。同时上部由原先的表格变为一个表单显示证券名称、最高价、最低价、今日开盘、昨日收盘、买一、买二、买三等24个信息项。 (图5) 在下右部信息输入区的证券代码中输入委托价格与委托数量，输入焦点离开后，自动计算“大约可买的股数”。 (图6) 点击“确认”按钮后，下左部的快捷键提示区改变为显示委托买单的信息简表。 (图7)  II 新BS系统界面效果 安装 将工程文件解压到一个合法路径下（路径中不含空格不含中文），使用dorado studio打开dorado工程文件。 (图8) 浏览 浏览“main.jsp” (图9) 出现用户登录界面，任意输入按“确定”按钮后，进入主界面。 (图10) 在主界面中点击主菜单中的产品-上海市场-订单管理-普通委托-普通委托，或者点击左侧菜单组中的“深圳普通委托”，进入深圳普通委托界面。 (图11) 按Tab键两次使焦点位于资产账号处。 (图12) 按F2键呼叫出下拉框，使用上下键选择数据。 (图13) 选择完成后在下中部出现客户姓名、证件类别、证件号码、客户类型等信息。 (图14) 按Tab键定位到证券代码处，输入00001后，按Enter键，或者按Tab键离开该输入框，下中部证券代码、证券名称等信息，上部显示证券名称、最高价、最低价、今日开盘、卖一、卖二、卖三等信息表单。 (图15) 输入委托价格、委托数量、在“确认”按钮上按Enter键后，下左部显示“委托买单”的信息简表。 (图16) III开发步骤 创建dorado工程 打开Dorado Studio，在File菜单中选择Create a new Project,得到如图17的向导视图。 (图17) 选择一个合法的路径(不含中文名)，并在”文件名”中输入test来命名该工程名。这时会弹出项目创建向导，如图18。 (图18) 点击ok，创建dorado工程成功。 页面一的实现步骤 建立视图模型 (图19) 为了养成一个良好的编程习惯，首先我们要先建立一个文件夹来存放下面的例子。如图19 命名该文件夹为test。然后在test文件夹上面右键来新建一个View，如图20 (图20) 并命名为MainView。这样第一个页面的视图模型就建立好了 创建数据集(Dataset) 下面在MainView里来创建数据集Dataset.本例子的数据集不是来自数据库，而是采用自定义类型的CustomDataset。 在dataset的节点上右键新建一个CustomDataset，如图21 (图21) 并命名为datasetLogin.再将光标停留在datasetLogin的Fields节点，创建数BaseField类型的数据集字段用户类型，用户号码，密码并设置各字段类型。如图22 (图22) 添加组件(Controls) 下面我们来添加dorado组件。 先来添加”登录窗口”所对应的组件AutoForm,如图23 (图23) 命名为formLogin，并将其dataset属性设置为datasetLogin，来给该AutoForm赋数据集。 再将光标提留在formLogin上，