ReactNative realm 数据库讲解

举报
SHQ5785 发表于 2023/04/10 10:26:08 2023/04/10
【摘要】 一、前言realm 是一款专为移动端开发的高性能数据库,其宣称是最快的 react-native 数据库。realm 优点如下:简单易用;跨平台;快速,性能优越;提供高级功能。realm 核心数据引擎使用 C++ 打造,并不是建立在 SQLite 之上的 ORM。因此性能就比普通的 ORM 要快很多,甚至比单独无封装的 SQLite 还要快。同时因为是ORM,本身在设计时也针对移动设备(i...

一、前言

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)先定义工具文件

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";

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'
    },
});

四、如何查看数据文件

工具:Genymotion模拟器

思路:使用 adb 命令 ,先复制到本地,然后用 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目录。

五、拓展阅读

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

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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