news 2026/4/23 18:39:04

用 Drift 实现 Repository 无缝接入本地缓存/数据库(SWR:先快后准)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
用 Drift 实现 Repository 无缝接入本地缓存/数据库(SWR:先快后准)

1)依赖与初始化(pubspec 思路)

常见组合(按你项目选):

  • drift

  • drift_flutter(Flutter 项目推荐)

  • sqlite3_flutter_libs(iOS/Android 自带 sqlite)

  • path_provider+path

(版本你用最新即可)

2)Drift 表结构:profiles

关键字段:updatedAtMs用来做 TTL / 过期判断

import 'package:drift/drift.dart'; class Profiles extends Table { TextColumn get id => text()(); // 主键 TextColumn get name => text()(); TextColumn get avatar => text().nullable()(); IntColumn get updatedAtMs => integer()(); // 记录更新时间(毫秒) @override Set<Column> get primaryKey => {id}; }

3)Database 定义(AppDatabase)

使用drift_flutterNativeDatabase.createInBackground最省心。

import 'dart:io'; import 'package:drift/drift.dart'; import 'package:drift/drift.dart' as drift; import 'package:drift_flutter/drift_flutter.dart'; part 'app_database.g.dart'; @DriftDatabase(tables: [Profiles], daos: [ProfileDao]) class AppDatabase extends _$AppDatabase { AppDatabase() : super(_openConnection()); @override int get schemaVersion => 1; } LazyDatabase _openConnection() { return LazyDatabase(() async { return drift_flutter.openDatabase( name: 'app.db', native: const DriftNativeOptions( shareAcrossIsolates: true, ), ); }); }

说明:

  • part 'app_database.g.dart';需要 build_runner 生成

  • 文件名你可以按你工程改,比如db.dart

4)DAO:ProfileDao(watch + get + upsert)

Repository 最喜欢 DAO 提供这几个方法。

import 'package:drift/drift.dart'; import 'app_database.dart'; part 'profile_dao.g.dart'; @DriftAccessor(tables: [Profiles]) class ProfileDao extends DatabaseAccessor<AppDatabase> with _$ProfileDaoMixin { ProfileDao(AppDatabase db) : super(db); Stream<Profile?> watchProfile(String id) { return (select(profiles)..where((t) => t.id.equals(id))) .watchSingleOrNull(); } Future<Profile?> getProfile(String id) { return (select(profiles)..where((t) => t.id.equals(id))) .getSingleOrNull(); } Future<void> upsertProfile(ProfilesCompanion data) async { await into(profiles).insertOnConflictUpdate(data); } Future<void> deleteProfile(String id) async { await (delete(profiles)..where((t) => t.id.equals(id))).go(); } Future<void> clearAll() async { await delete(profiles).go(); } }

5)Domain Model + Mapper(别省略,后期维护靠它)

Domain Model

class ProfileModel { final String id; final String name; final String? avatar; ProfileModel({required this.id, required this.name, this.avatar}); }

Mapper:Drift Row ↔ Domain

Drift 的 row 类型叫Profile(与表名 Profiles 对应),下面示例:

import 'app_database.dart'; class ProfileMapper { static ProfileModel toModel(Profile row) { return ProfileModel( id: row.id, name: row.name, avatar: row.avatar, ); } static ProfilesCompanion toCompanion(ProfileModel m) { return ProfilesCompanion.insert( id: m.id, name: m.name, avatar: Value(m.avatar), updatedAtMs: DateTime.now().millisecondsSinceEpoch, ); } }

6)Remote API(Dio 获取网络数据)

接口层只负责“拿远端”,Repository 负责策略。

abstract class ProfileApi { Future<ProfileModel> fetchProfile(String id); }

7)Repository:DB 单一事实源 + refresh 回写(推荐)

7.1 watch:页面自动更新

class ProfileRepository { final ProfileApi api; final ProfileDao dao; ProfileRepository({required this.api, required this.dao}); Stream<ProfileModel?> watchProfile(String id) { return dao.watchProfile(id).map((row) => row == null ? null : ProfileMapper.toModel(row)); } Future<void> refreshProfile(String id) async { final remote = await api.fetchProfile(id); await dao.upsertProfile(ProfileMapper.toCompanion(remote)); } }

页面使用方式(思路):

  • UI 订阅watchProfile(id)→ 立即显示 DB 数据

  • 下拉刷新调用refreshProfile(id)→ 网络成功后写 DB → UI 自动更新

8)再加一层“TTL 过期策略”(先快后准 + 后台刷新)

如果你还想:DB 有旧数据先出,再判断过期自动刷新:

class CachePolicy { final Duration ttl; CachePolicy(this.ttl); bool isExpired(int updatedAtMs) { final age = DateTime.now().millisecondsSinceEpoch - updatedAtMs; return age > ttl.inMilliseconds; } } class ProfileRepositoryWithTtl { final ProfileApi api; final ProfileDao dao; final CachePolicy policy; ProfileRepositoryWithTtl({required this.api, required this.dao, required this.policy}); Stream<ProfileModel?> watchProfile(String id) { return dao.watchProfile(id).map((row) => row == null ? null : ProfileMapper.toModel(row)); } /// 页面进入时调用一次:如果过期就后台刷新 Future<void> refreshIfExpired(String id) async { final cached = await dao.getProfile(id); if (cached == null || policy.isExpired(cached.updatedAtMs)) { await refreshProfile(id); } } Future<void> refreshProfile(String id) async { final remote = await api.fetchProfile(id); await dao.upsertProfile(ProfileMapper.toCompanion(remote)); } }

9)和 401 自动刷新 Token 如何衔接?

完全无感:
Repository 调api.fetchProfile,Dio 层的 RefreshInterceptor 处理 401。
refresh 失败就触发全局onAuthExpired,UI 统一跳登录,Repository 不管。

10)你需要生成代码(Drift 必做)

你有part '*.g.dart'的文件,需要 build:

flutter pub run build_runner build --delete-conflicting-outputs
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 14:14:57

年底多跑跑前端面试就会发现…

又到一年年底&#xff0c;看着身边不少朋友还在为“金三银四”跳槽季摩拳擦掌&#xff0c;我这心里真是五味杂陈。作为在前端圈摸爬滚打多年&#xff0c;后来又投身于前端进阶培训的“老人”&#xff0c;每年这个时候&#xff0c;总能收到大量同学的求助&#xff1a;“老师&…

作者头像 李华
网站建设 2026/4/23 17:07:07

C#易错点解析

一、基础语法类易错点1. 值类型与引用类型混淆&#xff08;最高频&#xff09;错误示例&#xff1a;csharp运行// 错误认知&#xff1a;修改方法内的参数会影响外部变量 void UpdateValue(int num) {num 100; // 值类型是值传递&#xff0c;仅修改副本 }int a 10; UpdateValu…

作者头像 李华
网站建设 2026/4/23 12:24:51

重要内容表述

凡早也是要办&#xff0c;晚也是要办&#xff0c;一定要早办&#xff1b;凡主动也是办&#xff0c;被动也是办&#xff0c;力争主动办&#xff1b;凡也可以去办&#xff0c;也可以不办&#xff0c;尽可能地办&#xff1b;凡冷淡也是办&#xff0c;热情也是办&#xff0c;要热情…

作者头像 李华
网站建设 2026/4/23 12:30:15

Java毕设选题推荐:基于springboot的传媒公司传媒直播管理系统设计与实现主播资源管理,签约信息、档期安排【附源码、mysql、文档、调试+代码讲解+全bao等】

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华