react-native 數(shù)據(jù)存儲與讀取 Storage 和 Sqlite

Storage


export async function getValueByKey(key,
                                    callback = () => {
                                    },
                                    callbackError = () => {
                                        ViewUtil.showToast(key + ' not found!');
                                    }) {
    try {
        var ret = await storage.load({
            key: key,
        });
        if (callback) {
            callback(ret);

        }
        return ret;
    } catch (e) {
        callbackError();
    }
}


export async function setKeyValue(  key, 
                                    value,
                                    callbackError = () => {
                                        ViewUtil.showToast(key + ':' + value + ' save error!');
                                    }) {
    try {
        storage.save({ key: key, data: value });
    } catch (e) {
        callbackError();
    }
}

Sqlite

SQLiteUtil.js

/**
 * Created by nick on 2017/6/9.
 */
import React, { Component } from 'react';
import SQLiteStorage from 'react-native-sqlite-storage';
import * as ConstantUtil from './ConstantUtil';
import * as ViewUtil from './ViewUtil';
import * as StorageUtil from './StorageUtil';
SQLiteStorage.DEBUG(ConstantUtil.config.sqliteDebuggable);
SQLiteStorage.enablePromise(false);

var database_name = ConstantUtil.config.sqliteDbName;//數(shù)據(jù)庫文件
var database_version = ConstantUtil.config.sqliteDbVersion;//版本號
var database_displayname = ConstantUtil.config.sqliteDbDisplayName;
var database_size = ConstantUtil.config.sqliteDbSize;//-1應(yīng)該是表示無限制
var db;
export default class SQLiteUtil extends Component {

    //TODO 數(shù)據(jù)庫開關(guān)
    componentWillUnmount() {
        if (db) {
            this._successCB('close');
            db.close();
        } else {
            console.log('SQLiteStorage not open');
        }
    }

    open() {
        // {name: 'testDB', createFromLocation : 1},
        db = SQLiteStorage.openDatabase(
            database_name,
            database_version,
            database_displayname,
            database_size,
            () => {
                this._successCB('open');
            },
            (err) => {
                this._errorCB('open', err);
            });
        return db;
    }

    createTable() {
        if (!db) {
            this.open();
        }
        console.log(db);
        //創(chuàng)建用戶表
        db.transaction((tx) => {
            tx.executeSql('CREATE TABLE IF NOT EXISTS t_order (' +
                'id INTEGER PRIMARY KEY  AUTOINCREMENT,' +
                'orderId VARCHAR,' +
                'createTime VARCHAR,' +
                'nowHolderId VARCHAR,' +
                'nowHolderName VARCHAR,' +
                'lastHolderId VARCHAR,' +
                'lastHolderName VARCHAR)'
                , [], () => {
                    this._successCB('executeSql');
                }, (err) => {
                    this._errorCB('executeSql', err);
                });
        }, (err) => {//所有的 transaction都應(yīng)該有錯誤的回調(diào)方法,在方法里面打印異常信息,不然你可能不會知道哪里出錯了亿傅。
            this._errorCB('transaction', err);
        }, () => {
            this._successCB('transaction');
        });
    }

    deleteData() {
        if (!db) {
            this.open();
        }
        db.transaction((tx) => {
            tx.executeSql('delete from t_order', [], () => {

            });
        });
    }

    dropTable() {
        db.transaction((tx) => {
            tx.executeSql('drop table t_order', [], () => {

            });
        }, (err) => {
            this._errorCB('transaction', err);
        }, () => {
            this._successCB('transaction');
        });
    }

    close() {
        if (db) {
            this._successCB('close');
            db.close();
        } else {
            console.log('SQLiteStorage not open');
        }
        db = null;
    }

    _successCB(name) {
        console.log('SQLiteStorage ' + name + ' success');
    }

    _errorCB(name, err) {
        console.log('SQLiteStorage ' + name);
        console.log(err);
    }

    render() {
        return null;
    }


    //TODO 數(shù)據(jù)庫升級
    checkDataBaseUpdata() {
        StorageUtil.getValueByKeyDbVersion((ret) => {
            console.log(ret);
            let version = ret;
            if (version < database_version) {

                switch (version) {
                case 1:
                    this.migrateV1toV2();
                    // case 2:
                    //     migrateV2toV3();
                }

                StorageUtil.setValueOfDbVersion(database_version);
            }
        });

    }


    migrateV1toV2() {

        this.createTableOrderMessageCountAndTaskReportCount();

    }


    createTableOrderMessageCountAndTaskReportCount() {
        if (!db) {
            this.open();
        }
        console.log(db);
        //創(chuàng)建用戶表
        db.transaction((tx) => {
            tx.executeSql('CREATE TABLE IF NOT EXISTS tOrderMessageCountAndTaskReportCount (' +
                'id INTEGER PRIMARY KEY  AUTOINCREMENT,' +
                'orderId VARCHAR,' +
                'messageCount INTEGER,' +
                'taskReportCount INTEGER)'
                , [], () => {
                    this._successCB('executeSql');
                }, (err) => {
                    this._errorCB('executeSql', err);
                });
        }, (err) => {//所有的 transaction都應(yīng)該有錯誤的回調(diào)方法肴甸,在方法里面打印異常信息前方,不然你可能不會知道哪里出錯了孩革。
            this._errorCB('transaction', err);
        }, () => {
            this._successCB('transaction');
        });
    }


    //todo 增刪改查

    insertOrderData(orderData) {
        let len = orderData.length;
        if (!db) {
            this.open();
        }
        this.createTable();
        // this.deleteData();
        db.transaction((tx) => {
            for (let i = 0; i < len; i++) {
                let order = orderData[i];
                if (
                    order
                    && order.orderId
                    && order.createTime

                ) {
                    let orderId = order.orderId;
                    let createTime = order.createTime;
                    let nowHolderId = order.nowHolderId;
                    let nowHolderName = order.nowHolderName;
                    let lastHolderId = order.lastHolderId;
                    let lastHolderName = order.lastHolderName;


                    let sql = 'INSERT INTO t_order(orderId,createTime,nowHolderId,nowHolderName,lastHolderId,lastHolderName)' +
                        'values(?,?,?,?,?,?)';
                    tx.executeSql(sql, [orderId, createTime, nowHolderId, nowHolderName, lastHolderId, lastHolderName], () => {

                    }, (err) => {
                        console.log(err);
                    }
                    );
                }

            }
        }, (error) => {
            this._errorCB('transaction', error);
            ViewUtil.showToast('數(shù)據(jù)插入失敗');
        }, () => {
            this._successCB('transaction insert data');
            ViewUtil.showToast('成功插入 ' + len + ' 條工單數(shù)據(jù)');
        });
    }


    selectAllOrderData(callback) {
        var orderData = [];
        let len = orderData.length;
        if (!db) {
            this.open();
        }
        // this.createTable();

        db.transaction((tx) => {
            tx.executeSql('SELECT * FROM t_order', [], (tx, results) => {
                console.log('Query completed');
                console.log(tx);
                console.log(results);
                callback(results.rows);
                // Get rows with Web SQL Database spec compliance.
                //
                // var len = results.rows.length;
                // for (let i = 0; i < len; i++) {
                //     let row = results.rows.item(i);
                //     console.log(`Record: ${row.name}`);
                // }
            });
        });

    }


    updateOrInsertOrderData(orderData) {
        if (!db) {
            this.open();
        }
        this.createTable();
        // this.deleteData();
        db.transaction((tx) => {
            let order = orderData;
            if (
                order
                && order.orderId
                && order.createTime

            ) {
                let orderId = order.orderId;
                let createTime = order.createTime;
                let nowHolderId = order.nowHolderId;
                let nowHolderName = order.nowHolderName;
                let lastHolderId = order.lastHolderId;
                let lastHolderName = order.lastHolderName;


                tx.executeSql('SELECT * FROM t_order where orderId=?', [orderId], (tx, results) => {
                    console.log('Query completed');
                    console.log(tx);
                    console.log(results);

                    if (0 < results.rows.length) {//update
                        let sql = 'UPDATE t_order SET createTime = ? nowHolderId = ? nowHolderName = ? lastHolderId = ? lastHolderName = ? WHERE orderId = ?;';
                        tx.executeSql(sql, [createTime, nowHolderId, nowHolderName, lastHolderId, lastHolderName, orderId], () => {

                        }, (err) => {
                            console.log(err);
                        }
                        );
                    } else {//insert
                        let sql = 'INSERT INTO t_order(orderId,createTime,nowHolderId,nowHolderName,lastHolderId,lastHolderName)' +
                            'values(?,?,?)';
                        tx.executeSql(sql, [orderId, createTime, nowHolderId, nowHolderName, lastHolderId, lastHolderName], () => {

                        }, (err) => {
                            console.log(err);
                        }
                        );
                    }
                });


            }


        }, (error) => {
            this._errorCB('transaction', error);
            ViewUtil.showToast('數(shù)據(jù)插入失敗');
        }, () => {
            this._successCB('transaction insert data');
            ViewUtil.showToast('成功插入工單數(shù)據(jù)');
        });
    }


    //TableOrderMessageCountAndTaskReportCount
    selectFromTableOrderMessageCountAndTaskReportCountByOrderId(callback, orderId) {
        // return;
        let orderData = { orderId: orderId, messageCount: 0, taskReportCount: 0 };
        if (!db) {
            this.open();
        }

        db.transaction((tx) => {
            tx.executeSql('SELECT * FROM tOrderMessageCountAndTaskReportCount where orderId=?', [orderId], (tx, results) => {
                console.log('Query completed');
                console.log(tx);
                console.log(results);
                callback(results.rows);
                // Get rows with Web SQL Database spec compliance.
                //
                // var len = results.rows.length;
                // for (let i = 0; i < len; i++) {
                //     let row = results.rows.item(i);
                //     console.log(`Record: ${row.name}`);
                // }
            });
        });
    }


    updateOrInsertDataTableOrderMessageCountAndTaskReportCount(orderData) {
        // return ;
        if (!db) {
            this.open();
        }
        this.createTableOrderMessageCountAndTaskReportCount();
        db.transaction((tx) => {
            let order = orderData;
            if (
                order
                && order.orderId

            ) {
                let orderId = order.orderId;
                let messageCount = order.messageCount || 0;
                let taskReportCount = order.taskReportCount || 0;


                tx.executeSql('SELECT * FROM tOrderMessageCountAndTaskReportCount where orderId=?', [orderId], (tx, results) => {
                    console.log('Query completed');
                    console.log(tx);
                    console.log(results);
                    console.log(order);

                    if (0 < results.rows.length) {//update
                        let sql = 'UPDATE tOrderMessageCountAndTaskReportCount SET messageCount = ?, taskReportCount = ? WHERE orderId = ?;';
                        console.log(sql);
                        tx.executeSql(sql, [messageCount, taskReportCount, orderId], () => {
                            global.TmpDataUtil.orderMessageCountOld = messageCount;
                            global.TmpDataUtil.orderTaskReportCountOld = taskReportCount;
                        }, (err) => {
                            console.log(err);
                        }
                        );
                    } else {//insert
                        let sql = 'INSERT INTO tOrderMessageCountAndTaskReportCount(orderId,messageCount,taskReportCount)' +
                            'values(?,?,?)';
                        console.log(sql);

                        tx.executeSql(sql, [orderId, messageCount, taskReportCount], () => {
                            global.TmpDataUtil.orderMessageCountOld = messageCount;
                            global.TmpDataUtil.orderTaskReportCountOld = taskReportCount;
                        }, (err) => {
                            console.log(err);
                        }
                        );
                    }
                });


            }


        }, (error) => {
            this._errorCB('transaction', error);
            ViewUtil.showToast('數(shù)據(jù)插入失敗');
        }, () => {
            this._successCB('transaction insert data');
            // ViewUtil.showToast('成功插入工單數(shù)據(jù)');
        });
    }


}

ConstantUtil.js


var ConstantUtil = {
    config: {
        sqliteDebuggable: false,
        sqliteDbDisplayName: 'testDb',
        sqliteDbName: 'test.db',
        sqliteDbVersion: 2,
        sqliteDbSize: -1,//-1應(yīng)該是表示無限制
    },
};

module.exports = ConstantUtil;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蜓竹,一起剝皮案震驚了整個濱河市荆几,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌嗜历,老刑警劉巖宣渗,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抖所,死亡現(xiàn)場離奇詭異,居然都是意外死亡痕囱,警方通過查閱死者的電腦和手機(jī)田轧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鞍恢,“玉大人傻粘,你說我怎么就攤上這事“锏簦” “怎么了弦悉?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蟆炊。 經(jīng)常有香客問我稽莉,道長,這世上最難降的妖魔是什么涩搓? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任污秆,我火速辦了婚禮,結(jié)果婚禮上昧甘,老公的妹妹穿的比我還像新娘良拼。我一直安慰自己,他們只是感情好充边,可當(dāng)我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布庸推。 她就那樣靜靜地躺著,像睡著了一般痛黎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上刮吧,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天湖饱,我揣著相機(jī)與錄音,去河邊找鬼杀捻。 笑死井厌,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的致讥。 我是一名探鬼主播仅仆,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼垢袱!你這毒婦竟也來了墓拜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤请契,失蹤者是張志新(化名)和其女友劉穎咳榜,沒想到半個月后夏醉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡涌韩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年畔柔,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臣樱。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡靶擦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出雇毫,到底是詐尸還是另有隱情玄捕,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布嘴拢,位于F島的核電站桩盲,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏席吴。R本人自食惡果不足惜赌结,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望孝冒。 院中可真熱鬧柬姚,春花似錦、人聲如沸庄涡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽穴店。三九已至撕捍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泣洞,已是汗流浹背忧风。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留球凰,地道東北人狮腿。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像呕诉,于是被迫代替她去往敵國和親缘厢。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,678評論 2 354

推薦閱讀更多精彩內(nèi)容