indexedDB use

Open the database / add / delete

initDB() {
　　let _this = this;
　　let obj = {
　　　　id: 1,
　　　　name: _this.addForm.content
　　}
　　let indexedDB = window.indexedDB || window.webkitindexedDB || window.msIndexedDB || mozIndexedDB;
　　request = indexedDB.open('edp'); //edp数据库名称
　　request.onsuccess = function(event) {
　　　　console.log('打开成功');
　　　　db = event.target.result;
　　　　//清空表
　　　　let tx = db.transaction('messageCode', 'readwrite');
　　　　let store = tx.objectStore('messageCode');
　　　　store.clear();
　　　　//添加表
　　　　let objStore;
　　　　let transaction = db.transaction(['messageCode'], 'readwrite');
　　　　objStore = transaction.objectStore('messageCode');
　　　　objStore.add(obj);
　　}
　　request.onupgradeneeded = function(event) {
　　　　db = event.target.result;
　　　　let store;
　　　　//创建表
　　　　if(!db.objectStoreNames.contains('messageCode')) {
　　　　　　store = db.createObjectStore('messageCode', {
　　　　　　　　keyPath: 'the above mentioned id' , 
　　　　　　　　autoIncrement: to true 
　　　　　　}); 
　　　　} 
　　　　console.log ( 'create object repository successfully' ); 
　　} 
}

Changing table

 

//内容更改
changeCode() {
    let obj = {
        id: 1,
        name: this.addForm.content
    }
    //更新表
    let tx = db.transaction('messageCode', 'readwrite');
    let store = tx.objectStore('messageCode');
    let req = store.get(1);
    req.onsuccess = function(e) {
        store.put(obj);
        console.log('更新成功');
    };
},            

 

The new page for the table

 

Created () { 
    the let _this = the this ;
     var Request = window.indexedDB.open ( 'EDP' );
     var DB; 
    request.onerror = function () { 
        the console.log ( 'open database error' ); 
    } 
    request.onsuccess = function (Event) { 
        the console.log ( 'open succeeded database' ); 
    DB = event.target.result;
     var Transaction db.transaction = ([ 'messageCode'], 'ReadWrite' );
     var objStore = transaction.objectStore ( ' messageCode ' );
    //Reading data 
    var REQ objStore.get = (. 1 ); 
    req.onsuccess = function (E) {
         IF (req.result) { 
                the console.log ( 'have been queried data:' ); 
        the console.log (req.result ); 
        _this.online = req.result.name; 
        } the else { 
        the console.log ( 'not queried data' ); 
        } 
    } 
    } 
    request.onupgradeneeded = function (event) { 
        the console.log ( 'database update event' ); 
        db = event.target.result;
        console.log(db);
    }
}