WebSQL 查询工具

最近在写 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 中，可以直接下载。

效果图：

转载于:https://www.cnblogs.com/yuhongda0315/p/5355078.html