本文摘要:
本文做了基于浏览器数据库indexedDB的增删查改实例,详细的理论知识可以检察JavaScript教程(https://wangdoc.com/javascript/bom/indexeddb.html#indexeddb-%E5%AF%B9%E8%B1%A1)涉及到的方法1、打开数据库open2、新建数据库(如果打开的数据库不存在就会新建)3、删除数据库deleteDatabase4、新建表createObjectStore5、删除表deleteObjectStore6、新建记载add7、更新记载put8、删除记载delite9、查找记载get贴上截图:新建数据库、表、五条记载 修改记载 删除记载 查询记载 凭据索引查询记载贴上代码:
本文做了基于浏览器数据库indexedDB的增删查改实例,详细的理论知识可以检察JavaScript教程(https://wangdoc.com/javascript/bom/indexeddb.html#indexeddb-%E5%AF%B9%E8%B1%A1)涉及到的方法1、打开数据库open2、新建数据库(如果打开的数据库不存在就会新建)3、删除数据库deleteDatabase4、新建表createObjectStore5、删除表deleteObjectStore6、新建记载add7、更新记载put8、删除记载delite9、查找记载get贴上截图:新建数据库、表、五条记载 修改记载 删除记载 查询记载 凭据索引查询记载贴上代码: IndexedDB入门
总结1、一般需要获取数据的操作都有乐成和失败的事件,可以在内里获取数据并举行相关的操作(event.target.result)// 失败事件request.onerror = function (event) { console.log('报错');};// 乐成事件request.onsuccess = function (event) { console.log(event.target.result); console.log('乐成');};2、打开数据库关联了upgradeneeded事件,新建表和索引必须在这个内里操作// 指定的版本号,大于数据库的实际版本号,就会发生数据库升级事件upgradeneededrequest.onupgradeneeded = function (event) { db = event.target.result;}3、每次新建表时,都需要先判断再新建,以免发生错误4、新建表需要指定主键或默认自动生成主键(主键唯一性);新建索引指定三个属性// autoIncrement:true (自动生成主键)var objectStore = db.createObjectStore('表名称', { keyPath: 'id' });var objectStore = db.createObjectStore('表名称', { autoIncrement: true });// unique:唯一性(true不能包罗相同的值)objectStore.createIndex('索引名字', '字段名', { unique: false });gitHub 代码 :indexedDB-Demo(https://github.com/github-gmm/indexedDB-demo)参考文档:浏览器数据库 IndexedDB 入门教程 - 阮一峰(http://www.ruanyifeng.com/blog/2018/07/indexeddb.html)
本文关键词:澳门沙金在线平台
本文来源:澳门沙金在线平台-www.xasyyq.com