indexedDB数据库实践

最新推荐文章于 2024-11-01 10:18:14 发布

guo_aries

最新推荐文章于 2024-11-01 10:18:14 发布

阅读量212

点赞数

分类专栏： chrome 文章标签：前端

本文链接：https://blog.csdn.net/guo_1991/article/details/103988955

版权

本文深入探讨了IndexedDB，一种浏览器内置的离线存储解决方案。我们详细讲解了其工作原理，包括数据库创建、对象存储、索引建立，并通过实例展示了如何在前端应用中使用IndexedDB进行数据存储和检索，提升用户体验。

摘要由CSDN通过智能技术生成

export default {
  indexedDB: window.indexedDB || window.webkitindexedDB || window.msIndexedDB,

  openDb(dbName, version = 1, db, newStore, cb) {
    const request = this.indexedDB.open(dbName, version);
    request.onerror = function(e) {
      console.error("打开数据库错误", e);
    };
    request.onsuccess = function(e) {
      console.log("打开数据库成功", e);
      db = e.target.result;
      if (cb) cb(db);
    };

    // 建表
    request.onupgradeneeded = function(e) {
      var mdb = e.target.result;
      console.log(mdb);
      if (!mdb.objectStoreNames.contains(newStore.name)) {
        const objStore = mdb.createObjectStore(newStore.name, {
          // keyPath: newStore.key
          autoIncrement: true
        });
        const tableMap = {
          name: "",
          amount: 0,
          platform: "",
          num: 0,
          money: 0,
          date: "",
          method: 0
        };
        O