Sencha Touch 2 结合HTML5的本地存储创建数据库实现增、删、改、查

大家好！我是范范。本人刚接触ST2到现在刚刚两个月，6月1号接的项目，那时才知道有Sencha Touch2这个东西，到现在两个月了期间的幸酸就不说了。今天说说在项目中用到的HTML5的本地存储。可能有的地方不是很合理，大家可以提出宝贵意见。下面开整：

下面是创建数据库的代码：database.js

var initDatabase = function(db,tables){

	for(var i=0;i<tables.length;i++){
		pmdb.createTable(db,tables[i],
			function(){ //成功后回调函数
				
			},
			function(tx, error){ //失败后回调函数
			console.log(i);
			}
		);
	}
};

var pmdb =
{
	//建表，在系统初始化时调用
	createTable:function (db,createSql,sucessCallback,failCallBack){
		if(!db) { 
			return ;
		}
		// 创建表  
		db.transaction( function(tx) {   
		    tx.executeSql(  
		        createSql,   //createSql
		        [],   //参数
		        sucessCallback,  //成功后回调函数 
		       	failCallBack     //失败后回调函数
		    );  
		});   
	},

	//执行，
	excute:function (db,sql,param,sucessCallback,failCallBack){
	     if(!db) { 
			return ;
		}
		db.transaction(function(tx) {   
			tx.executeSql(  
		        sql,   
			    param,   
			 	sucessCallback,  //成功后回调函数 
		       	failCallBack     //失败后回调函数
			);   
		}); 
	},

	//删除表
    drop: function(db,tableName) {
     	db.transaction(function (tx) {    
	    	tx.executeSql('DROP TABLE '+tableName);   
		});     
    },
     
	//打开数据库:一个用户一个数据库
	openDB: function (userName){
		var dbName= "PM_"+userName; 
	
		var dbVersion = "1.0" ;
		var dbSize = 1024 * 1024;
		var alia = "工程质量管理数据库";
		var db = openDatabase(dbName, dbVersion, alia, dbSize);   
		return db;
	}
	
	,
	//批量根据id删除数据
	deleteData: function(db,tableName,id,data,sucessCallback,failCallBack){
		if (!db) { 
              return; 
         }
         if(data.length>0){
	         var ids = "";
	         for(var index=0;index<data.length;index++){
	         	if(index==0){
	         		ids="'"+data[index][id]+"'";
	         	}else{
	         		ids+=",'"+data[index][id]+"'";
	         	}
	         }
	         var sql = "delete from " + tableName + " where "+id+" in ("+ids+")";
	         pmdb.excute(db,sql,[],sucessCallback,failCallBack); 
         }
	}
	,
	// 向数据库插入数据 
	insertData : function(db,tableName,field,data,sucessCallback,failCallBack) { 
         if (!db) { 
              return; 
         } 

         for (var index = 0; index < data.length; index++) { 
              var values = data[index]; 
              var value = pmdb.newArray(values, field);   // 将data数据转成Array 
              var fieldnew=newArrayFilds;
              var sql = "INSERT INTO " + tableName + " (" + fieldnew.join(",") 
                       + ") values " + "(" 
                       + new Array(fieldnew.length + 1).join(",?").substr(1) + ")"; 
               
              pmdb.excute(db,sql, value,sucessCallback,failCallBack); 
         }; 
         
         //
     }, 
	// 将data数据转成Array 
	newArray : function(data, filds) { 
         var newArray = new Array(); 
         var k=0;
         for (i = 0; i < filds.length; i++) { 
         	  if(i==0){newArrayFilds.length=0}
              name = filds[i]; 
              var fildData=data[name];
              if(fildData!=undefined&&fildData!=""){
              	if(newArray.length>0){
                newArray[k+1] = fildData;
                newArrayFilds[k+1]=name;
                k=k+1;
              }else{
              	newArray[k] = fildData;
                newArrayFilds[k]=name;
                
              }
             
            }             
         } 
         return newArray; 
     }
    

	
};
var newArrayFilds = new Array();

下面是建表的代码：CreateTable.js

//建表
var creatTables ={
    sqls :function(){
    	var tables = new Array(2);//表的个数
    	//基础数据表、参数表
	tables[0] = "CREATE TABLE IF NOT EXISTS t_Question  (question_id int, project_id string,category_id int,pj_node_code string,location string,description string,cs_id int,fix_requirement string,fix_date datetime,question_priority string,submit_user_id int,submit_date datetime,question_status int,amount number,IsSubmit int )";
	tables[1] = "CREATE TABLE IF NOT EXISTS t_QuestionUser  (question_id string,user_type string,user_id int)";
 return tables; } };



下面是存入时的数据集合：


var questionArray = new Array("question_id","project_id","category_id","pj_node_code","location","description","cs_id","fix_requirement","fix_date","question_priority","submit_user_id","submit_date","question_status","amount","IsSubmit");
var questionUserArray = new Array("question_id","user_type","user_id");