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)
})
}
dexie 前端数据库封装
只有干货2025-07-12 19:41
相关推荐
YOU OU7 小时前
Redis基础常识与命令Database_Cool_9 小时前
OLTP 和 OLAP 区别详解:分析型数据库和事务型数据库怎么选(附阿里云 AnalyticDB MySQL 选型指南)爱写代码的阿森10 小时前
鸿蒙三方库 | harmony-utils之KvUtil键值型数据库操作详解Database_Cool_10 小时前
单机 MySQL 迁移到分布式数据库方便吗?阿里云 PolarDB-X 100% MySQL 协议兼容零改造平滑迁移姜太小白11 小时前
【MySQL】 索引优化实战:解决 WHERE 等值 + IS NULL 查询,TEXT 字段报错 1167 的完整指南窝子面11 小时前
手搓最简前后端协作-node吳所畏惧11 小时前
宝塔面板Redis密码修改指南:SSH命令修改 vs 面板UI界面修改,哪个更靠谱?DFT计算杂谈11 小时前
无 Root 权限在 Tesla K80 零门槛部署 DeepSeek 大模型HPFBoy12 小时前
log4net 数据库存日志正确配置