数据库 IndexedDB
客户端数据库的使用步骤如下:
- 打开数据库。
- 在数据库中创建一个对象仓库(object store, 可以想象成时一个表, 只不过时键值方式存储的)。
- 启动一个事务(所有的数据更改必须通过事务),并发送一个请求来执行一些数据库操作,像增加或提取数据等。
- 通过监听正确类型的 DOM 事件以等待操作完成。
- 在操作结果上进行一些操作(可以在 request 对象中找到)
术语
介绍indexedDB中常见的术语
数据库
数据库由对象仓库组成, 对象仓库由键值对组成.
我们需要打开数据库, 才能进行下一步的操作, 包括创建ObjectStore(对象仓库), 更改数据.
第一次打开数据库需要用户点击同意, 否则将无法连接数据库
123456789101112131415161718192021222324
<template>
<div>请在控制台查看效果</div>
</template>
<script lang="ts" async setup>
// import { WebDB, defineDBStores } from '@cat-kit/fe'
// const stores = defineDBStores({
// users: {
// name: { example: '', required: true }
// }
// })
// const db = await WebDB.create({
// name: 'my_db',
// stores
// })
// db.stores.users.create({ name: '你好' })
// db.stores.users.delete()
// db.stores.users.delete()
</script>
数据库版本
数据库版本号是一个整数, 用来描述你的数据库的版本, 数据库版本存在目的是
数据仓库
数据仓库是一个用来存储具体数据的键值对.
API操作
cat-kit中的数据库操作