还是按照惯例,介绍一下增删改查的实现方式。
添加对象
相当于关系型数据库里的添加记录。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 的,只是要指定数据库的名称和版本,另外,又弄出来一个实例,访问数据库的时候可能有先后顺序的问题。
所以还是只用一个实例,比较好控制一些。










