SOURCE

let db
const databaseName = 'HELLO'
const request = indexedDB.open(databaseName)

request.onerror = (e) => {
    console.error('error', e);
}

request.onsuccess = (e) => {
    db = e.target.result
    console.log('db')
}

request.onupgradeneeded = (e) => {

    db = event.target.result;

    console.log('upgradeed');

    // 建立一个对象仓库来存储我们客户的相关信息，我们选择 ssn 作为键路径（key path）
    // 因为 ssn 可以保证是不重复的
    var objectStore = db.createObjectStore("customers", { keyPath: "ssn" });

    // 建立一个索引来通过姓名来搜索客户。名字可能会重复，所以我们不能使用 unique 索引
    objectStore.createIndex("name", "name", { unique: false });

    // 使用邮箱建立索引，我们向确保客户的邮箱不会重复，所以我们使用 unique 索引
    objectStore.createIndex("email", "email", { unique: true });

    // 使用事务的 oncomplete 事件确保在插入数据前对象仓库已经创建完毕
    objectStore.transaction.oncomplete = function (event) {
        // 将数据保存到新创建的对象仓库
        var customerObjectStore = db.transaction("customers", "readwrite").objectStore("customers");
        customerData.forEach(function (customer) {
            customerObjectStore.add(customer);
        });
    };
}