IDBWrapper 开源项目教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00206/article/details/141510969

IDBWrapper 开源项目教程

IDBWrapperA cross-browser wrapper for IndexedDB项目地址:https://gitcode.com/gh_mirrors/id/IDBWrapper

项目介绍

IDBWrapper 是一个跨浏览器的 IndexedDB API 封装库。IndexedDB 是 HTML5 中的一个 API，用于在客户端存储大量结构化数据。尽管 IndexedDB 是未来离线存储的发展方向，但它的使用并不十分直观。IDBWrapper 旨在提供对 IndexedDB 功能的简单访问，使得开发者可以更轻松地使用 IndexedDB。

项目快速启动

安装 IDBWrapper

你可以通过多种方式安装 IDBWrapper：

通过 CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/idbwrapper/1.7.2/idbstore.min.js"></script>

通过 NPM:
```
npm install idb-wrapper
```
通过 Bower:
```
bower install idbwrapper
```

创建一个简单的 IndexedDB 存储

以下是一个简单的示例，展示如何使用 IDBWrapper 创建一个名为 customer 的 IndexedDB 存储：

<!DOCTYPE html>
<html>
<head>
    <title>IDBWrapper 教程</title>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/idbwrapper/1.7.2/idbstore.min.js"></script>
    <script>
        var customers = new IDBStore({
            dbVersion: 1,
            storeName: 'customer',
            keyPath: 'id',
            autoIncrement: true,
            onStoreReady: function() {
                console.log('Store ready!');
            }
        });
    </script>
</body>
</html>