Flutter数据存储插件ai_storage的使用

Flutter数据存储插件ai_storage的使用

在本教程中，我们将展示如何使用ai_storage插件来存储AI记录。ai_storage是一个非常方便的插件，可以轻松地帮助你在Flutter应用中管理数据。

安装插件

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

dependencies:
  ai_storage: ^1.0.0

然后运行flutter pub get以安装插件。

初始化数据库

在你的应用启动时，你需要初始化Isar数据库。你可以在main.dart或任何合适的地方进行初始化。

import 'package:ai_storage/ai_storage.dart';

void main() async {
  // 初始化Isar数据库
  await Isar.init();

  runApp(MyApp());
}

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

定义模型

为了存储AI记录，我们需要定义一个模型类。假设我们有一个名为AIArtifact的类，用于表示AI记录。

import 'package:ai_storage/ai_storage.dart';

part 'aia_artifact.g.dart';

@collection
class AIArtifact {
  Id id = Isar.autoIncrement; // 自增ID
  String name;
  DateTime createdAt;

  AIArtifact({required this.name, required this.createdAt});
  
  // 构造函数
  AIArtifact.create({required this.name}) : createdAt = DateTime.now();
}

插入数据

现在我们可以向数据库中插入一些数据。在你的页面中，你可以创建一个新的AI记录并保存到数据库中。

import 'package:flutter/material.dart';
import 'package:ai_storage/ai_storage.dart';
import 'aia_artifact.dart'; // 导入之前定义的模型类

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late Future<AIArtifact> _futureArtifact;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 创建一个新的AI记录
    final newArtifact = AIArtifact.create(name: "新AI记录");
    // 将其保存到数据库中
    _futureArtifact = AIArtifact.put(newArtifact);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Isar Demo'),
      ),
      body: Center(
        child: FutureBuilder<AIArtifact>(
          future: _futureArtifact,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.done) {
              if (snapshot.hasError) {
                return Text("加载失败: ${snapshot.error}");
              } else {
                final artifact = snapshot.data!;
                return Text("已保存的AI记录: ${artifact.name}");
              }
            } else {
              return CircularProgressIndicator();
            }
          },
        ),
      ),
    );
  }
}

查询数据

接下来，让我们查询刚刚插入的数据，并将其显示在界面上。

import 'package:flutter/material.dart';
import 'package:ai_storage/ai_storage.dart';
import 'aia_artifact.dart'; // 导入之前定义的模型类

class QueryPage extends StatefulWidget {
  [@override](/user/override)
  _QueryPageState createState() => _QueryPageState();
}

class _QueryPageState extends State<QueryPage> {
  late List<AIArtifact> _artifacts;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 查询所有AI记录
    _artifacts = AIArtifact.getAll();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('查询AI记录'),
      ),
      body: ListView.builder(
        itemCount: _artifacts.length,
        itemBuilder: (context, index) {
          final artifact = _artifacts[index];
          return ListTile(
            title: Text(artifact.name),
            subtitle: Text("${artifact.createdAt}"),
          );
        },
      ),
    );
  }
}

更新数据

现在我们已经插入并查询了一些数据，接下来我们尝试更新这些数据。

import 'package:flutter/material.dart';
import 'package:ai_storage/ai_storage.dart';
import 'aia_artifact.dart'; // 导入之前定义的模型类

class UpdatePage extends StatefulWidget {
  [@override](/user/override)
  _UpdatePageState createState() => _UpdatePageState();
}

class _UpdatePageState extends State<UpdatePage> {
  late AIArtifact _artifact;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 查询一个AI记录
    _artifact = AIArtifact.getAll().first;
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('更新AI记录'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 更新AI记录的名称
            _artifact.name = "更新后的AI记录";
            await AIArtifact.put(_artifact);
            setState(() {});
          },
          child: Text('更新'),
        ),
      ),
    );
  }
}

删除数据

最后，我们来看看如何删除数据。假设你已经从数据库中获取了一个AIArtifact对象。

import 'package:flutter/material.dart';
import 'package:ai_storage/ai_storage.dart';
import 'aia_artifact.dart'; // 导入之前定义的模型类

class DeletePage extends StatefulWidget {
  [@override](/user/override)
  _DeletePageState createState() => _DeletePageState();
}

class _DeletePageState extends State<DeletePage> {
  late AIArtifact _artifact;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 查询一个AI记录
    _artifact = AIArtifact.getAll().first;
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('删除AI记录'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 删除AI记录
            await AIArtifact.delete(_artifact.id);
            setState(() {});
          },
          child: Text('删除'),
        ),
      ),
    );
  }
}