Flutter中使用sqlite

2023-11-12

在本教程中,我们将介绍如何在flutter中使用sqlite。 SQLite是用于移动设备和某些计算机SQL引擎。 我们可以使用它来保存应用程序的数据。 持久性存储对于在加载新数据时缓存网络呼叫和脱机应用程序很有用。 

引入依赖:查询sqflite最新版本地址: 点击以下地址查询

sqflite | Flutter Package

在flutter项目中引入相关依赖:

 sqflite: ^2.0.0+4 #sqlite数据库
 path_provider: ^2.0.11 #用于获取主机平台文件系统上常用的位置,如temp和app数据目录
 fluttertoast: 8.0.9 #自定义弹窗

在需要用sqlite的组件里面指定包路径就可以了

import 'package:path_provider/path_provider.dart';

import 'package:sqflite/sqflite.dart';

自定义弹窗组件:

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

void okToast(String text) {
   Fluttertoast.showToast(
    msg: text,
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.blue,
    textColor: Colors.white,
    fontSize: 16.0);
}

void errorToast(String text) {
   Fluttertoast.showToast(
    msg:text,
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.red,
    textColor: Colors.white,
    fontSize: 16.0);
}

 为了减少小伙伴们拷贝代码时出错,里面的组件就不分包了,避免拷贝代码不全出现的错误,该项目将会全部代码放在一个主组件main下面,代码能正常运行后可以自行分包管理

// ignore_for_file: use_build_context_synchronously

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:path_provider/path_provider.dart';
import 'dart:io';
import 'package:sqflite/sqflite.dart';
import 'package:path/path.dart';
import '../FlutterToast.dart';

/**
 * sqlite用户数据管理类,该界面不提供给用户
 */
class SqlitePage extends StatefulWidget {
  const SqlitePage({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _SqlitePageState();
  }
}

class _SqlitePageState extends State<SqlitePage> {
  List<User>? _userList;

  loadAllData() async {
    _userList = await DBManager().findAll();
    setState(() {});
  }

  updateData(User user) async {
    var count = await DBManager().update(user);
    if (count > 0) {
      okToast("修改成功");
    } else {
      errorToast("修改失败");
    }
  }

  deleteData(int id) async {
    var count = await DBManager().delete(id);
    if (count > 0) {
      okToast("删除成功");
    } else {
      errorToast("删除失败");
    }
  }

  deleteAllData() async {
    var count = await DBManager().deleteAll();
    if (count > 0) {
      okToast("删除全部成功");
    } else {
      errorToast("删除全部失败");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("账号管理"),
        actions: [
          IconButton(
            icon: const Icon(Icons.add),
            onPressed: () {
              Navigator.push(context, MaterialPageRoute(builder: (context) {
                return const AddStudentPage();
              }));
            },
          )
        ],
      ),
      body: SingleChildScrollView(
        child: Center(
          child: Column(
            children: [
              ElevatedButton(
                onPressed: () {
                  loadAllData();
                },
                child: const Text("查询数据库所有数据"),
              ),
              ElevatedButton(
                onPressed: () {
                  deleteAllData();
                },
                child: const Text("删除数据库所有数据"),
              ),
              Padding(
                padding: const EdgeInsets.all(10),
                child: _buildTable(),
              ),
            ],
          ),
        ),
      ),
    );
  }

  _buildTable() {
    return Table(
      border: TableBorder.all(),
      defaultVerticalAlignment: TableCellVerticalAlignment.middle,
      children: [
        const TableRow(children: [
          TableCell(child: Text("id",style: TextStyle(color: Colors.orange),)),
          TableCell(child: Text("用户名",style: TextStyle(color: Colors.red),)),
          TableCell(child: Text("密码",style: TextStyle(color: Colors.blue),)),
          TableCell(child: Text("权限",style: TextStyle(color: Colors.white),)),
          TableCell(child: Text("修改",style: TextStyle(color: Colors.lightBlue),)),
          TableCell(child: Text("删除",style: TextStyle(color: Colors.red),)),
        ]),
        ...?_userList
            ?.map((e) => TableRow(children: [
                  TableCell(child: Text("${e.id}")),
                  TableCell(child: Text("${e.name}")),
                  TableCell(child: Text("${e.pwd}")),
                  TableCell(child: Text("${e.power}")),
                  TableCell(
                    child: TextButton(
                      onPressed: () {
                        updateData(e);
                      },
                      child: const Text("修改"),
                    ),
                  ),
                  TableCell(
                    child: TextButton(
                      onPressed: () {
                        deleteData(e.id!);
                      },
                      child: const Text("删除"),
                    ),
                  ),
                ]))
            .toList(),
      ],
    );
  }
}

/**
 * 初始化
 */
class DBManager {
  /// 数据库名
  final String _dbName = "skzn";
  /// 数据库版本
  final int _version = 1;
  static final DBManager _instance = DBManager._();
  factory DBManager() {
    return _instance;
  }

  DBManager._();
  static Database? _db;
  Future<Database> get db async {
    return _db ??= await _initDB();
  }

  /// 初始化数据库
  Future<Database> _initDB() async {
    Directory directory = await getApplicationDocumentsDirectory();
    String path = join(directory.path, _dbName);

    return await openDatabase(
      path,
      version: _version,
      onCreate: _onCreate,
      onUpgrade: _onUpgrade,
    );
  }

  /// 创建表
  Future _onCreate(Database db, int version) async {
    const String sql = """
    CREATE TABLE User(
      id INTEGER primary key AUTOINCREMENT,
      name TEXT,
      pwd TEXT,
      power INTEGER
    )
    """;
    return await db.execute(sql);
  }

  /// 更新表
  Future _onUpgrade(Database db, int oldVersion, int newVersion) async {}

  /// 使用SQL保存数据
  Future saveDataBySQL(User user) async {
    const String sql = """
    INSERT INTO User(name,pwd,power) values(?,?,?)
    """;
    Database database = await db;
    return await database.rawInsert(sql, [user.name, user.pwd, user.power]);
  }

  /// 查询全部数据
  Future<List<User>?> findAll() async {
    Database? database = await db;
    List<Map<String, Object?>> result = await database.query("User");
    if (result.isNotEmpty) {
      return result.map((e) => User.fromJson(e)).toList();
    } else {
      return [];
    }
  }

  /**
   * 条件查询
   *  ==》该方法主要用于用户登录,通过传入用户名和密码来查询数据库
   * 用法:直接在登录按钮里面直接调用:DBManager().find(_username, _password, context);
   */
  Future<List<User>?> find(
      String name, String password, BuildContext context) async {
    Database database = await db;
    List<Map<String, Object?>> result = await database.query("User",
        where: "name =? and pwd=? ", whereArgs: [name, password]);

    if (result.isNotEmpty) {
      okToast("登录成功");
      // GoRouter.of(context).go('/main'); //登录成功跳转的页面
    } else {
      errorToast("用户名或者密码错误");
    }
    return null;
  }

  /**
   * 条件查询  
   * ==》该方法用于默然一个管理员账号,通过登录的时候判断登录的是否为管理员
   * 用法:直接在登录按钮里面直接调用:DBManager().find(_username, _password, context);
   */
  Future<List<User>?> LoginQuery(
      String name, String password, BuildContext context) async {
    String username = 'admin';
    String pwd = 'sk123';
    Database database = await db;
    List<Map<String, Object?>> result = await database.query("User",
        where: "name =? and pwd=? ", whereArgs: [name, password]);

    if (result.isNotEmpty) {
      if (name == username && password == pwd) {
        // GoRouter.of(context).go('/main'); //查询结果为管理员跳转的页面
        print("管理员界面");
      } else {
        // GoRouter.of(context).go('/main'); //查询结果为用户跳转的页面
        print("测试用户界面");
      }
    }
    return null;
  }

/**
 * 添加默认账户表单 
 * ==>sqlite存储的本地文件,当用户使用app的时候是本地文件是没有数据的,所以我们要在新用户登录的时候创建一个默认本地账户表
 *  用法: 在登录按钮里面直接调用: DBManager().insertUser();
 */
  Future<int?> insertUser() async {
    Database? database = await db;
    List<Map<String, Object?>> result = await database.query("User");
    if (result.isEmpty) {
      var admin = User(
        name: 'admin',
        pwd: 'admin123',
        power: 1,
      );
      var test = User(
        name: 'test',
        pwd: 'test123',
        power: 1,
      );
      await DBManager().saveDataBySQL(admin);
      await DBManager().saveDataBySQL(test);
    } else {
      return null;
    }
    return null;
  }

  /**
   * 修改表中的某一项的值为自定义的默认值
   */
  Future<int> update(User user) async {
    Database database = await db;
    user.pwd = '123456'; //修改表中password字段的默认值为 123456
    int count = await database
        .update("User", user.toJson(), where: "id=?", whereArgs: [user.id]);
    return count;
  }

  /**
   * 删除操作
   * 根据id删除
   */
  Future<int> delete(int id) async {
    Database database = await db;
    int count = await database.delete("User", where: "id=?", whereArgs: [id]);
    return count;
  }

  /**
   * 删除全部数据
   */
  Future<int> deleteAll() async {
    Database database = await db;
    int count = await database.delete("User");
    return count;
  }
}

/**
 * 数据实体
 */
User studentFromJson(String str) => User.fromJson(json.decode(str));
String studentToJson(User data) => json.encode(data.toJson());

class User {
  User({
    this.id,
    this.name,
    this.pwd,
    this.power,
  });

  User.fromJson(dynamic json) {
    id = json['id'];
    name = json['name'];
    pwd = json['pwd'];
    power = json['power'];
  }

  int? id;
  String? name;
  String? pwd;
  int? power;

  Map<String, dynamic> toJson() {
    final map = <String, dynamic>{};
    map['id'] = id;
    map['name'] = name;
    map['pwd'] = pwd;
    map['power'] = power;
    return map;
  }
}

class AddStudentPage extends StatefulWidget {
  const AddStudentPage({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _AddStudentPageState();
  }
}

class _AddStudentPageState extends State<AddStudentPage> {
  int _sexValue = 0;
  late TextEditingController _nameController;
  late TextEditingController _ageController;

  @override
  void initState() {
    _nameController = TextEditingController();
    _ageController = TextEditingController();
    super.initState();
  }

  @override
  void dispose() {
    _nameController.dispose();
    _ageController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("添加用户账号"),
      ),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          children: [
            TextField(
              controller: _nameController,
              decoration: const InputDecoration(labelText: "用户名:"),
            ),
            TextField(
              controller: _ageController,
              decoration: const InputDecoration(labelText: "密码:"),
              //限制输入框输入只能为数字
              // inputFormatters: [
              //   FilteringTextInputFormatter.digitsOnly,
              // ],
            ),
            Row(
              children: [
                Expanded(
                  child: RadioListTile<int>(
                    title: const Text("管理员"),
                    value: 0,
                    groupValue: _sexValue,
                    onChanged: (value) {
                      setState(() {
                        _sexValue = value!;
                      });
                    },
                  ),
                ),
                Expanded(
                  child: RadioListTile<int>(
                    title: const Text("测试用户"),
                    value: 1,
                    groupValue: _sexValue,
                    onChanged: (value) {
                      setState(() {
                        _sexValue = value!;
                      });
                    },
                  ),
                ),
              ],
            ),
            Builder(builder: (BuildContext context) {
              return Column(
                children: [
                  ElevatedButton(
                    onPressed: () async {
                      var user = User(
                        name: _nameController.text.toString(),
                        pwd: _ageController.text.toString(),
                        power: _sexValue,
                      );
                      int result = await DBManager().saveDataBySQL(user);
                      if (result > 0) {
                        okToast("保存数据成功,result:$result");
                      } else {
                        errorToast("保存数据失败,result:$result");
                      }
                    },
                    child: const Text("添加"),
                  ),
                ],
              );
            }),
          ],
        ),
      ),
    );
  }
}

 运行效果展示:

添加拥护页面: 

 

 最后的测试功能就不一一展示了

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter中使用sqlite 的相关文章

随机推荐

  • 网络编程——IO模型

    搭建select的TCP客户端 include
  • 100流明相当于多少w_20年前的100元,相当于现在的多少钱?说出来你可能不信

    最近 有网友提出一个问题 他说20年前的100元 相当于现在的多少钱 对此 专家们回答是 2000年我国GDP总量为1 2万亿美元 位居全球第六 到2019年 我国GDP已经高达14 3万亿美元 位居全球第二位 20年时间GDP增长了11
  • 汇编符号语言

    CSDN话题挑战赛第1期 活动详情地址 第1期话题PK赛 参赛话题 汇编知识分享 话题描述 我们的计算机知识就像一座金字塔 底层是数学 上面是数字电路 然后是汇编 再往上是操作系统 网络 数据库 高级编程语言 框架等等 我们不可能精通这个金
  • 前端项目uniapp小兔鲜儿微信小程序项目

    小兔鲜儿 项目起步 项目架构 项目架构图 拉取项目模板代码 项目模板包含 目录结构 项目素材 代码风格 模板地址 git clone http git itcast cn heimaqianduan erabbit uni app vue3
  • 由于找不到msvcp100.dll无法继续执行代码怎么解决

    当遇到程序无法正常运行 提示缺少msvcp100 dll文件时 最初的反应可能是困惑和不知所措 然而 通过修复msvcp100 dll文件 我发现这个问题实际上并不复杂 并且可以通过一些简单的步骤解决 在修复msvcp100 dll文件的时
  • k8s集群部署

    文章目录 1 二进制部署三节点 复用 高可用 k8s 集群 1 1 环境规划阶段 1 1 1 实验架构图 1 1 2 系统版本说明 1 1 3 环境基本信息 1 1 4 k8s 网段划分 1 2 基础安装及优化阶段 1 2 1 系统信息检查
  • mmsegmentation安装教程

    本文是基于Annconda下的安装教程 先要把Annconda安装好 安装好之后打开anaconda prompt控制面板 换成清华源 pip config set global index url https pypi tuna tsin
  • Python 第三方模块 绘图 Seaborn模块2

    四 可视化数据集的分布 1 直方图
  • linux打开网络摄像头失败,Opencv没有检测到linux上的firewire网络摄像头

    我通过firewire连接了一个凸轮 并尝试使用opencv访问它 相机在香菜中被检测到并且能够获得视频流 以下是我使用的代码 include home iiith opencv 2 4 9 include opencv cv h incl
  • JAVA循环使每次循环出来的都是四位数例如0001,0002,0003 三种实现方式

    问题描述 循环使每次循环出来的都是四位数例如0001 0002 0003 现在给出三种实现方式 第一种实现方式 public class temp1 public static void main String args for int i
  • enum枚举变量的用法

    Class Piece public typedef enum colorless white black pieceColor enum pieceColor colorless white black 首先声明一种枚举型变量 该变量的类
  • GB/T28181-2022针对H.265、AAC的说明和技术实现

    GB T28181 2022规范说明 GB T28181 2022相对来GB T28181 2016针对H 265 AAC的更新如下 更改了 联网系统通信协议结构图 媒体流通道增加了 H 265 G 722 1 AAC 见 4 3 1 20
  • 为Linux安装软件包时后面标注的arm,aarch到底是什么玩意儿以二进制安装docker-compose为例

    引言 装docker compose装不上 去github找二进制 看到这些版本人傻了 记录一下 如何确定自己的服务器应该安装哪个 Arch命令 arch 这个最简单 直接输出架构方式 aarch64 就是 ARM 架构 x86 64 就是
  • Spring注解家族介绍:@RestController

    前言 Spring Boot可以说是当前JAVA最为重要的一个框架 而Spring Boot的基石Spring中有着丰富的注解 因此我们会利用几篇文章来讲解我目前学到的各种注解 因此本类型文章的篇幅会比较短 主要着重于介绍各个注解 目录 前
  • GitHub十大Python项目推荐,Star最高26.4k

    编写 Python 代码的乐趣应该是看到简短 简洁 易读的类 这些类用少量清晰的代码来执行大量的操作 而不是那些让读者厌烦的大量琐碎代码 在相当长的一段时间内 世界各地的开发人员在他们的大多数项目中都倾向于使用 Python 编程语言的易用
  • C语言习题

    1 输入一个正整数 输出其逆数 例如输入12345 输出应为54321 2 计算1 2 3 n的值 n是从键盘输入的自然数 3 从终端 键盘 读入20个数据到数组中 统计其中正数的个数 并计算这些正数之和 4 从终端 键盘 将5个整数输入到
  • vue 看sass版本_看看不同的Sass架构

    vue 看sass版本 As the size and complexity of a project grows you require some sort of logic to structure your Sass files It
  • cloudfoundry简介

    cloudfoundry 负载均衡 对Router做负载均衡不属于Cloud Foundry的实现范围 Cloud Foundry只须保证所有Router都可以处理任何请求 而管理员可用DNS实现负载均衡 也可部署专用硬件来实现 或者简单点
  • Shell脚本中$0、$?、$!、$$、$*、$#、$@等符号的意义

    0 Shell本身的文件名 Shell最后运行的后台进程PID 当前脚本运行的进程PID 执行上一个指令的返回值 显示最后命令的退出状态 0表示没有错误 其他任何值表明有错误 所有参数列表 如 用双引号引起来的情况 以 1 2 n 的形式输
  • Flutter中使用sqlite

    在本教程中 我们将介绍如何在flutter中使用sqlite SQLite是用于移动设备和某些计算机SQL引擎 我们可以使用它来保存应用程序的数据 持久性存储对于在加载新数据时缓存网络呼叫和脱机应用程序很有用 引入依赖 查询sqflite最