首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

基础概念

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

相关优势

  • 跨平台:Flutter 本身支持 Android 和 iOS 平台,结合 Sqflite 可以在不同平台上使用相同的数据库逻辑。
  • 轻量级:Sqflite 是一个轻量级的库,易于集成和使用。
  • 本地存储:SQLite 数据库提供了本地存储能力,适合存储应用数据。

类型

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

应用场景

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

示例代码

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

添加依赖

首先,在 pubspec.yaml 文件中添加 Sqflite 依赖:

代码语言:txt
复制
dependencies:
  flutter:
    sdk: flutter
  sqflite: ^2.0.0+4

初始化数据库

代码语言:txt
复制
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)',
    );
  }
}

用户登录和数据写入

代码语言:txt
复制
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;
}

导航和数据检索

代码语言:txt
复制
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');
            }
          },
        ),
      ),
    );
  }
}

常见问题及解决方法

问题:数据库初始化失败

原因:可能是由于权限问题或数据库路径不正确。

解决方法:确保应用有足够的权限访问存储,并检查数据库路径是否正确。

问题:数据写入失败

原因:可能是由于数据库连接未正确建立或插入语句有误。

解决方法:确保数据库连接已正确建立,并检查插入语句的语法和数据类型。

问题:数据检索不正确

原因:可能是查询语句有误或数据未正确写入。

解决方法:检查查询语句的语法,并确保数据已正确写入数据库。

参考链接

通过以上示例和解释,你应该能够理解如何在 Flutter 应用中使用 Sqflite 进行用户登录信息的存储和检索。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

8分7秒

06多维度架构之分库分表

22.2K
领券