ReactNative进阶(十一):realm 数据库

举报
SHQ5785 发表于 2021/05/08 01:14:25 2021/05/08
【摘要】 realm 是一款专为移动端开发的高性能数据库,其宣称自己是最快的 react-native 数据库。 realm 优点如下: 简单易用;跨平台;快速,性能优越;提供高级功能。realm 核心数据引擎用 C++ 打造,并不是建立在 SQLite 之上的 ORM。因此性能就是比普通的 ORM 要快很多,甚至比单独无封装的 SQLite 还要快。同时因为是ORM,...

realm 是一款专为移动端开发的高性能数据库,其宣称自己是最快的 react-native 数据库。

realm 优点如下:

  1. 简单易用;
  2. 跨平台;
  3. 快速,性能优越;
  4. 提供高级功能。realm 核心数据引擎用 C++ 打造,并不是建立在 SQLite 之上的 ORM。因此性能就是比普通的 ORM 要快很多,甚至比单独无封装的 SQLite 还要快。同时因为是ORM,本身在设计时也针对移动设备(iOS、Android),所以简单易用,学习成本很低。

一、安装依赖

npm i -S realm
react-native link

  
 
  • 1
  • 2

二、使用

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) }) })
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75

2)调用文件

import React, {Component} from "react";
import {StyleSheet, Text, ToastAndroid, TouchableHighlight, View,} from 'react-native';
import { HistoryTableName, CityTableName, clearAllFromRealm, queryAllFromRealm, writeToRealm, clearRowFromRealm
} from "./RealmUtil";

export default class TestRealm 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 in list) { 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 in list) { ToastAndroid.show('城市ID:' + list[key].city_id + ',城市名:' + list[key].city_name, ToastAndroid.SHORT); } }); } render() { return ( <View style={{flex: 1}}> <View style={{padding: 10}}><Text>1操作</Text></View> <TouchableHighlight onPress={() => this._delRowData()} style={styles.button} underlayColor="#a5a5a5"> <Text>删除第一行</Text> </TouchableHighlight> <TouchableHighlight onPress={() => this._addData()} style={styles.button} underlayColor="#a5a5a5"> <Text>增加数据</Text> </TouchableHighlight> <TouchableHighlight onPress={() => this._updateData()} style={styles.button} underlayColor="#a5a5a5"> <Text>修改数据</Text> </TouchableHighlight> <TouchableHighlight onPress={() => this._readAllData()} style={styles.button} underlayColor="#a5a5a5"> <Text>读取全部数据</Text> </TouchableHighlight> <View style={{padding: 10, marginTop: 10}}><Text>2操作</Text></View> <TouchableHighlight onPress={() => this._addData2()} style={styles.button} underlayColor="#a5a5a5"> <Text>增加数据</Text> </TouchableHighlight> <TouchableHighlight onPress={() => this._readAllData2()} style={styles.button} underlayColor="#a5a5a5"> <Text>读取全部数据</Text> </TouchableHighlight> </View> ); }
}

const styles = StyleSheet.create({ button: { margin: 3, backgroundColor: 'white', padding: 10, borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: '#cdcdcd' },
});

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112

三、如何查看数据文件

工具:Genymotion模拟器

思路:使用 adb 命令 ,先复制到本地,然后用 Realm Studio 打开 realm 文件即可!

步骤如下:

1)先连接远程

adb remount

  
 
  • 1

2)查看对应目录下文件

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

  
 
  • 1

看到结果如下:

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

  
 
  • 1

注意: com.testdemo 为自己的包名,要对应的修改 。 最后的 d:/m 为 自己要复制的win目录。

文章来源: shq5785.blog.csdn.net,作者:No Silver Bullet,版权归原作者所有,如需转载,请联系作者。

原文链接:shq5785.blog.csdn.net/article/details/116162792

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。