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");