/**
* 打开数据库
*/
export function openDB() { return new Promise((resolve, reject) => {
let indexedDB = window.indexedDB || window.webkitindexedDB;
let request = indexedDB.open(conf.name); request.onerror = function (e) {
console.error(e.currentTarget.error.message);
reject(false);
};
request.onsuccess = function (e) {
window.INDEXEDDB_DB_RET = e.target.result;
console.log('成功建立并打开数据库:' + conf.name + ' version' + conf.version);
resolve(true);
};
request.onupgradeneeded = function (e) {
let db = e.target.result;
let transaction = e.target.transaction; for (let key in conf.ojstore) {
if (!db.objectStoreNames.contains(key)) {
//没有该对象空间时创建该对象空间
db.createObjectStore(key, conf.ojstore[key]);
console.log('成功建立对象存储空间:' + key);
}
}
}
window.INDEXEDDB_DB = indexedDB;
}); } /**
* 删除数据库
*/
export function deleteDB(dbname) {
let self = this;
INDEXEDDB_DB.deleteDatabase(dbname);
console.log(dbname + '数据库已删除')
} //关闭数据库
export function closeDB() {
INDEXEDDB_DB_RET.close();
console.log('数据库已关闭')
} //添加数据,重复添加会报错
export function addData(storename, data, callback) {
let store = INDEXEDDB_DB_RET.transaction(storename, 'readwrite').objectStore(storename);
for (let i = 0; i < data.length; i++) {
let request = store.add(data[i]);
request.onerror = function () {
console.error('add添加数据库中已有该数据')
};
request.onsuccess = function () {
console.log('add添加数据已存入数据库')
callback();
};
}
} // 添加数据,重复添加会更新原有数据
export function putData(storename, data) {
console.log(data)
let store = INDEXEDDB_DB_RET.transaction(storename, 'readwrite').objectStore(storename);
for (let i = 0; i < data.length; i++) {
let request = store.put(data[i]);
request.onerror = function () {
console.error('put添加数据库中已有该数据')
};
request.onsuccess = function () {
console.log('put添加数据已存入数据库')
};
}
} //根据存储空间的键找到对应数据
export function getDataByKey(storename, key, callback) {
let store = INDEXEDDB_DB_RET.transaction(storename, 'readwrite').objectStore(storename);
let request = store.get(key);
request.onerror = function () {
console.error('getDataByKey error');
};
request.onsuccess = function (e) {
let result = e.target.result;
console.log('查找数据成功')
console.log(result);
$(document).off('event_getDataByKey').on('event_getDataByKey', result);
if (callback) {
callback(result);
}
};
} // 获取全部数据 ,根据 storename
export function getAllData(storename, callback) {
let store = INDEXEDDB_DB_RET.transaction(storename, 'readwrite').objectStore(storename);
let request = store.openCursor();
let data = [];
request.onerror = function () {
console.error('getDataByKey error');
};
request.onsuccess = function (e) {
let result = e.target.result;
if (result && result !== null) {
data.push(result.value);
result.continue();
} else {
if (callback) {
console.log('全部查找数据成功')
callback(data);
}
}
};
} //删除某一条记录
export function deleteData(storename, key) {
let store = store = INDEXEDDB_DB_RET.transaction(storename, 'readwrite').objectStore(storename);
store.delete(key)
console.log('已删除存储空间' + storename + '中' + key + '记录');
} //删除存储空间全部记录
export function clearData(storename) { let store = INDEXEDDB_DB_RET.transaction(storename, 'readwrite').objectStore(storename);
store.clear();
console.log('已删除存储空间' + storename + '全部记录');
}

indexedDB 增删改查的更多相关文章

  1. js操作indexedDB增删改查示例

    js操作indexedDB增删改查示例 if ('indexedDB' in window) { // 如果数据库不存在则创建,如果存在但是version更大,会自动升级不会复制原来的版本 var r ...

  2. IndexedDB 增删改查 简单的库

    <!DOCTYPE html> <html> <head> <title></title> <script src="Ind ...

  3. Dapper逆天入门~强类型,动态类型,多映射,多返回值,增删改查+存储过程+事物案例演示

    Dapper的牛逼就不扯蛋了,答应群友做个入门Demo的,现有园友需要,那么公开分享一下: 完整Demo:http://pan.baidu.com/s/1i3TcEzj 注 意 事 项:http:// ...

  4. ASP.NET从零开始学习EF的增删改查

           ASP.NET从零开始学习EF的增删改查           最近辞职了,但是离真正的离职还有一段时间,趁着这段空档期,总想着写些东西,想来想去,也不是很明确到底想写个啥,但是闲着也是够 ...

  5. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(9)-MVC与EasyUI结合增删改查

    系列目录 文章于2016-12-17日重写 在第八讲中,我们已经做到了怎么样分页.这一讲主要讲增删改查.第六讲的代码已经给出,里面包含了增删改,大家可以下载下来看下. 这讲主要是,制作漂亮的工具栏,虽 ...

  6. 通过Java代码实现对数据库的数据进行操作:增删改查

    在写代码之前,依然是引用mysql数据库的jar包文件:右键项目-构建路径-设置构建路径-库-添加外部JAR 在数据库中我们已经建立好一个表xs :分别有xuehao  xingming    xue ...

  7. Hibernate全套增删改查+分页

    1.创建一个web工程 2.导入jar包 3.创建Student表 4.创建实体类 package com.entity; public class Student { private Integer ...

  8. 使用 Json.Net 对Json文本进行 增删改查

    JSON 已经成为当前主流交互格式, 如何在C#中使用 Json.Net 对Json文本进行 增删改查呢?见如下代码 #region Create (从零创建) public static strin ...

  9. yii2 增删改查

    自己总结的yii2 advanced 版本的简单的增删改查,希望对大家有所帮助 1.gii生成的actionCreate()方法中 获取插入语句的id $id = $model->attribu ...

随机推荐

  1. C++通讯录

    C++通讯录1.0 历时一天,终于把通讯录写好了. 项目要求: 编写一个通讯录管理程序. 有一已存在的通讯录文件,数据内容为各联系人信息. 每个联系人信息的组成部分为: 姓名.电话号码和住址 等个人基 ...

  2. UVA 10735 Euler Circuit (最大流)

    题意:求混合图的欧拉路径. 一句话总结:网络流,最主要在于建图,此题是将出度则是和流量联系在了一起,用最大流来调整边的指向. 分析: 这题的困难之处在于无向边只能用一次,相当于一个方向未定的有向边. ...

  3. UVA - 1658 Admiral (最小费用最大流)

    最短路对应费用,路径数量对应流量.为限制点经过次数,拆点为边.跑一次流量为2的最小费用最大流. 最小费用最大流和最大流EK算法是十分相似的,只是把找增广路的部分换成了求费用的最短路. #include ...

  4. Asp.Net Core 进阶(二) —— 集成Log4net

    Asp.Net Core 支持适用于各种内置日志记录API,同时也支持其他第三方日志记录.在我们新建项目后,在Program 文件入口调用了CreateDefaultBuilder,该操作默认将添加以 ...

  5. CPP-基础:wchar_t

    目 录 1简介 2例如 3将char转换成wchar_t 1.简介 wchar_t是C/C++的字符数据类型,是一种扩展的字符存储方式,wchar_t类型主要用在国际化程序的实现中,但它不等同于uni ...

  6. Codeforces 727C Guess the Array

    题目传送门 长度为\(n\)的数组,询问\(n\)次来求出数组中每一个数的值 我们可以先询问三次 \(a[1]+a[2]\) \(a[1]+a[3]\) \(a[2]+a[3]\) 然后根据这三次询问 ...

  7. bootstrap 翻页(对齐的链接)

    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...

  8. vuejs 中 select 动态填充数据,后台的数据

           selected:"A" 对       selected:A 错.  变量不用引号. 内容一定要引号. https://jsfiddle.net/rgnuaw30/ ...

  9. JS任意文件转base64

    <!doctype html><html><head><meta charset="utf-8"><meta name=&qu ...

  10. Python常见文件操作的函数示例

    # -*-coding:utf8 -*- ''''' Python常见文件操作示例 os.path 模块中的路径名访问函数 分隔 basename() 去掉目录路径, 返回文件名 dirname() ...