精华内容
下载资源
问答
  • WebSQL 查询工具

    2021-01-19 04:14:25
    最近在写 WebSQL ,每次都在浏览器控制台执行 SQL 太费劲了,并且脑子不好使,总是忘记上次初始化的数据库是什么,所以写了一个特别简单的 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 = "**********************************************************************************************************
    ";

    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 中,可以直接下载。

    效果图:

    7LZiEwdG7BgAAAABJRU5ErkJggg==

    展开全文
  • //HTML5 WEB SQL查询数据$scope.queryCenterReimbursData = function(keyword,querycol){var lencr="0";//拼接sqlvar condition="";//拼过滤条件var conditiontemp="";//临时过滤条件变量var querycrsql="";//最后...

    //HTML5 WEB SQL查询数据

    $scope.queryCenterReimbursData = function(keyword,querycol){

    var lencr="0";

    //拼接sql

    var condition="";//拼过滤条件

    var conditiontemp="";//临时过滤条件变量

    var querycrsql="";//最后执行sql

    var queryzxcols=new Array();//queryzxcols = ["1","2"]

    var selcolsql="";//拼查询字段

    for(var i=0;i

    selcolsql=selcolsql+" "+colattrs[i]+",";

    }

    selcolsql=selcolsql.substring(0,(selcolsql.length-1));//查询字段

    queryzxcols=querycol.split(",");

    for(var i=0;i

    if(i==0){

    conditiontemp= colattrs[queryzxcols[i]]+" LIKE "+'\"'+keyword+'%\"';

    }else{

    conditiontemp=" OR "+colattrs[queryzxcols[i]]+" LIKE "+'\"'+keyword+'%\"';

    }

    condition=condition+conditiontemp;

    }

    //limit限制查询条数。谷歌的websql使用的sqlite数据库

    querycrsql=" SELECT "+selcolsql+" FROM ( SELECT * FROM "+tableuniqueflag+" WHERE "+condition+" ) limit "+rowsize;

    if(""==keyword){

    querycrsql="SELECT "+selcolsql+" FROM "+tableuniqueflag+" limit "+rowsize ;

    }

    //console.log("查询的表querycrsql==="+querycrsql);

    //拼接sql

    //var db = openDatabase('mydb14','1.0','Test DB',6 * 1024 * 1024);

    var db = DataSourceService.getConnection();

    db.transaction(function (tx) {

    tx.executesql(querycrsql,[],function (tx,results) {

    lencr = results.rows.length;

    //len temprow控制结果返回的条数

    var datacr="";//查询符合条件的中心报销二级代码

    var datasum="";

    for (var i = 0; i < lencr; i++){

    datacr='{';

    for(var j=0;j

    var colattrsj=showcols[j].map;

    if(j==((showcols.length)-1)){

    //json {"name":"张三",。。。。。。}

    datacr=datacr+'\"'+colattrsj+'\"'+":"+'\"'+results.rows.item(i)[''+colattrsj+'']+'\"';

    }else{

    datacr=datacr+'\"'+colattrsj+'\"'+":"+'\"'+results.rows.item(i)[''+colattrsj+'']+'\",';

    }

    }

    if(i==(lencr-1)){

    //拼接成json对象数组。[{json对象},{json对象},{json对象}]

    //最后一个json对象必须无逗号,否则JSON.parse(datasum);转化不成功。

    datacr=datacr+"}";

    }else{

    datacr=datacr+"},";

    }

    datasum=datasum+datacr;

    }

    datasum='['+datasum+']';

    console.log(datasum)

    tableresultjson=JSON.parse(datasum);

    if(lencr>0){

    if(lencr

    rows=lencr+1;

    }

    $scope.createMyTable(rows,cells);

    //赋标题

    for(var j=1;j

    var titlecol=titlecols[j-1];

    var titleid="#"+tableuniqueflag+"1"+""+j;

    $(titleid).html(titlecol);

    }

    //赋表格内容

    var nn=0;

    for(var i=2;i

    for(var j=1;j

    var colattr = colattrs[j-1];

    var tdid="#"+tableuniqueflag+i+""+j;

    $(tdid).html(tableresultjson[nn][''+colattr+'']);

    }

    nn=nn+1;

    }

    //默认表格第一行选中(除标题行)

    $("#"+tableuniqueflag+"2").addClass("checktrcolor");

    $(mydivlocation).css('display','block');

    rows=rowsize;

    }//else{

    //$(mydivlocation).css('display','none');

    //}

    },null);

    });

    }

    拼接的json对象数组

    [

    {

    "AKB020": "00001",

    "AKB021": "服务站1",

    "AKA020": "ftqcxdjdyhzsqwsfwz"

    },

    {

    "AKB020": "00002",

    "AKB021": "服务站2",

    "AKA020": "ftqdhmjdshsasqwsfwz"

    },

    {

    "AKB020": "00003",

    "AKB021": "服务站3",

    "AKA020": "ftqlgqjdlblsqwsfwz"

    }

    ]

    应用截图:

    展开全文
  • HTML5 WEB SQL

    2021-06-12 17:45:51
    var database = openDatabase("student1", "1.0", "学生表", 1024 * 1024, function () { })this.createTable = function () {database.transaction(function (tx) {tx.executeSql("create table if not exists stu ...

    var database = openDatabase("student1", "1.0", "学生表", 1024 * 1024, function () { })

    this.createTable = function () {

    database.transaction(function (tx) {

    tx.executeSql(

    "create table if not exists stu (id REAL UNIQUE, name TEXT)",

    [],

    function (tx, result) { alert('创建stu表成功'); },

    function (tx, error) {

    alert('创建stu表失败:' + error.message);

    });

    });

    }

    this.insert = function (a,b) {

    database.transaction(function (tx) {

    tx.executeSql(

    "insert into stu (id, name) values(?, ?)",

    [a, b],

    function () { alert('添加数据成功'); },

    function (tx, error) {

    alert('添加数据失败: ' + error.message);

    });

    });

    };

    this.query = function () {

    database.transaction(function (tx) {

    tx.executeSql(

    "select * from stu", [],

    function (tx, result) { //执行成功的回调函数

    //在这里对result 做你想要做的事情吧...........

    for (var i = 0; i < result.rows.length; i++) {

    console.log(result.rows.item(i)['id'] + "--" + result.rows.item(i)["name"])

    }

    },

    function (tx, error) {

    alert('查询失败: ' + error.message);

    });

    });

    }

    this.update = function (id, name) {

    database.transaction(function (tx) {

    tx.executeSql(

    "update stu set name = ? where id= ?",

    [name, id],

    function (tx, result) {

    },

    function (tx, error) {

    alert('更新失败: ' + error.message);

    });

    });

    }

    this.del = function (id) {

    dataBase.transaction(function (tx) {

    tx.executeSql(

    "delete from stu where id= ?",

    [id],

    function (tx, result) {

    },

    function (tx, error) {

    alert('删除失败: ' + error.message);

    });

    });

    }

    HTML5&colon; HTML5 Web SQL 数据库

    ylbtech-HTML5: HTML5 Web SQL 数据库 1.返回顶部 1. HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个 ...

    HTML5 Web SQL 数据库操作

    Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 以下是规范中定义的三个核心方法: openDataba ...

    HTML5 Web SQL 数据库总结

    Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 Web 后端程序员,应该很容易理解 SQ ...

    HTML5 Web SQL 数据库

    呼和浩特seo:Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 Web 后端程序员,应该 ...

    有趣的HTML5 Web SQL 数据库

    Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 核心方法 以下是规范中定义的三个核心方法: openD ...

    HTML5 Web SQL Database 数据库的使用方法【图文说明】

    页面代码:

    (二)HTML5 - Web SQL 本地数据库

    简介 WEB SQL Database即本地的SQLite数据库,使用的方式和方法和SQLite基本相同 判断浏览器是否支持 if (!window.openDatabase) { alert('Da ...

    小强的HTML5移动开发之路(20)——HTML5 Web SQL Database

    来自:http://blog.csdn.net/dawanganban/article/details/18220761 一.Web Database介绍 WebSQL数据库API实际上不是HTML5 ...

    HTML5 Web SQL Database 与 Indexed Database 的 CRUD 操作

    http://www.ibm.com/developerworks/cn/web/1210_jiangjj_html5db/ 版权声明:本文博客原创文章,博客,未经同意,不得转载.

    随机推荐

    spring加载多个配置文件

    首先我们都知道要使用spring,则需要在web.xml中增加如下代码: web.xml: 1:org.springfram ...

    MonkeyRunner学习(1)测试连接

    前期的环境搭建详见:http://www.cnblogs.com/peng-lan/p/5388488.html 1.打开模拟器 打开模拟器有两种方法,正常的在eclipse 中启动就不介绍了 另一种 ...

    MySQL监控工具-orztop

    先安装orzdba,链接:http://blog.itpub.net/28939273/viewspace-1875895/ 安装依赖的包:[root@hank-yoon servers]# yum ...

    android之interpolator的用法详解

    Android:interpolator Interpolator 被用来修饰动画效果,定义动画的变化率,可以使存在的动画效果accelerated(加速),decelerated(减速),repea ...

    关于开发微信小程序后端linux使用xampp配置https

    关于开发微信小程序后端linux使用xampp配置https 背景 由于最近开发微信小程序,前后端交互需要使用https协议,故需要配置https服务 服务器环境 服务器系统 ubuntu 环境 xa ...

    邓&lowbar; Php&&num;183&semi;魔术方法

    ================================================ 1.__tostring()   用于定义输出对象引用时调用  常用于打印一些对象的信息 必须有返回值 ...

    20170531动手实践MyOD——20155312

    实践题目 编写MyOD.java 用java MyOD XXX实现Linux下od -tx -tc XXX的功能 对题目分析如下 od的功能(参考Linux od命令详细介绍及用法实例): od命令用 ...

    python之路----面向对象进阶一

    一.isinstance和issubclass isinstance(obj,cls)检查是否obj是否是类 cls 的对象 class Foo(object): pass obj = Foo() i ...

    BUILD&lowbar;BUG&lowbar;ON

    BUILD_BUG_ON() 在编译时调用,可以提前发现错误,这里利用了一些不常用的特性,当数组个数元素为负时会发生编译器错误,对于位域宽度而言,其为负数时也会发生编译器错误. #define BUI ...

    PHP中查看PHP基本信息

    1.PHP_BINARY:查看PHP执行exe文件路径 <?php echo PHP_BINARY; ?> E:\PHP\php-7.1.3-Win32-VC14-x64\php.exe ...

    展开全文
  • webSql的基本使用,打开数据库,创建库,创建表,数据基本的增删改查 openDatabase(‘数据库名’, ‘版本号’, ‘数据库描述’, ‘设置数据的大小’, ‘回调函数’) */ executeSql() 有4个参数 1)表示查询的字符串...

    webSql的基本使用,打开数据库,创建库,创建表,数据基本的增删改查

    openDatabase(‘数据库名’, ‘版本号’, ‘数据库描述’, ‘设置数据的大小’, ‘回调函数’)

    executeSql() 有4个参数

    • 1)表示查询的字符串,使用的SQL语言是SQLite 3.6.19。(必选)
    • 2)插入到查询中问号所在处的字符串数据。(可选)
    • 3)成功时执行的回调函数。返回两个参数:tx和执行的结果。(可选)
    • 4)一个失败时执行的回调函数。返回两个参数:tx和失败的错误信息。(可选)

    创建的数据库就存在本地,路径如下:

    • C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases\http_localhost_* 。
    • 创建的是一个sqllite数据库,可以用SQLiteSpy打开文件,可以看到里面的数据。SQLiteSpy是一个绿色软件,可以百度一下下载地址或SQLiteSpy官方下载SQLiteSpy。
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>webSql的基本使用 - aixiaodou.cn</title>
    </head>
    
    <body>
    <div>dsa</div>
    <div id="msg"></div>
    </body>
    
    </html>
    <script type="text/javascript">
    	/* openDatabase('数据库名', '版本号', '数据库描述', '设置数据的大小', '回调函数') */
    	/**
    	 * executeSql() 有4个参数
    	 * 1)表示查询的字符串,使用的SQL语言是SQLite 3.6.19。(必选)
       * 2)插入到查询中问号所在处的字符串数据。(可选)
       * 3)成功时执行的回调函数。返回两个参数:tx和执行的结果。(可选)
       * 4)一个失败时执行的回调函数。返回两个参数:tx和失败的错误信息。(可选)
    	 */
    
      /**
       * 创建的数据库就存在本地,路径如下:
       * C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases\http_localhost_* 。
       * 创建的是一个sqllite数据库,可以用SQLiteSpy打开文件,可以看到里面的数据。SQLiteSpy是一个绿色软件,可以百度一下下载地址或SQLiteSpy官方下载SQLiteSpy。
       */
    
      var db = openDatabase('mydb', '1.0', '用户表', 2 * 1024 * 1024, function () {});
      if (!db) {
        console.log("数据库创建失败!");
      }
      // 创建表
      function createTable(table, column) {
        db.transaction(function (tx) {
          tx.executeSql('CREATE TABLE IF NOT EXISTS ? ?', [table, column])
        })
      }
      // 删除表
      function delTable() {
        db.transaction(function (tx) {
          tx.executeSql('DROP TABLE user');
        })
      }
    
      // 插入单条数据
      function insertData({id, userName, phone}) {
        db.transaction(function (tx) {
          tx.executeSql('CREATE TABLE IF NOT EXISTS user (id unique, userName, phone)')
          tx.executeSql('INSERT INTO user (id, userName, phone) VALUES (?, ?, ?)', [id, userName, phone])
        })
      }
    
      // 删除单条数据
     function deleteData(id) {
       db.transaction(function (tx) {
         tx.executeSql('DELETE FROM user  WHERE id = ?', [id]);
       });
     }
    	// 更新数据
      function updateData(id, userName) {
        db.transaction(function (tx) {
          tx.executeSql('UPDATE user SET userName=? WHERE id=?', [userName, id]);
        });
      }
    
      // 查询数据
      function queryTableData() {
    	  db.transaction(function (tx) {
    		  tx.executeSql('SELECT * FROM user', [], function (tx, results) {
            console.log(results.rows)
    			  var len = results.rows.length, i;
    			  msg = '<p>查询记录条数:' + len + '</p>'
    		    document.querySelector('#msg').innerHTML = msg
          }, null)
        })
      }
      // 执行查询方法
      queryTableData()
    </script>
    
    
    
    展开全文
  • HTML5新特性 之 Web SQL

    千次阅读 2021-11-26 17:22:33
    文章目录前言:一、初步了解 Web SQL使用1. 创建数据库2. 创建表并向表里新增数据3. 查询数据4. 修改数据5. 删除数据二、做一个 Todo List1. 创建一个简单的html页面2. 写js逻辑① 功能1:点击新增代办事项的时候...
  • SQL 查询嵌套使用

    2021-03-17 21:08:37
    因为查询分组group by 的特性是分组 并取各组第一条查询到的数据信息(a和b是第一组,如果a排前面,那么就分组就拿a的那条信息,如果是b则拿b的信息),我们单纯进行分组能查到各分组的最高分,但是不一定能相应...
  • Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员,应该很容易理解 SQL 的操作。你也可以参考我们的 SQL 教程,...
  • Web SQL 学习笔记

    2020-12-24 16:17:01
    Web SQL 数据库的开发者使用了与 SQL 后端(Sqlite)同样的规范,目前已经停止维护。支持常规的增删改查,事物,回滚等操作。 目前很少有大的互联网公司使用 Web SQL 进行数据存储,但是它在桌面应用(如:electron)...
  • HTML5中Web SQL数据库是什么发布时间:2020-07-20 11:49:43来源:亿速云阅读:140作者:Leah今天就跟大家聊...Web SQL数据库API并不是HTML5规范的一部分,但是它是一个独立的规范,引入了一组使用SQL操作客户端数据...
  • mui中的WebSql使用

    2021-12-01 10:04:23
    mui中的WebSql使用 MUI是Dcloud官方推出的一个基于html5+标准的框架,同时拥有h5组件和原生组件。所以mui可以使用WebSql进行数据存储等操作。 1.WebSql的核心方法 以下是规范中定义的三个核心方法: openDatabase:...
  • 一、WebSQL安全风险简介数据库安全一直是后端人员广泛关注和需要预防的问题。但是自从HTML5引入本地数据库和WebSQL之后,前端开发对于数据库的安全也必须要有所了解和警惕。WebSQL的安全问题通常表现为两个部分:第...
  • 学习ctf记录,CTF Web SQL 绕过过滤注入 一、首先看题 提 示: !,!=,=,+,-,^,% 描 述: 全都过滤了绝望吗? 这里可以看到提示,似乎将许多关键字给过滤了,访问题目网站后,看到一个login登陆页面,结合题目分析...
  • 介绍Yearning MYSQL 是一个SQL语句审核平台。...开源地址https://gitee.com/cookieYe/Yearning功能介绍SQL查询查询导出查询自动补全SQL审核流程化工单SQL语句检测SQL语句执行SQL回滚历史审核记录查询审计推送E-mail...
  • (1)、我用的是Myeclipse,可以直接将sqljdbc4.jar拷到项目文件(2)、点开SQLServer配置管理器选中SQLServer2008网络配置下的SQLEXPRESS的协议,双击TCP/IP选项,打开如下窗口并更改TCP动态端口为0之后停止SQLServer...
  • Web环境下的SQLServer数据备份与恢复是怎样的?打开本地SQL企业管理器——导出:第一步:数据源选择“用于sql server的micorsoft old db 提供程序“,服务器选择local,使用windows身份验证,选择要上传的数据库第二...
  • HTML5本地数据库(WebSQL和IndexDB)

    千次阅读 2020-12-31 21:25:56
    WebSQL是前端的一个独立模块,是web存储方式的一种,我们调试的时候会经常看到,只是一般很少使用。并且,当前只有谷歌支持,ie和火狐均不支持。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接...
  • Elasticsearch-sql 用SQL查询Elasticsearch

    千次阅读 2021-03-15 01:09:45
    Elasticsearch的查询语言(DSL)真是不好写,偏偏查询的功能千奇百怪,filter/query/...最近发现了一个插件,Elasticsearch-SQL可以用sql查询Elasticsearch,感觉这个轮子造的真是好。Elasticsearch-sql的项目地址:h...
  • JavaSqlWeb - 一个运营环境数据查询...使用跳板机,所有查询都要在跳板机上进行。进出数据文件要过审查机制。使用第三方系统,记录每人的查询语句,并限制查询。从上向下规则是越来越严。第一级直接由DBA进行查询账...
  • 前提开始之前我们上首先看一下codemirror包结构,我们Demo接下来要使用的所有文件都在该包之中。一、初始化编辑器1)引入codemirrorjs库和css文件,本文为了方便使用的是cdn上的文件,项目中可使用npmi codemirror...
  • Web实战之查询SQL server选课信息,javascript动态循环输出表格,增加扩课功能 终于开始实战啦,今天我们先来完成教师端对选课信息的查询,首先来看一下运行结果吧。 我们可以看到查询内容包括课程编号、课程名称、...
  • Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。以下是规范中定义的三个核心方法:openDatabase:这个方法使用现有的数据库或者新建的数据库...
  • WEB漏洞-SQL注入之联合查询注入 1.联合查询是什么: union可合并两个或多个select语句的结果集, 前提是两个select必有相同列、且各列的数据类型也相同 2.联合查询的条件: 要用联合查询进行注入则:页面必须有显示...
  • 3.websql 另外一种方式尽管可取,可是感觉还是比較弱, 个人比較习惯数据库的方式。对于没有线上数据库的app来说。 html5的新特性。websql是比較好的一种方式, 就是存储在本地的数据库,是一种不错的方式。 websql...
  • ES使用SQL查询的2种方式

    千次阅读 2020-12-25 11:27:54
    先说一下使用JDBC连接的方式,由于ES集群的版本号是7.6.2,所以必须使用JDBC的版本也是7.6.2,必须保持一致 项目管理: ​ maven 依赖包: <dependency> <groupId>org.elasticsearch.plugin</groupId...
  • 前言:在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以...** Web SQL Database** 我们经常在数据库中处理大量结构化数据,html5引入Web SQL Database概念,它使用 SQL 来操纵...
  • 在进行java web 测试的时,经常会忽略的测试种类就是sql注入测试,这类缺陷造成的原因是开发技术在这...通过把SQL命令插入到web表单提交或输入域名或者页面请求的查询字符串中,利用现有的程序,讲这些恶意的SQL注...
  • Ctfhub解题 web SQL注入(全部完整版)

    千次阅读 多人点赞 2021-03-14 16:20:40
    Ctfhub解题 web SQL注入
  • WEBSQL介绍WEBSQL由JAVA语言纯编,H2内嵌数据库。完全开源,体积小,傻瓜式,开箱即用。 ———简约而不简单动态配置MYSQL,ORACLE等关系型数据库源,保存SQL文本实时获取,可控日志记录,定时任务等功能网页版SQL执行工具...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 327,596
精华内容 131,038
关键字:

websql使用查询