[html]HTML5前端数据库——Web SQL Database

前言：在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对（字符串）存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。
所以，html5也引入Web SQL Database概念，它使用 SQL 来操纵客户端数据库的 API，这些 API 是异步的，规范中使用的是SQLlite（SQL后端）。

           web sQL 的一些基本操作，可参考此文章：https://www.jianshu.com/p/64ded82068b0

如何查看数据

审查网页，在application中可以看下，我们存储的数据

图片：websql.png

怎么用Web SQL
1. 打开（数据库名称），写在<script>中

openDataBase(“数据库名称”，"数据库版本号", "数据库描述" , 数据库大小 );
  //四个参数
  //1. 数据库名称，如果数据库存在，进行打开，如果不存在，则创建对应的数据库
  //4. 数据库大小，以字节为单位
  //   1M = 1024KB    1KB = 1024B
  //   如：3M = 3*1024*1024

2. 操作sql

db.transaction(function(tx){
      tx.executeSql("select * from message",[],function(tx,data){
          console.log(data);
          for(var i=0; i<data.rows.length;i++){
              message.innerHTML+="<p>用户名："+ data.rows<i>.username+"     emial:"+ data.rows<i>.email+"</p><hr/>"
          }
      });
     //4个参数 1. sql语句， 2. 参数列表要求数组类型  3. 数据的回调函数  4.错误的回调函数
  })</i></i>

示例: 添加留言，与显示添加的信息(附件中下载)
sqllite.rar

类型：

售价：0

大小：1KB

下载：1次

描述：sqlite存储数据

[下载]