0
点赞
收藏
分享

微信扫一扫

封装 indexedDB(五)添加对象

还是按照惯例,介绍一下增删改查的实现方式。

添加对象

相当于关系型数据库里的添加记录。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 的,只是要指定数据库的名称和版本,另外,又弄出来一个实例,访问数据库的时候可能有先后顺序的问题。

所以还是只用一个实例,比较好控制一些。

举报

相关推荐

0 条评论