indexDB数据库

indexDB数据库

参考网址:https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API

该数据库是一种存储在客户端本笃的NoSQL数据库,他是事务性数据库系统

IndexedDB里数据以对象的形式存储,每个对象都有一个key值索引。IndexedDB里的操作都是事务性的。一种对象存储在一个objectStore里,objectStore就相当于关系数据库里的表。IndexedDB可以有很多objectStore,objectStore里可以有很多对象。每个对象可以用key值获取。

 

 

这是在各个浏览器中都能统一运行

 window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
        window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
        window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
        window.IDBCursor = window.IDBCursor || window.webkitIDBCursor || window.msIDBCursor;
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
        window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
        window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
        window.IDBCursor = window.IDBCursor || window.webkitIDBCursor || window.msIDBCursor;
        function versionUpdata(){
            var dbName = "indexedDBTest";//数据库库名
            var dbVersion = 1.1;//版本号
            var idb;
            var dbConnect = indexedDB.open(dbName,dbVersion);
            //dbConnect对象为一个IDBOpenDBRequest对象,代表数据库链接的请求对象
            dbConnect.onsuccess = function(e){
                idb = e.target.result;//e.target.result对象为一个IDBDBRequest对象,代表链接成功的数据对象
                console.log("e.target.result  ::"+e.target.result);
            }
            dbConnect.onerror = function(e){
                console.log("链接数据库失败");
            }
            dbConnect.onupgradeneeded = function(e){//onupgradeneeded链接数据库是发现指定的版本号大于数据库当前版本号触发的事件
                idb = e.target.result;
                var tx = e.target.transaction;//数据版本更新事物

                /*@检测版本号的
                var oldVersion = e.oldVersion;
                 var newVersion = e.newVersion;
                    console.log("更新成功,老版本" +oldVersion ,"新版本" + newVersion);*/

               /*@创建仓库
                var name = 'Users';
                var optionalParameters = {
                    keyPath : 'UserId',
                    autoIncrement : false
                }
                var store = idb.createObjectStore(name , optionalParameters);
                console.log("创建仓库成功");*/
            }
        }
    </script>
</head>

<body>
<input type="button" value="链接数据库" οnclick="versionUpdata()"/>

</body>
</html>

创建indexedDB数据库中的索引

需要通过数据记录对象的某个属性值来创建,他只能针对被设为索引的属性值进行检索,不能针对没有被设为索引的属性值进行检索

 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
        window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
        window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
        window.IDBCursor = window.IDBCursor || window.webkitIDBCursor || window.msIDBCursor;
        function CreateIndex(){
            var dbName = "indexedDBTest";//数据库库名
            var dbVersion = 1.1;//版本号
            var idb;
            var dbConnect = indexedDB.open(dbName,dbVersion);
            //dbConnect对象为一个IDBOpenDBRequest对象,代表数据库链接的请求对象
            dbConnect.onsuccess = function(e){
                idb = e.target.result;//e.target.result对象为一个IDBDBRequest对象,代表链接成功的数据对象
                console.log("e.target.result  ::"+e.target.result);
            }
            dbConnect.onerror = function(){
                console.log("链接数据库失败");
            }
            dbConnect.onupgradeneeded = function(e){//onupgradeneeded是我们唯一可以修改数据库结构的地方,在这里面,我们可以创建和删除对象存储空间以及构建和删除索引
                debugger;
                idb = e.target.result;
                var tx = e.target.transaction;//数据版本更新事物

                // @创建仓库
                // 创建一个对象存储空间来持有有关我们客户的信息。
                // 我们将使用 "UserId" 作为我们的 key path 因为它保证是唯一的。
                var name = 'newUsers';
                var optionalParameters = {
                    keyPath : 'UserId',
                    autoIncrement : false
                }
                //对象存储空间仅调用 createObjectStore() 就可以创建
                var store = idb.createObjectStore(name , optionalParameters);
                console.log("创建仓库成功");

                /*
                 *再创建仓库成功之后,调用仓库的createIndex方法创建索引
                * @createIndex有3个参数
                * 1字符串,代表索引名
                * 2参数值代表使用数据仓库中数据记录对象的那个属性来创建索引
                * */

                 var name = 'userNameInter'; // 创建一个索引来通过 name 搜索客户。
                 var keyPath = 'useName';
                 var optionalParameters = {
                 unique:false, //可能会有重复的,因此我们不能使用 unique 索引。unique的属性值为true,代表同一个对象仓库的两条数据记录的索引属性值(useName)不能相同
                 multiEntry:false
                 }
                 var idx = store.createIndex(name,keyPath,optionalParameters);
                 console.log("索引创建成功");
            }
        }
    </script>
</head>

<body>
<input type="button" value="创建索引" οnclick="CreateIndex()"/>

</body>
</html>

 

转载于:https://www.cnblogs.com/jin-000/p/6803145.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值