简介
unidb
是一个基于浏览器本地存储(IndexedDB 或 WebSQL)的轻量级 JavaScript 数据库,用于前端数据的存储、查询、排序、过滤等操作。该库不需要任何后端支持,能够在浏览器中直接使用,并具有跨浏览器、跨平台的能力。
unidb
的主要特点有:
- 前端直接使用,无需后端支持
- 支持 IndexedDB 或 WebSQL 存储
- 轻量级,无第三方依赖
- 提供简单易用的数据操作 API
- 支持数据查询、排序、过滤等复杂操作
- 支持异步操作,能够处理大量数据
安装
使用 npm 进行安装:
npm install unidb --save
使用
初始化数据库
在使用 unidb
前,需要先初始化数据库,可以根据需求选择使用 IndexedDB 或 WebSQL 存储。
使用 IndexedDB 存储
import { UniDB } from "unidb" const dbName = "my-database" const objectStoreName = "my-object-store" const unidb = new UniDB({ dbName, objectStoreName })
使用 WebSQL 存储
import { UniDB } from "unidb" const dbName = "my-database" const tableName = "my-table" const unidb = new UniDB({ dbName, tableName, driver: "websql" })
插入数据
unidb.put({ id: 1, name: "Alice", age: 20 }) unidb.put({ id: 2, name: "Bob", age: 25 }) unidb.put({ id: 3, name: "Charlie", age: 30 })
查询数据
-- -------------------- ---- ------- -- ------ ----- ------- - ----- -------------- -- ------ ----- ---- - ----- ------------ -- ------ ----- ----- - ------ ----- ----- - ------- ----- ----------- - ----- ----------------------- ------ -- ------ ----- ----- - --------------------- --- -- ----- -- - -- ------ ----- ------------ - ----- -------------------------- ------
修改数据
const data = { id: 1, name: "Alice", age: 21 } unidb.put(data)
删除数据
unidb.delete(1)
示例代码
-- -------------------- ---- ------- -- -- ----- -- ------ - ----- - ---- ------- -- -------- ----- ------ - ------------- ----- --------------- - ----------------- ----- ----- - --- ------- ------- --------------- -- -- ---- ----------- --- -- ----- -------- ---- -- -- ----------- --- -- ----- ------ ---- -- -- ----------- --- -- ----- ---------- ---- -- -- -- ---- ----- ------- - ----- -------------- -- ------ ----- ---- - ----- ------------ -- ------ ----- ----- - ------ ----- ----- - ------- ----- ----------- - ----- ----------------------- ------ -- ------ ----- ----- - --------------------- --- ----- ------------ - ----- -------------------------- ------ -- ------ -- ---- ----- ------- - - --- -- ----- -------- ---- -- - ------------------ -- ---- ---------------
总结
unidb
是一个方便的前端数据存储解决方案,能够满足大部分数据存储需求。本文介绍了 unidb
的基本使用方法,包括数据库初始化、插入数据、查询数据、修改数据和删除数据等操作。通过本文的学习,读者应该能够掌握 unidb
的用法,并可以在适当的场景中使用该库来提高工作效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ebe81e8991b448dc7a4