首頁手記 Flutter數據存儲教程：輕松入門與實戰應用

Flutter數據存儲教程：輕松入門與實戰應用

標簽：

數據庫移動開發

概述

本文详细介绍了Flutter数据存储教程，涵盖SharedPreferences、SQLite数据库和Firebase Realtime Database等多种存储方式。文章不仅解释了每种方式的适用场景，还提供了详细的代码示例。此外，文章还分享了数据存储的最佳实践，确保开发过程中的性能和安全性。通过这些内容，读者可以全面掌握Flutter数据存储技术。

引入Flutter数据存储

在Flutter开发中，数据存储是一个重要的方面。应用程序通常需要存储用户数据、偏好设置、缓存数据等。Flutter提供了多种数据存储方式，包括SharedPreferences、SQLite数据库，以及Firebase Realtime Database等。这些存储方式各有优势，适用于不同的场景。

了解Flutter数据存储的重要性

Flutter数据存储的重要性体现在以下几个方面：

用户数据保护：用户数据的保护至关重要。通过使用安全的数据存储方式，可以确保用户的隐私信息不会被泄露。
应用功能完善：许多应用需要保存用户偏好、应用设置、历史记录等，这些都需要通过数据存储来实现。
用户体验：通过缓存数据，应用可以减少网络请求，从而提高加载速度，提升用户体验。
应用持久性：即使应用被关闭或重新启动，存储的数据仍然存在，可以确保应用的持久性。

常见的数据存储方式介绍

以下是Flutter中几种常见的数据存储方式：

SharedPreferences：用于存储小量的键值对数据，适合存储用户的设置、偏好等。
SQLite数据库：适用于存储结构化的数据，并支持复杂的查询操作。
Firebase Realtime Database：适用于实时数据同步，支持多设备同步，广泛用于社交应用和实时协作工具。

使用SharedPreferences存储简单数据

SharedPreferences是一种轻量级的数据存储方式，用于存储小量的键值对数据。这种方式适合存储用户的偏好设置、登录状态等。

SharedPreferences简介

SharedPreferences允许你在应用中存储和读取键值对数据。这些数据存储在设备的内部存储中，以键值对的形式存在。

如何安装和引入SharedPreferences库

首先，在你的Flutter项目中添加shared_preferences依赖。在pubspec.yaml文件中添加如下依赖：

dependencies:
  shared_preferences: ^2.0.8

然后运行flutter pub get来安装库。

存储和读取简单数据的实战教程

存储数据

要在SharedPreferences中存储数据，可以使用以下代码：

import 'package:shared_preferences/shared_preferences.dart';

Future<void> savePreferences() async {
  final prefs = await SharedPreferences.getInstance();
  prefs.setString('key', 'value');
  prefs.setInt('integer_key', 42);
  prefs.setDouble('double_key', 3.14);
  prefs.setBool('boolean_key', true);
}

读取数据

要从SharedPreferences中读取数据，可以使用以下代码：

import 'package:shared_preferences/shared_preferences.dart';

Future<void> readPreferences() async {
  final prefs = await SharedPreferences.getInstance();
  final stringValue = prefs.getString('key');
  final integer = prefs.getInt('integer_key');
  final doubleValue = prefs.getDouble('double_key');
  final boolValue = prefs.getBool('boolean_key');

  print('String value: $stringValue');
  print('Integer value: $integer');
  print('Double value: $doubleValue');
  print('Boolean value: $boolValue');
}

通过这种方式，你可以轻松地存储和读取简单的键值对数据。

示例项目：设置页面

创建设置页面

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class SettingsPage extends StatefulWidget {
  @override
  _SettingsPageState createState() => _SettingsPageState();
}

class _SettingsPageState extends State<SettingsPage> {
  String _stringValue = 'Default value';
  int _integerValue = 42;
  double _doubleValue = 3.14;
  bool _boolValue = true;

  Future<void> saveSettings() async {
    final prefs = await SharedPreferences.getInstance();
    prefs.setString('key', _stringValue);
    prefs.setInt('integer_key', _integerValue);
    prefs.setDouble('double_key', _doubleValue);
    prefs.setBool('boolean_key', _boolValue);
    setState(() {});
  }

  Future<void> readSettings() async {
    final prefs = await SharedPreferences.getInstance();
    _stringValue = prefs.getString('key') ?? 'Default value';
    _integerValue = prefs.getInt('integer_key') ?? 42;
    _doubleValue = prefs.getDouble('double_key') ?? 3.14;
    _boolValue = prefs.getBool('boolean_key') ?? true;
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Settings'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              onChanged: (value) {
                _stringValue = value;
              },
            ),
            TextField(
              onChanged: (value) {
                _integerValue = int.parse(value);
              },
            ),
            TextField(
              onChanged: (value) {
                _doubleValue = double.parse(value);
              },
            ),
            Checkbox(
              value: _boolValue,
              onChanged: (bool value) {
                _boolValue = value;
                setState(() {});
              },
            ),
            ElevatedButton(
              onPressed: saveSettings,
              child: Text('Save Settings'),
            ),
            ElevatedButton(
              onPressed: readSettings,
              child: Text('Read Settings'),
            ),
          ],
        ),
      ),
    );
  }
}

通过这个简单的设置页面，你可以存储和读取用户的偏好设置。

通过SQLite数据库存储结构化数据

SQLite数据库是一种轻量级的关系型数据库，适用于存储和管理结构化的数据。在Flutter中，你可以使用flutter_sqlite插件来操作SQLite数据库。

SQLite数据库简介

SQLite数据库是本地存储的一种方式，它允许你创建表、执行查询，并存储和检索数据。由于SQLite是轻量级的，因此非常适合移动应用。

创建数据库、表及增删改查操作

创建数据库和表

首先，在pubspec.yaml文件中添加如下依赖：

dependencies:
  flutter_sqlite: ^1.0.0

然后运行flutter pub get来安装库。

接下来，创建数据库和表：

import 'package:flutter_sqlite/flutter_sqlite.dart';

Future<void> createDatabase() async {
  final db = await FlutterSQLite.openDatabase('test.db');

  await db.execute('''
    CREATE TABLE IF NOT EXISTS users (
      id INTEGER PRIMARY KEY,
      name TEXT NOT NULL,
      email TEXT NOT NULL
    )
  ''');
}

增删改查操作

插入数据

Future<void> insertUser() async {
  final db = await FlutterSQLite.openDatabase('test.db');

  await db.execute('''
    INSERT INTO users (name, email) VALUES ('John Doe', '[email protected]')
  ''');
}

查询数据

Future<void> queryUser() async {
  final db = await FlutterSQLite.openDatabase('test.db');

  final result = await db.query('users', columns: ['name', 'email']);

  result.forEach((row) {
    print('Name: ${row['name']}, Email: ${row['email']}');
  });
}

更新数据

Future<void> updateUser() async {
  final db = await FlutterSQLite.openDatabase('test.db');

  await db.execute('''
    UPDATE users SET email = '[email protected]' WHERE name = 'John Doe'
  ''');
}

删除数据

Future<void> deleteUser() async {
  final db = await FlutterSQLite.openDatabase('test.db');

  await db.execute('''
    DELETE FROM users WHERE name = 'John Doe'
  ''');
}

通过这些操作，你可以轻松地创建数据库、表，并进行增删改查操作。

示例项目：创建一个简单的待办事项应用

创建待办事项表

Future<void> createTodoTable() async {
  final db = await FlutterSQLite.openDatabase('todo.db');

  await db.execute('''
    CREATE TABLE IF NOT EXISTS todos (
      id INTEGER PRIMARY KEY,
      title TEXT NOT NULL,
      completed BOOLEAN NOT NULL
    )
  ''');
}

添加待办事项

Future<void> addTodo(String title, bool completed) async {
  final db = await FlutterSQLite.openDatabase('todo.db');

  await db.execute('''
    INSERT INTO todos (title, completed) VALUES (?, ?)
  ''', [title, completed]);
}

查询待办事项

Future<List<Map<String, dynamic>>> fetchTodos() async {
  final db = await FlutterSQLite.openDatabase('todo.db');

  final result = await db.query('todos', columns: ['title', 'completed']);

  return result;
}

更新待办事项状态

Future<void> updateTodoStatus(int id, bool completed) async {
  final db = await FlutterSQLite.openDatabase('todo.db');

  await db.execute('''
    UPDATE todos SET completed = ? WHERE id = ?
  ''', [completed, id]);
}

删除待办事项

Future<void> deleteTodo(int id) async {
  final db = await FlutterSQLite.openDatabase('todo.db');

  await db.execute('''
    DELETE FROM todos WHERE id = ?
  ''', [id]);
}

创建待办事项应用主界面

import 'package:flutter/material.dart';
import 'package:flutter_sqlite/flutter_sqlite.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await createTodoTable();
  runApp(TodoApp());
}

class TodoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Todo App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TodoListPage(),
    );
  }
}

class TodoListPage extends StatefulWidget {
  @override
  _TodoListPageState createState() => _TodoListPageState();
}

class _TodoListPageState extends State<TodoListPage> {
  List<Map<String, dynamic>> _todos = [];
  final TextEditingController _titleController = TextEditingController();

  Future<void> fetchTodos() async {
    final todos = await fetchTodos();
    setState(() {
      _todos = todos;
    });
  }

  Future<void> addTodo() async {
    final title = _titleController.text;
    await addTodo(title, false);
    _titleController.clear();
    fetchTodos();
  }

  Future<void> updateTodoStatus(int id) async {
    final isCompleted = !_todos[id]['completed'];
    await updateTodoStatus(id, isCompleted);
    fetchTodos();
  }

  Future<void> deleteTodo(int id) async {
    await deleteTodo(id);
    fetchTodos();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Todo List'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _titleController,
              decoration: InputDecoration(labelText: 'Add new todo'),
            ),
            ElevatedButton(
              onPressed: addTodo,
              child: Text('Add Todo'),
            ),
            Expanded(
              child: ListView.builder(
                itemCount: _todos.length,
                itemBuilder: (context, index) {
                  final todo = _todos[index];
                  return ListTile(
                    title: Text(todo['title']),
                    trailing: Checkbox(
                      value: todo['completed'],
                      onChanged: (value) {
                        updateTodoStatus(todo['id']);
                      },
                    ),
                    onLongPress: () {
                      deleteTodo(todo['id']);
                    },
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

通过这些代码，你可以创建一个简单的待办事项应用，实现待办事项的添加、查询、更新和删除功能。

使用Firebase Realtime Database进行实时数据存储

Firebase Realtime Database是一种云数据库，支持实时数据同步。它非常适合社交应用、协作工具等需要实时同步数据的场景。

Firebase Realtime Database简介

Firebase Realtime Database是一个基于云端的实时数据库，可以存储和同步结构化的数据。它支持实时数据变更，并通过WebSocket将数据推送到客户端。

如何注册Firebase账号及配置Flutter项目

注册Firebase账号

访问Firebase官网并注册一个Firebase账号。
创建一个新项目，然后进入项目设置，下载google-services.json文件。
将google-services.json文件添加到你的Flutter项目中。

配置Flutter项目

在pubspec.yaml文件中添加firebase_database依赖：

dependencies:
  firebase_database: ^9.0.0

运行flutter pub get来安装依赖。

在项目根目录下创建android/app/src/main/目录，并将google-services.json文件放置在该目录下。

初始化Firebase

在main.dart文件中初始化Firebase：

import 'package:firebase_database/firebase_database.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

实现数据的实时更新和同步

创建节点

final DatabaseReference databaseReference = FirebaseDatabase.instance.reference().child('todos');

Future<void> createTodo(String title) async {
  final data = {'title': title, 'completed': false};
  await databaseReference.push().set(data);
}

查询节点

Future<void> fetchTodos() async {
  final snapshot = await databaseReference.once();
  final data = snapshot.value as Map<dynamic, dynamic>;

  data.forEach((key, value) {
    print('Title: ${value['title']}, Completed: ${value['completed']}');
  });
}

更新节点

Future<void> updateTodoStatus(String key, bool completed) async {
  final data = {'completed': completed};
  await databaseReference.child(key).update(data);
}

删除节点

Future<void> deleteTodo(String key) async {
  await databaseReference.child(key).remove();
}

创建实时数据存储应用主界面

import 'package:flutter/material.dart';
import 'package:firebase_database/firebase_database.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(TodoApp());
}

class TodoApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Todo App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TodoListPage(),
    );
  }
}

class TodoListPage extends StatefulWidget {
  @override
  _TodoListPageState createState() => _TodoListPageState();
}

class _TodoListPageState extends State<TodoListPage> {
  final DatabaseReference databaseReference = FirebaseDatabase.instance.reference().child('todos');
  List<Map<String, dynamic>> _todos = [];

  void fetchTodos() async {
    final snapshot = await databaseReference.once();
    final data = snapshot.value as Map<dynamic, dynamic>;

    setState(() {
      _todos = data.entries.map((entry) => entry.value).toList();
    });
  }

  void addTodo(String title) async {
    final data = {'title': title, 'completed': false};
    await databaseReference.push().set(data);
    fetchTodos();
  }

  void updateTodoStatus(String key, bool completed) async {
    final data = {'completed': completed};
    await databaseReference.child(key).update(data);
    fetchTodos();
  }

  void deleteTodo(String key) async {
    await databaseReference.child(key).remove();
    fetchTodos();
  }

  @override
  void initState() {
    super.initState();
    fetchTodos();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Todo List'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              onSubmitted: (value) {
                addTodo(value);
                _titleController.clear();
              },
              controller: TextEditingController(),
              decoration: InputDecoration(labelText: 'Add new todo'),
            ),
            Expanded(
              child: ListView.builder(
                itemCount: _todos.length,
                itemBuilder: (context, index) {
                  final todo = _todos[index];
                  return ListTile(
                    title: Text(todo['title']),
                    trailing: Checkbox(
                      value: todo['completed'],
                      onChanged: (value) {
                        updateTodoStatus(todo['key'], !todo['completed']);
                      },
                    ),
                    onLongPress: () {
                      deleteTodo(todo['key']);
                    },
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

通过这个实时数据存储应用，你可以实现待办事项的添加、查询、更新和删除功能，并且数据变更会实时推送到所有连接的客户端。

Flutter数据存储的最佳实践

在使用Flutter进行数据存储时，有一些设计原则和注意事项需要考虑，以确保数据的安全性和性能。

数据存储的设计原则

数据隔离：确保不同的数据类型存储在不同的表或节点中，避免数据混杂。
索引合理：合理设计索引，提高查询效率。
数据一致性：确保数据的一致性和完整性，避免数据丢失。
数据备份：定期备份数据，以防数据丢失。

性能优化和安全性的注意事项

缓存策略：合理使用缓存，减少不必要的数据库请求。
查询优化：减少查询的复杂度，避免不必要的数据加载。
数据加密：对敏感数据进行加密处理，确保数据的安全性。
权限控制：合理设置数据访问权限，避免数据被非法访问。

示例：使用缓存策略

import 'package:shared_preferences/shared_preferences.dart';

Future<void> cacheData(String key, String value) async {
  final prefs = await SharedPreferences.getInstance();
  prefs.setString(key, value);
}

Future<String> getCachedData(String key) async {
  final prefs = await SharedPreferences.getInstance();
  return prefs.getString(key) ?? 'default_value';
}

示例：数据加密

import 'package:encrypt/encrypt.dart';

Future<void> encryptData(String key, String value) async {
  final key = Key.fromUtf8('my_secret_key');
  final iv = IV.fromLength(16);
  final encrypter = Encrypter(AES(key));
  final encrypted = encrypter.encrypt(value, iv: iv);
  print('Encrypted: ${encrypted.bytes}');
}

Future<String> decryptData(String encryptedData) async {
  final key = Key.fromUtf8('my_secret_key');
  final iv = IV.fromBase64('my_initialization_vector');
  final encrypter = Encrypter(AES(key));
  final decrypted = encrypter.decrypt(Encrypted(base64.decode(encryptedData)), iv: iv);
  return decrypted;
}

通过这些最佳实践，你可以确保数据存储的安全性和性能。

练习与进阶

要更好地掌握Flutter数据存储，可以通过练习和进阶来加深理解和应用能力。

推荐的练习项目和资源

练习项目

待办事项应用：实现一个包含添加、删除、编辑待办事项功能的待办事项应用。
聊天应用：使用Firebase Realtime Database实现一个简单的实时聊天应用。
用户偏好设置：使用SharedPreferences存储用户的偏好设置，如主题色、字体大小等。

进一步学习的建议

深入理解Flutter框架：学习Flutter框架的基本原理和架构，了解其核心组件的工作方式。
掌握多种数据存储方式：除了SharedPreferences和SQLite，还可以学习其他数据存储方式，如Hive、Flare等。
实践项目：通过实际项目来应用所学的知识，提高实战能力。

进一步学习的资源

Flutter官网提供了详细的文档和示例代码。
GitHub上有许多开源的Flutter项目，可以学习和参考。
Flutter中文网是一个专注于Flutter中文资源的网站，提供了丰富的教程和示例。

通过这些练习和资源，你可以进一步提升自己在Flutter数据存储方面的技能。

點擊查看更多內容

為 TA 點贊

若覺得本文不錯，就分享一下吧！

評論

評論

共同學習，寫下你的評論

評論加載中...

展開查看更多評論

作者其他優質文章

正在加載中

qq_遁去的一_1

手記
篇

粉絲

7

獲贊與收藏

23

關注作者，訂閱最新文章

閱讀免費教程

ThinkPHP 入門教程

28個小節 12714 127

PyCharm 編輯器教程

37個小節 27100 415

后端通用面試教程

41個小節 32074 358

推薦

評論

收藏

共同學習，寫下你的評論



感謝您的支持，我會繼續努力的～

掃碼打賞，你說多少就多少

贊賞金額會直接到老師賬戶

支付方式

打開微信掃一掃，即可進行掃碼打賞哦

今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與放棄機會

點擊
抽獎

慕課手記新用戶專享福利

恭喜你，你的運氣太好了，居然抽中了 100個積分！

恭喜你，抽中了價值元的專欄！

太棒了，直接落到你賬戶里！

積分商城里的羅技鼠標、機械鍵盤、
Kindle 閱讀器、小米平衡車
Apple iPad （10.2英寸）、大額優惠券
在等著你去兌換了噢

作者：

免費贈送

兌換碼：1111222211 復制

優惠券可用于購買實戰課、體系課
無門檻使用

先去看看，有什么好東西馬上兌換我愛學習，選課去


亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

Flutter數據存儲教程：輕松入門與實戰應用

存储数据

读取数据

创建设置页面

创建数据库和表

增删改查操作

插入数据

查询数据

更新数据

删除数据

创建待办事项表

添加待办事项

查询待办事项

更新待办事项状态

删除待办事项

创建待办事项应用主界面

注册Firebase账号

配置Flutter项目

初始化Firebase

创建节点

查询节点

更新节点

删除节点

创建实时数据存储应用主界面

示例：使用缓存策略

示例：数据加密

练习项目

推荐资源

进一步学习的建议

进一步学习的资源

閱讀免費教程

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Flutter數據存儲教程：輕松入門與實戰應用

存储数据

读取数据

创建设置页面

创建数据库和表

增删改查操作

插入数据

查询数据

更新数据

删除数据

创建待办事项表

添加待办事项

查询待办事项

更新待办事项状态

删除待办事项

创建待办事项应用主界面

注册Firebase账号

配置Flutter项目

初始化Firebase

创建节点

查询节点

更新节点

删除节点

创建实时数据存储应用主界面

示例：使用缓存策略

示例：数据加密

练习项目

推荐资源

进一步学习的建议

进一步学习的资源

閱讀免費教程