• UI数据缓冲层的设计()


     总共分为两部分,数据层容器实体类设计(本次)、Form表单数据层管理(下次)。

    1.UI数据缓冲层的必要性
       对于UI层的数据管理,增加数据缓冲层非常有必要,起到数据池的作用,所有的UI层数据操作都是基于DataSetPool,里面包括若干DataTable。
       不使用数据缓冲层,主要问题有以下几点:
            多值条件下,每个Field的值维护比较困难。
            对于外部程序接口处理界面层数据比较麻烦。
            界面层数据的Redo和Undo处理基本不能实现。
           界面层数据绑定比较困难,例如一个数据Map被多个UI层显示列引用的时候,遍历显示列比较消耗效率。
           UI显示列的Get/SetValue与数据层耦合性太过紧密。
           对于界面层显示数据的二次加工处理比较麻烦,比如分级数据中编号列的拆分和合并。
    2.UI数据缓冲层的概要设计
     主要分为UI层数据池的维护、数据缓冲集的设计。
     2.1.UI层数据池的维护
      Form类包括MainDataSetPool、CachedDataSetPool两个数据集池,前者是当前的数据集,后者是已经缓存的数据集。
      Form类中控件的onblur事件用于同步Form数据集的数据,更新MainDataSetPool,并维护CachedDataSetPool,更新涉及两层:Form数据、数据集版本。
      Form类需要提供数据集的实例化、转换、绑定,这些工作需要数据集提供相应的Api。
     2.2.数据缓冲集的设计
      粒度从粗到细大体上分为:DataSet、DataRelation、DataTable、DataRow、DataColumn
      命名空间启用ESF.UI.Web.Data,用于管理ESF框架。
      DataSet中包括若干DataTable、DataRelation,管理table和之间的关系。
      DataRelation用于维护table直接的关系,是一个二元表达式。
      DataTable维护数据的最小单元。
      DataRow维护数据行。
      DataColumn数据列的定义。
    3.UI数据缓冲层的详细设计
     3.1.DataColumn的设计
      ESF.UI.Web.Data.DataColumn={
       #region 成员变量
       var _colName;
       var _colType;
       var _defVal;
       var _table;
       var _disCols=new Array();
       
       #endregion
       
       #region 方法
       this.ctr(table,colName,colType,defVal);
       this.getName();
       this.getColType();
       this.getDefVal();
       this.setDefVal(val);
       this.getTable();  
       this.addDisCol(colName);
       this.getDisCols();
       #endregion
      }
     3.2.DataRow的设计
      ESF.UI.Web.Data.DataRow={
       #region 成员变量  
       var _rowId;
       var _rowData = new Object();
       var _table;
       #endregion
       #region 方法
       this.ctr(table,rowId);
       this.getRowId();
       this.getValue(colName);
       this.setValue(colName,val);
       this.getRowData();
       this.dispose();
       this.clone(rowId);
       this.toXml(serializeType);
       #endregion
      }
     3.3.DataTable的设计
      ESF.UI.Web.Data.DataTable={
       #region 成员变量  
       var _tableName;
       var _columns = new Object();
       var _dataSet;
       var _dataRows = new Object();
       var _rowIds = new Array();
       var _currrentRowId = null;
       var _version;
       #endregion
       #region 方法
       this.ctr(tableName);
       
       this.addColumn(col);
       this.getColumns();
       this.getColumn(colName);
       this.removeColumn(colName);
       this.createColumn(colName,colType,defVal);
       
       this.addDataRow(dataRow);
       this.getDataRow(rowId);
       this.getDataRows();
       this.removeDataRow(rowId);
       this.createDataRow(rowId);
       
       this.getDataSet();
       this.setDataSet(ds);
       
       this.rowCount();
       this.rowClear();
       this.contains(rowId);
       
       this.getPreRowId(rowId);
       this.getNextRowId(rowId);
       this.getFirstRowId();
       this.getLastRowId();
       this.getRowIds();
       
       
       this.getCurrentRowId();
       this.setCurrentRowId(rowId);
       this.getCurrentRow();
       
       this.getDataValue(rowId,colName);
       this.setDataValue(rowId,colName,val);
       this.clone();
       this.toXml();
       this.getVersion();
       #endregion
       #region 事件
       this.BeforeColumnChange=null;
       this.AfterColumnChange=null;
       this.BeforeRowChange=null;
       this.AfterRowChange=null;
       
       #endregion
       
      }
     3.4.DataRelation的设计
      ESF.UI.Web.Data.DataRelation={
       #region 成员变量
       var _relationName;
       var _parentCols;
       var _childCols;
       var _parentTable;
       var _childTable;
       #endregion
       
       #region 方法
       this.ctr(relationName,parentCols,childCols);
       this.getName();
       this.getParentTable();
       this.getChildTable();
       this.getParentCols();
       this.getChildCols();
       #endregion 
       
      }
     3.5.DataSet的设计
      ESF.UI.Web.Data.DataSet={
       #region 成员变量
       var _dataSetName;
       var _dataRelationNames = new Array();
       var _dataRelations = new Object();
       var _dataTableNames = new Array();
       var _dataTables = new Object();
       #endregion
       #region 方法
       this.ctr(dataSetName);
       this.getName();
       this.getDataRelations();
       this.getDataRelationsByTableName(tableName);
       this.addDataRelation(dataRelation);
       this.removeDataRelation(dataRelationName);
       
       this.getDataTables();
       this.getDataTableByName(tableName);
       this.getDataTableByIndex(index);
       this.addDataTable(dataTable);
       this.removeDataTable(dataTableName);
       
       #endregion
       
      }

  • 相关阅读:
    I/O流
    课堂测试
    1021课堂内容
    课堂jsp
    课堂动手动脑
    从小工到专家读后感
    课堂测试2
    回文课堂测试
    一周进度条博客
    Echart图表
  • 原文地址:https://www.cnblogs.com/program/p/2683520.html
Copyright © 2020-2023  润新知