还是按照惯例,介绍一下增删改查的实现方式。
添加对象
相当于关系型数据库里的添加记录。indexedDB的步骤是:
- 打开数据库
- 开启事务
- 打开对象仓库(表)
- 添加对象
打开数据库的操作,在help里面已经实现了。
开启事务,可以通过help开启,也可以不显性开启,而是默认开启,然后就是开仓库装对象了。
/**
* 添加对象
* @param { IndexedDBHelp } help 访问数据库的实例
* @param { string } storeName 仓库名称(表名)
* @param { Object } model 对象(数据记录)
* @param { IDBTransaction } tranRequest 如果使用事务的话,需要传递开启事务时创建的连接对象
* @returns 添加记录的ID
* * meta 结构:
* * * storeName: '', 对象仓库名
* * model 结构:
* * * object
*/
export default function addModel (help, storeName, model, tranRequest = null) {
const _model = help._vueToObject(model)
// console.log('事务---', tranRequest)
// 定义一个 Promise 的实例
return new Promise((resolve, reject) => {
// 定义个函数,便于调用
const _add = (__tran) => {
__tran
.objectStore(storeName) // 获取store
.add(_model) // 添加对象
.onsuccess = (event) => { // 成功后的回调
resolve(event.target.result) // 返回对象的ID
}
}
if (tranRequest === null) {
help.beginWrite([storeName]).then((tran) => {
// 自己开一个事务
_add(tran)
})
} else {
// 使用传递过来的事务
_add(tranRequest)
}
})
}
如果强制必须外部开启事务的话,那么内部代码就可以很简单,传过来一个事务,然后开仓库放入对象即可。
获取内部开启事务也不麻烦。
但是我想呢,有的时候需要开启事务,然后连续填入对象;而有的时候只需要填入一个对象。
所以想想还是可以兼容这两种方式的好一点,虽然内部代码多了一点,但是可以满足两种需求。
使用方式
import {
installIndexedDB,
addModel
} from '../../packages/indexedDB.js'
help = installIndexedDB.useHelp()
const model = {
name: 'jyk'
}
addModel(help, 'moduleMeta', model).then((newId) => {
console.log('添加对象完成:', newId)
})
是不是很简单,help这块有点小麻烦,因为是放在 provide 里面的,而使用inject 提取的时候,必须在 vue 的周期内才行,如果是按钮的事件里面是无法获取的。
所以取help 的时候需要注意一下。
为啥不 new 个 help?
help 是随时都可以 new 的,只是要指定数据库的名称和版本,另外,又弄出来一个实例,访问数据库的时候可能有先后顺序的问题。
所以还是只用一个实例,比较好控制一些。