什么是 indexed-db-as-promised
indexed-db-as-promised 是一个 npm 包，它提供了一个简单易用的 API 来在前端页面中访问浏览器内置的 indexedDB 数据库。基于 Promise、async/await 和 fluent API 设计，它能让 indexedDB 的使用变得更加简单和直观。
安装 indexed-db-as-promised
在要使用 indexed-db-as-promised 的项目中，使用以下命令安装：
--- ------- ----------------------
如何使用 indexed-db-as-promised
创建数据库和数据表
使用 indexed-db-as-promised 创建数据库和数据表非常简单。以下是一个例子：
------ - ------------ - ---- -------------------------
----- -------- - ----- --------------------------- - -------- - -- ----- ---------- -- -
----- --------------------------------------------- - -------- ---- ---
---在这个例子中，我们使用 openDatabase 函数创建了一个名为 my-database 的数据库，并在版本号为 1 的情况下为它创建了一个名为 my-object-store 的数据表。
创建数据表时，我们可以为其指定一个键值，这里我们指定使用 id 作为键值。如果不指定，则会默认使用一个名为 key 的键值。
插入数据
插入数据也非常简单。以下是一个例子：
----- ----------- - ----------------------------------------- ------------- ----- ----------- - ------------------------------------------- ----- ---- - - --- -- ----- ------- -- ----- ----------------------
在这个例子中，我们创建了一个事务，并从数据库中获取了名为 my-object-store 的数据表。然后，我们向这个数据表中插入了一个 id 为 1、name 为 Alice 的数据。
查询数据
查询数据同样也非常简单。以下是一个例子：
----- ----------- - ----------------------------------------- ------------ ----- ----------- - ------------------------------------------- ----- ---- - ----- ------------------- ------------------
在这个例子中，我们创建了一个只读事务，并从数据库中获取了名为 my-object-store 的数据表。然后，我们查询了 id 为 1 的数据，并将其输出到控制台中。
更新数据
更新数据也非常简单。以下是一个例子：
----- ----------- - ----------------------------------------- ------------- ----- ----------- - ------------------------------------------- ----- ---- - - --- -- ----- ------ ------ -- ----- ----------------------
在这个例子中，我们创建了一个读写事务，并从数据库中获取了名为 my-object-store 的数据表。然后，我们更新了 id 为 1 的数据的 name 属性，并保存到数据库中。
删除数据
删除数据同样也非常简单。以下是一个例子：
----- ----------- - ----------------------------------------- ------------- ----- ----------- - ------------------------------------------- ----- ----------------------
在这个例子中，我们创建了一个读写事务，并从数据库中获取了名为 my-object-store 的数据表。然后，我们删除了 id 为 1 的数据。
总结
indexed-db-as-promised 提供了一个简单易用的 API 来在前端页面中访问浏览器内置的 indexedDB 数据库。基于 Promise、async/await 和 fluent API 设计，它能让 indexedDB 的使用变得更加简单和直观。通过本文，你可以了解到 indexed-db-as-promised 的基本使用方法，包括创建数据库和数据表、插入数据、查询数据、更新数据和删除数据等。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f87238a385564ab6cf3