DataWindow通用框架概述.doc

Data Window通用框架概述 任务 基于现有的：针对特定表结构与数据进行显示与操作的webGrid，构建对本系统中任意表均适用的webGrid通用框架。 通过框架的总体框架已经构建完成，能够实现从Oracle数据库中提取指定表的结构与数据，生成XML字符串供前端使用。现在的任务是对前端Grid原型进行改进，使之能够正确显示从后台传来的符和约定的XML字符串，采并XML文档记录操作信息，并将操作信息生成XML字符串返回给Web应用，Web应用分析操作信息XML串，并更新数据库中的相应的信息。 各层面的组件，及其相互关系 1．数据库层 设置一个用于测试的模拟表，其表结构应包括全部所需数据类型，表中应有必须的数据。此模拟表为陈清提供的：角色信息 表。 2．Java Bean （1）Datamodule：名称为：DM_Security，负责连接数据库，可视化生成提取表结构与表数据的 QueryDataSet对象，其它JavaBean使用这两个对象访问数据库中相应的表。 （2）DataWebGridBean：用于维持支撑浏览器端webGrid后台数据的基类，其功能包括： A：分页功能，提供首页、尾页、上一页、下一页及指定页的接口 setFirstPage（）、setPageNumber（）、setLastPage（）、 B：取得DataSet中指定页的数据 getPage（） C：取得指定表的表结构 getTableStru（） D：提供接收查询条件并更新DataSet的接口 setQueryLimit（） E：将前端操作信息保存到后台以更新数据库 saveChangeToDb（）； （3）角色信息DWGridBean：对于指定 角色信息 表的Bean，继承DataWebGridBean，重载getTableStru（），并在其构造函数中连接对应的QueryDataSet。 3．浏览器端设计 前端webGrid.jsp：下端以表格的形式显示QueryDataSet中指定页的数据，上边安排用于操作DataSet与表格的功能按钮。 编写程序原型 通用webGrid的页面布局如下： 1．用于显示“翻页与查询”功能组件（输入框、按钮等）的图层div id=”dbOperation”与表单form id=”dbOperForm” action=”webGrid.jsp” 2．用于显示“插入、删除、复制、粘贴、撤消、恢复”等操作表格功能组件的图层div id=”tableControl” 3．Grid对象，显示QueryDataSet中指定页的数据，放于图层div id=”tableDiv”之中。 下面主要阐述前端Grid对象的原型及需要改进的方法。主要技术有Javascript、XMLDom、HTML。 Grid对象设计原型： （1）加载XML数据岛 LoadXML（） （2）创建图层，作为表格的容器 createDiv（） （3）取得每一列的类型、宽度、精度与主键的信息，以下方法需要创建 getType（）：返回列的类型（共varchar2 | char | date | number四种） getWidth（）：返回列的宽度，用于辅助控制对应列的显示宽度 getPrecision（）：返回列的精度，用于控制对应列的小数精度 istPK（）：返回列是否为主键，用于控制对应列是否只读，主键列应设置为只读 isEmpty（）：返回是否允许为空，用于判断与处理非空字段 getPKName()：返回主键列名 （4）生成表格 drawTable（）：需要修改 getTHeadHTML（）：需要修改 getTRHTML（）：需要修改 （5）确认当前行、当前列与当前单元格，并对当前行与当前列进行颜色设置 setCurrentRow（）：需要修改 unSetCurrentRow（）：需要修改 （6）操作表格并记录操作信息到chgVectorXML中 操作包括：插入行、删除行、清空行、修改单元格、粘贴行，均需要修改。 （7）根据chgVectorXML实现撤消与恢复操作 undoOper（）：需要修改 redoOper（）：需要修改 （8）提交chgVectorXML中的有效操作信息 getchangeDocXML（） （9）记录表格操作时未通过校验的错误信息，当有错误操作时提醒用户更正，否则不允许提交chgVectorXML recordError（）：需要修改 deleteError（）：需要修改 与程序员讲解思路、讨论任务的划分 设计方案和任务安排交项目负责人审核 督促、检查和指导程序员完成开发工作 集成各部分程序、评价程序员完成的工作 测试和修改 工作成果