dexie 前端数据库封装

复制代码
import Dexie from "dexie";

/**
 *
 * @param dbName 数据库名称
 * @param storeName 对象存储区域
 * @param keyPath 主键
 * @param indexConfig 索引配置
 * @returns {Dexie}
 */
export function createDB(dbName, storeName, keyPath, indexConfig) {
  const db = new Dexie(dbName)
  // 定义对象存储区域
  db.version(1).stores({
    [storeName]: keyPath
  })
  // 添加索引或其他配置
  if (indexConfig) {
    Object.keys(indexConfig).forEach(indexName => {
      const indexProperties = indexConfig[indexName];
      db[storeName].createIndex(indexName, indexProperties.keyPath, {unique: indexProperties.unique});
    })
  }
  return db
}

/**
 * 添加数据
 * @param db 数据库实例
 * @param storeName 对象存储区域
 * @param data 添加的数据
 */
export function addData(db, storeName, data) {
  db.open().then(() => {
    db.transaction('rw', db[storeName], async () => {
      await db[storeName].add(data);
    }).then(() => {
      console.log('Data added successfully.');
    }).catch(error => {
      console.error('Error adding data:', error)
    })
  }).catch(error => {
    console.error('Error opening database:', error)
  })
}

/**
 * 获取数据
 * @param db 数据库
 * @param storeName 对象存储区对象
 * @param keyValue 主键值
 */
export function getData(db, storeName, keyValue) {
  return new Promise((resolve, reject) => {
    db.open().then(() => {
      db.transaction('rw', db[storeName], async () => {
        const matched = await db[storeName].get(keyValue)
        resolve(matched)
      }).catch(error => {
        console.error('Error getting data:', error)
      })
    }).catch(error => {
      console.error('Error opening database:', error)
    })
  })
}

/**
 * 更新数据
 * @param db 数据库
 * @param storeName 对象存储区对象
 * @param keyValue 主键值
 * @param data 更新值
 */
export function updateData(db, storeName, keyValue, data) {
  db.open().then(() => {
    db[storeName].get(keyValue).then(matched => {
      if (matched) {
        db.transaction('rw', db[storeName], async () => {
          await db[storeName].update(keyValue, data)
        }).then(() => {
          console.log('Data updated successfully.');
        }).catch(error => {
          console.error('Error updating data:', error)
        })
      } else {
        addData(db, storeName, data)
      }
    }).catch(error => {
      console.error('Error getting data:', error)
    })
  }).catch(error => {
    console.error('Error opening database:', error)
  })
}

/**
 * 删除数据
 * @param db
 * @param storeName
 * @param keyValue
 */
export function deleteData(db, storeName, keyValue) {
  db.open().then(() => {
    db.transaction('rw', db[storeName], async () => {
      await db[storeName].delete(keyValue)
    }).then(() => {
      console.log('Data deleted successfully.');
    }).catch(error => {
      console.error('Error deleting data:', error)
    })
  }).catch(error => {
    console.error('Error opening database:', error)
  })
}

/**
 * 删除数据库
 * @param dbName
 */
export function deleteDb(dbName) {
  Dexie.exists(dbName).then(exists => {
    // console.log(exists)
    if (exists) {
      Dexie.delete(dbName).then(() => {
        console.log('Database deleted successfully.')
      }).catch(error => {
        console.error('Error deleting database', error)
      })
    } else {
      console.log(`Database 【${dbName}】 not exist.`)
    }
  }).catch(error => {
    console.error('Error checking database', error)
  })
}
相关推荐
STLearner15 分钟前
VLDB 2025 | 时间序列(Time Series)论文总结(预测,异常检测,压缩,自动化等)
数据库·人工智能·深度学习·神经网络·机器学习·数据挖掘·时序数据库
21 分钟前
TIDB——TIKV——raft
数据库·分布式·tidb
不会c嘎嘎39 分钟前
MySQL 指南:全面掌握用户管理与权限控制
数据库·mysql
ShadowSmartMicros40 分钟前
java调用milvus数据库
java·数据库·milvus
Bug.ink41 分钟前
BUUCTF——WEB(2)
数据库·sql·网络安全·buuctf
网硕互联的小客服1 小时前
Centos系统如何更改root账户用户名?需要注意什么?
linux·运维·服务器·数据库·安全
lisanmengmeng2 小时前
zentao的prod环境升级(一)
linux·运维·数据库·docker·容器·禅道
それども2 小时前
insertOnDuplicateKey 和 upsert 区别
数据库·mysql
nbsaas-boot2 小时前
SQL Server 存储过程设计规范(事务与异常处理)
linux·数据库·设计规范
代码or搬砖3 小时前
SQL核心语法总结:从基础操作到高级窗口函数
java·数据库·sql