在学习了ui的制作之后，我准备先实现一个用户管理系统，简单的来说就是在后台建立一个用户名的数据库。
需要用到的技术详解：
sqflite详解 https://www.jianshu.com/p/3995ca566d9b
sqflite的官方文档 https://pub.dev/documentation/sqflite/latest/英语不好的建议与上面那个联合阅读
await和async异步处理 https://www.jianshu.com/p/e12185251e40
flutter中的json解析 https://www.jianshu.com/p/51eb9dd8ca0c
flutter页面跳转routehttps://www.jianshu.com/p/6df3349268f3
数据库建立
数据库一般来说有以下几个操作，初始化（创建新的数据库，设定好行列名）、插入新值、查询数据库、删除值。
在flutter当中，sqlite数据库是通过sqflite这个库进行调用的，首先我们要使用这个库进行数据库的创建，建议将关于数据库的函数单独封装成一个类，放到一个文件里。
import 'package:sqflite/sqflite.dart';
import 'package:path_provider/path_provider.dart';
import 'package:path/path.dart';
class SqlManager{
static const _VERSION=1;
static const _NAME="test.db";
static Database _database;
这是一开始需要引用的一些库和一些简单的变量定义，这里的Database就是sqflite当中数据库变量的类型。创建一个数据库，要输入的变量有它的路径、名字和版本号。
关于数据库处理的程序：
import 'package:sqflite/sqflite.dart';
import 'package:path_provider/path_provider.dart';
import 'package:path/path.dart';
import 'package:meta/meta.dart';
import 'package:sqflite/sqlite_api.dart';
import '../model.dart';
class SqlManager {
static const _VERSION = 1;
static const _NAME = "qss.db";
static Database _database;
///初始化
static init() async {
var databasesPath = (await getExternalStorageDirectory()).path;
print(databasesPath);
String path = join(databasesPath, _NAME);
_database = await openDatabase(path,
version: _VERSION, onCreate: (Database db, int version) async {});
}
///判断表是否存在
static isTableExits(String tableName) async {
await getCurrentDatabase();
var res = await _database.rawQuery(
"select * from Sqlite_master where type = 'table' and name = '$tableName'");
return res != null && res.length > 0;
}
///获取当前数据库对象
static Future<Database> getCurrentDatabase() async {
if (_database == null) {
await init();
}
return _database;
}
///关闭
static close() {
_database?.close();
_database = null;
}
}
abstract class BaseDbProvider {
bool isTableExits = false;
createTableString();
tableName();
///创建表sql语句
tableBaseString(String sql) {
return sql;
}
Future<Database> getDataBase() async {
return await open();
}
///super 函数对父类进行初始化
@mustCallSuper
prepare(name, String createSql) async {
isTableExits = await SqlManager.isTableExits(name);
if (!isTableExits) {
Database db = await SqlManager.getCurrentDatabase();
return await db.execute(createSql);
}
}
@mustCallSuper
open() async {
if (!isTableExits) {
await prepare(tableName(), createTableString());
}
return await SqlManager.getCurrentDatabase();
}
}
class PersonDbProvider extends BaseDbProvider{
///表名
final String name = 'PresonInfo';
final String columnId="id";
final String columnName="name";
final String columnSecret="secret";
PersonDbProvider();
@override
tableName() {
return name;
}
@override
createTableString() {
return '''
create table $name (
$columnId integer primary key,$columnName text not null,
$columnSecret text not null)
''';
}
///查询数据库
Future _getPersonProvider(Database db, int id) async {
List<Map<String, dynamic>> maps =
await db.rawQuery("select * from $name where $columnId = $id");
return maps;
}
///插入到数据库
Future insert(UserModel model) async {
Database db = await getDataBase();
var userProvider = await _getPersonProvider(db, model.id);
if (userProvider != null) {
///删除数据
await db.delete(name, where: "$columnId = ?", whereArgs: [model.id]);
}
return await db.rawInsert("insert into $name ($columnId,$columnName,$columnSecret) values (?,?,?)",[model.id,model.name,model.secret]);
}
///更新数据库
Future<void> update(UserModel model) async {
Database database = await getDataBase();
await database.rawUpdate(
"update $name set $columnName = ?,$columnSecret = ? where $columnId= ?",[model.name,model.secret,model.id]);
}
///获取事件数据
Future<UserModel> getPersonInfo(int id) async {
Database db = await getDataBase();
List<Map<String, dynamic>> maps = await _getPersonProvider(db, id);
if (maps.length > 0) {
return UserModel.fromJson(maps[0]);
}
return null;
}
}
这里面包括了数据库的生成、调用、插入跟删除的程序。
这个程序把底下的一些操作就封装成一个个函数，我们之后调用这些函数就可以了。
new RaisedButton(
onPressed: () {
insert(_id, _name.text, _secret.text);}
把这个按钮插入到你想放的地方，通过点击，就可以把之前我们输入的用户名跟密码给存到数据库当中了。
tips
你们如果想看这个数据库当中的数据表的话，可以把上面存储db的路径打印一下，然后去里面复制出来看。
推荐使用sqlite Studio https://sqlitestudio.pl/index.rvt
页面跳转
当我们做好了一个页面之后，我们可以把它单独放在一个文件当中，变成一个类。
然后在页面上插入一个RaisedButton，这个button的onPressd属性里可以加入一些函数，我们可以通过路由转换来跳转到另外一个页面，我的另外一个界面的类名字叫做RegisitorScreen，所以通过点击按钮就会跳转到下个页面去了。
new Container(
margin: new EdgeInsets.fromLTRB(10.0, 0.0, 0.0, 0.0),
child: new RaisedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
new RegisitorScreen()));
},
child: new Text('注册'),
我们可以在跳转到的那个页面上加一个跳转回原页面的按钮，这样就可以实现一个闭环，让我们可以在不同页面之间进行转换。
网友评论