标签：
最近在写 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 = "**********************************************************************************************************<br/>";
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<len;i++){
data.innerHTML += JSON.stringify(results.rows[i])+"<br/>";
}
}else{
data.innerHTML += "Success<br/>"
}
data.innerHTML+=nt
},function(context,error){
data.innerHTML += "{ErrorCode:"+error.code+",Message:"+error.message+"}<br/>";
data.innerHTML+=nt;
});
});
};
return DataProvider;
})();
其余代码全在 websql.rar 中，可以直接下载。
效果图：
标签：
原文地址：http://www.cnblogs.com/yuhongda0315/p/5355078.html
