Flutter数据库管理插件indexed_db的使用

在Flutter中，虽然indexed_db本身是一个Web标准的数据库API，通常用于浏览器环境中，但Flutter的跨平台特性使得我们不能直接在Flutter移动端或桌面应用中直接使用它。不过，Flutter社区已经开发了一些插件来简化数据库操作，其中一些插件提供了类似的功能。

为了在Flutter中实现类似indexed_db的功能，我们通常会使用sqflite（用于SQLite数据库）或floor（一个基于sqflite的ORM库）等插件。虽然这些不是indexed_db的直接替代品，但它们提供了强大的本地存储解决方案。

下面我将给出一个使用sqflite在Flutter中管理数据库的基本示例。

1. 添加依赖

首先，在你的pubspec.yaml文件中添加sqflite依赖：

dependencies:
  flutter:
    sdk: flutter
  sqflite: ^2.0.0+4  # 请检查最新版本号

2. 创建数据库助手类

接下来，创建一个数据库助手类来管理数据库的打开、关闭以及基本的CRUD操作。

import 'package:sqflite/sqflite.dart';
import 'package:path/path.dart';

class DatabaseHelper {
  static Database? _db;

  static Future<Database> get db async {
    if (_db != null) return _db!;

    _db = await openDatabase(
      join(await getDatabasesPath(), 'my_database.db'),
      onCreate: (db, version) async {
        await db.execute(
          'CREATE TABLE users (id INTEGER PRIMARY KEY, name TEXT, age INTEGER)',
        );
      },
      version: 1,
    );

    return _db!;
  }

  Future<void> insertUser(String name, int age) async {
    final db = await db;
    await db.insert(
      'users',
      {'name': name, 'age': age},
      conflictAlgorithm: ConflictAlgorithm.replace,
    );
  }

  Future<List<Map<String, dynamic>>> getUsers() async {
    final db = await db;
    final List<Map<String, dynamic>> result = await db.query('users');
    return result;
  }

  Future<void> updateUser(int id, String name, int age) async {
    final db = await db;
    await db.update(
      'users',
      {'name': name, 'age': age},
      where: 'id = ?',
      whereArgs: [id],
    );
  }

  Future<void> deleteUser(int id) async {
    final db = await db;
    await db.delete(
      'users',
      where: 'id = ?',
      whereArgs: [id],
    );
  }
}

3. 使用数据库助手类

现在，你可以在你的Flutter应用中使用这个数据库助手类来执行数据库操作。

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Database Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late Future<List<Map<String, dynamic>>> users;

  @override
  void initState() {
    super.initState();
    DatabaseHelper.db.then((db) {
      db.insertUser('Alice', 30);
      db.insertUser('Bob', 25);
    });
    users = fetchUsers();
  }

  Future<List<Map<String, dynamic>>> fetchUsers() async {
    final dbHelper = DatabaseHelper();
    return dbHelper.getUsers();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Database Demo'),
      ),
      body: FutureBuilder<List<Map<String, dynamic>>>(
        future: users,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            if (snapshot.hasError) {
              return Text('Error: ${snapshot.error}');
            }
            return ListView.builder(
              itemCount: snapshot.data!.length,
              itemBuilder: (context, index) {
                final user = snapshot.data![index];
                return ListTile(
                  title: Text('${user['name']} (${user['age']})'),
                );
              },
            );
          } else {
            return CircularProgressIndicator();
          }
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          final dbHelper = DatabaseHelper();
          dbHelper.insertUser('Charlie', 28);
          setState(() {
            users = fetchUsers();
          });
        },
        tooltip: 'Add User',
        child: Icon(Icons.add),
      ),
    );
  }
}

这个示例展示了如何使用sqflite在Flutter应用中创建、插入、查询和显示用户数据。虽然这不是indexed_db，但它提供了一个类似的功能集，用于在Flutter应用中管理本地数据库。