简单的Flutter sqflite登录->写入数据库->导航->从数据库流中检索

基础概念

Flutter 是一个用于构建跨平台移动应用的 UI 工具包。Sqflite 是 Flutter 社区提供的一个轻量级 SQLite 数据库插件，它允许你在 Flutter 应用中使用 SQLite 数据库。

类型

单表查询：基本的 CRUD（创建、读取、更新、删除）操作。
多表查询：涉及多个表的连接查询。
事务处理：确保数据库操作的原子性。

应用场景

用户登录信息存储。
应用设置保存。
离线数据存储和检索。

示例代码

以下是一个简单的 Flutter 应用示例，展示了如何使用 Sqflite 进行用户登录信息的存储和检索。

添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  sqflite: ^2.0.0+4

初始化数据库

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

class DatabaseHelper {
  static final DatabaseHelper _instance = new DatabaseHelper._internal();
  factory DatabaseHelper() => _instance;
  static Database? _database;

  Future<Database> get database async {
    if (_database != null) return _database!;
    _database = await _initDatabase();
    return _database!;
  }

  DatabaseHelper._internal();

  Future<Database> _initDatabase() async {
    return openDatabase(
      'user_database.db',
      version: 1,
      onCreate: _onCreate,
    );
  }

  void _onCreate(Database db, int version) async {
    await db.execute(
      'CREATE TABLE user(id INTEGER PRIMARY KEY, username TEXT, password TEXT)',
    );
  }
}

用户登录和数据写入

Future<void> addUser(String username, String password) async {
  final db = await DatabaseHelper().database;
  await db.insert(
    'user',
    {'username': username, 'password': password},
  );
}

Future<bool> loginUser(String username, String password) async {
  final db = await DatabaseHelper().database;
  final List<Map<String, dynamic>> users = await db.query('user');
  for (var user in users) {
    if (user['username'] == username && user['password'] == password) {
      return true;
    }
  }
  return false;
}

导航和数据检索

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Sqflite Demo')),
        body: LoginScreen(),
      ),
    );
  }
}

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreenState createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  final _formKey = GlobalKey<FormState>();
  String _username = '';
  String _password = '';

  Future<void> _submitForm() async {
    if (_formKey.currentState!.validate()) {
      bool isLoggedIn = await loginUser(_username, _password);
      if (isLoggedIn) {
        Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => HomeScreen()),
        );
      } else {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Invalid login')),
        );
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Form(
      key: _formKey,
      child: Column(
        children: [
          TextFormField(
            decoration: InputDecoration(labelText: 'Username'),
            validator: (value) {
              if (value!.isEmpty) return 'Please enter username';
              return null;
            },
            onSaved: (value) => _username = value!,
          ),
          TextFormField(
            decoration: InputDecoration(labelText: 'Password'),
            obscureText: true,
            validator: (value) {
              if (value!.isEmpty) return 'Please enter password';
              return null;
            },
            onSaved: (value) => _password = value!,
          ),
          ElevatedButton(
            onPressed: _submitForm,
            child: Text('Login'),
          ),
        ],
      ),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Home')),
      body: Center(
        child: FutureBuilder<bool>(
          future: loginUser('admin', 'admin'),
          builder: (context, AsyncSnapshot<bool> snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return CircularProgressIndicator();
            } else if (snapshot.hasError) {
              return Text('Error: ${snapshot.error}');
            } else {
              return Text(snapshot.data! ? 'Logged In' : 'Not Logged In');
            }
          },
        ),
      ),
    );
  }
}