IndexedDB数据库

1. 打开数据库并且开始一个事务。（事务 一个平台 演员的舞台 是一个可以提供表演的地方）

2. 创建一个 object store。

1. 构建一个请求来执行一些数据库操作，像增加或提取数据等。

2. 通过监听正确类型的 DOM 事件以等待操作完成。

3. 在操作结果上进行一些操作（可以在 request 对象中找到）

查看IndexedDB中 存储的数据

使用流程：(1.打开数据库2.建表3.增删改查)

1. 判断浏览器 是不是 支持 indexedDB

indexedDB?alert(“支持indexedDB”):alert(“不支持indexedDB”);

2. 打开/创建数据库

indexedDB.open(“数据库的名字”); ->IDBOpenDBRequest

IDBOpenDBRequest:

监听事件：

onerror:创建或者 打开数据库 失败的时候 调用

onsuccess：创建或者 打开数据库成功 的时候 调用

Onupgradeneeded：只在数据库的版本号 被更新的时候调用

3. 创建类似于BMOB里面 的某个表（也可以想象为是一个数据模型）

通过ObjectStore进行操作（增删改查建表）

>1.建表(创建类)数据库的对象.createObjectStore(“表名字”，设置唯一字段（设置这个类里面 可以找到某一个对象的属性）);

>2.创建字段（给创建的类 添加属性）ObjectStore的对象.createIndex(“属性名”，”key“);

4. 增删改查的操作

  objectStore.add() 增

objectStore.delete()删

objectStore.put()改

objectStore.get()查

 

代码示例：

1. 打开数据库

functionopenDB() {

    varrequest= indexedDB.open("noteDB",1);

    request.onerror= function(errror) {

        console.log(errror);

    };

    request.onsuccess= function() {

        console.log("打开数据库成功");

    };

    //只在数据库版本号 两次不一致的情况下 调用

    request.onupgradeneeded= function() {

        console.log("更新数据库成功",this);

    };

} 

 

2. 建表

从没有数据库到有数据库、数据库的版本号更新的时候 再去建表。

查询数据库中是不是存在同样的表，如果存在就不用再创建；

onupgradeneeded 可以监听数据库版本号的变更；

可以通过IDBDataBase里面的objectStoreNames查看数据库里面都创建了哪些表名；

vartableName= "note";

//    可以通过objectStoreNames获取到 已经建好表的名字

    if(!db.objectStoreNames.contains(tableName)){

    //    建表

        varobjectStore= db.createObjectStore(tableName);

    //    创建表里面的字段

    //    创建字段的时候  需要 至少传入两个参数

    //    1.字段的名字 2.可以通过哪个名字  查找到 这个字段对应的内容

        objectStore.createIndex("title","title");

        objectStore.createIndex("content","content");

        objectStore.createIndex("date","date");

    }

 

3. 增删改查的操作

1）db -> transaction()-> 事务的对象

2）事务的对象 -> objectStore

3）objectStore -> 增删改查

 

添加数据

functionaddData(info) {

    //获得到事务的对象

    vartransaction= database.transaction(["note"],"readwrite");

    //存放某一种类型数据的容器（类似类）

    varobjectStore= transaction.objectStore("note");

//    执行增删改查的操作

    returnobjectStore.add(info);

}

查询数据

Get

getAll

functionsearchAll(){

returndatabase.transaction(["note"],"readonly").objectStore("note").getAll();//查询所有数据，返回request

}

会得到一个IDBRequest对象，

可以通过监听成功事件，或得到查询到的数据

searchAll().onsuccess=function(){

console.log(this.result);

};

如果查询单个可以对应的数据可以通过get（key）

functionsearch(){

database.transaction(["note"],"readonly").objectStore("note").get(1502242891548).onsuccess=function(){

console.log(this);

}

}

删除数据

functiondeleteData(){database.transaction(["note"],"readwrite").objectStore("note").delete(1502242543349).onsuccess=function(){

console.log(this)

}

}

更新数据

functiondeleteData(){

database.transaction(["note"],"readwrite").objectStore("note").put({title:"更新数据",content:"更新数据",date:1502183031380}).onsuccess=function() {

console.log(this);

};

注意事项：

任何数据库的操作，更新字段、表都需要先清除原来的数据库；

如果是查找、删除、修改具体的内容的时候，需要根据一个唯一值查找；