react native連接配接mysql_[RN] React Native 使用 realm 資料庫

React Native 使用 realm  資料庫

realm 是一款專為移動 ​ 端開發的高性能資料庫，其宣稱自己是最快的 react-native 資料庫。

realm 整體的優點有這麼四點：

1.簡單易用，

2.跨平台，

3.快速性能優越，

4.提供進階功能。realm 核心資料引擎用 C++ 打造，并不是建立在 SQLite 之上的 ORM。是以性能就是比普通的 ORM 要快很多，甚至比單獨無封裝的 SQLite 還要快。同時因為是 ORM，本身在設計時也針對移動裝置(iOS、Android)，是以簡單易用，學習成本很低。

一、安裝依賴

npm i -S realm

Link

react-native link

二、使用

1)先定義工具檔案

RealmUtil.js

import Realm from 'realm';

export const HistoryTableName = 'History';

export const CityTableName = 'City';

const HistorySchema = {

name: HistoryTableName,

primaryKey: 'id',

properties: {

id: 'int',

name: 'string',

}

};

const CitySchema = {

name: CityTableName,

primaryKey: 'city_id',

properties: {

city_id: 'int',

city_name: 'string',

}

};

const instance = new Realm({

schema: [

HistorySchema,

CitySchema,

],

deleteRealmIfMigrationNeeded: true,

inMemory: false,

});

export function writeToRealm(obj,tabName) {

return new Promise((resolve, reject) => {

instance.write(() => {

instance.create(tabName, obj, true)

resolve(true)

})

})

}

export function queryAllFromRealm(tabName) {

return new Promise((resolve, reject) => {

let obj = instance.objects(tabName);

let objStr = JSON.stringify(obj);

resolve(JSON.parse(objStr))

})

}

export function clearAllFromRealm(tabName) {

return new Promise((resolve, reject) => {

instance.write(() => {

let arrays = instance.objects(tabName);

instance.delete(arrays);

resolve(true)

})

})

}

export function clearRowFromRealm(id,tabName) {

return new Promise((resolve, reject) => {

instance.write(() => {

let arrays = instance.objects(tabName);

let row = arrays.filtered('id==' + id);

instance.delete(row);

resolve(true)

})

})

}

2)調用檔案

import React, {Component} from "react";

import {StyleSheet, Text, ToastAndroid, TouchableHighlight, View,}from 'react-native';

import {

HistoryTableName,

CityTableName,

clearAllFromRealm,

queryAllFromRealm,

writeToRealm,

clearRowFromRealm

}from "./RealmUtil";

exportdefault classTestRealm extends Component {

componentWillMount() {

}//表1操作

_addData() {

clearAllFromRealm(HistoryTableName);

let row1= {"id": 1, "name": "戰狼1"};

writeToRealm(row1, HistoryTableName).then(()=>{

ToastAndroid.show('寫入完成1', ToastAndroid.SHORT);

});

let row2= {"id": 2, "name": "戰狼2"};

writeToRealm(row2, HistoryTableName).then(()=>{

ToastAndroid.show('寫入完成2', ToastAndroid.SHORT);

});

}

_readAllData() {

queryAllFromRealm(HistoryTableName).then((list)=>{for (let key inlist) {

ToastAndroid.show('id:' + list[key].id + ',name:' +list[key].name, ToastAndroid.SHORT);

}

});

}

_updateData() {

let row2= {"id": 2, "name": "北京222"};

writeToRealm(row2, HistoryTableName).then(()=>{

ToastAndroid.show('修改完成', ToastAndroid.SHORT);

});

}

_delRowData() {//删除第一行

clearRowFromRealm(1, HistoryTableName).then(() =>{

ToastAndroid.show('删除完成', ToastAndroid.SHORT);

});

}//表2操作

_addData2() {

clearAllFromRealm(CityTableName);

let row1= {"city_id": 1, "city_name": "上海"};

writeToRealm(row1, CityTableName).then(()=>{

ToastAndroid.show('2寫入完成1', ToastAndroid.SHORT);

});

let row2= {"city_id": 2, "city_name": "北京"};

writeToRealm(row2, CityTableName).then(()=>{

ToastAndroid.show('2寫入完成2', ToastAndroid.SHORT);

});

}

_readAllData2() {

queryAllFromRealm(CityTableName).then((list)=>{for (let key inlist) {

ToastAndroid.show('城市ID:' + list[key].city_id + ',城市名:' +list[key].city_name, ToastAndroid.SHORT);

}

});

}

render() {return(

表1操作

this._delRowData()} style={styles.button} underlayColor="#a5a5a5">

删除第一行

this._addData()} style={styles.button} underlayColor="#a5a5a5">

增加資料

this._updateData()} style={styles.button} underlayColor="#a5a5a5">

修改資料

this._readAllData()} style={styles.button} underlayColor="#a5a5a5">

讀取全部資料

表2操作

this._addData2()} style={styles.button} underlayColor="#a5a5a5">

增加資料

this._readAllData2()} style={styles.button} underlayColor="#a5a5a5">

讀取全部資料

);

}

}const styles =StyleSheet.create({

button: {

margin:3,

backgroundColor:'white',

padding:10,

borderBottomWidth: StyleSheet.hairlineWidth,

borderBottomColor:'#cdcdcd'},

});

三、如何檢視資料檔案

筆者是在Genymotion模拟器裡測試的

思路是使用 adb 指令 ，先 複制到本地 windows 下，然後用 Realm Studio 打開 realm 檔案即可！

複制步驟如下:

1)先連接配接遠端

adb remount

2)檢視對應目錄下檔案

adb ls /data/data/com.testdemo/files

看到結果如下：

000041f9 00001000 5cece0e8 .

000041e9 00001000 5cece048 ..

000041c0 00001000 5cece0e8 default.realm.management

00008180 00316390 5cece0e7 ReactNativeDevBundle.js

00008180 00000498 5cece0fe default.realm.lock

00008180 00004000 5cece0fc default.realm

00001180 00000000 5cece0fc default.realm.note

3)對，沒錯，然後複制  default.realm  出來就行

adb pull /data/data/com.testdemo/files/default.realm d:/m

注意： com.testdemo   為自己的包名，要對應的修改 。 最後的 d:/m  為 自己要複制的win目錄。

轉載請著名出處！謝謝~~

今日心得：

苦難