最近在写 WebSQL ,每次都在浏览器控制台执行 SQL 太费劲了,并且脑子不好使,总是忘记上次初始化的数据库是什么,所以写了一个特别简单的 WebSQL 可视化工具,说工具有点大了,就是为了方便,今天共享出来,有需要的同学,请拿走,没有做过多的逻辑判断,有问题可以回复我,我再来修改,勿喷~~
一、说明
1、INSERT
支持多条 Insert 语句,用 “#” 分割,最后一句不用增加:、
INSERT INTO Student(ID,NAME)VALUES(1,"zhangsan");#
INSERT INTO Student(ID,NAME)VALUES(2,"lisi");#
INSERT INTO Student(ID,NAME)VALUES(3,"wangwu");
2、删除、修改、查询按照正常 SQL 书写就可以。
二、源码
var DataProvider = (function(){
function DataProvider(){
}
DataProvider.prototype.init = function(){
this.provider = openDatabase('madiDB', '1.0', 'MaDI DB', 2 * 1024 * 1024);
};
DataProvider.prototype.executeSql = function(sql){
var data = $("result_data");
var nt = "**********************************************************************************************************
";
this.provider.transaction(function(context){
context.executeSql(sql,[],function(context,results){
if (results.rows.length>0) {
for(var i = 0,len = results.rows.length;i
data.innerHTML += JSON.stringify(results.rows[i])+"
";
}
}else{
data.innerHTML += "Success
"
}
data.innerHTML+=nt
},function(context,error){
data.innerHTML += "{ErrorCode:"+error.code+",Message:"+error.message+"}
";
data.innerHTML+=nt;
});
});
};
return DataProvider;
})();
其余代码全在 websql.rar 中,可以直接下载。
效果图: