在Flutter中使用SQLite –教程

最新推荐文章于 2024-09-24 10:17:03 发布
最新推荐文章于 2024-09-24 10:17:03 发布
阅读量5.6k 收藏 17
点赞数 4
文章标签： 列表 数据库 mysql java python

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

Flutter中的SQLite可用于在Android和iOS应用中持久存储数据。 在本教程中，我们将构建一个简单的应用程序以将数据记录在诸如杂货店列表之类的列表中。 这是该应用程序的屏幕截图。

注意：如果您了解抖动的一些基本知识，它将很有用。 这篇文章将是一个很好的起点。

继续创建一个新项目。 我将其命名为flutter_sqlite ，您可以随意命名。 

 ➜ ~ flutter create flutter_sqflite

我们将删除默认代码和注释，现在仅放入容器中。 在运行该应用程序时，您将看到一个空白屏幕。 

 import 'package:flutter/material.dart' ;  void main() { 
   runApp(MyApp());  }  MyApp class extends StatelessWidget { 
   @override 
   Widget build(BuildContext context) { 
     return MaterialApp( 
       title: 'Flutter Demo' , 
       theme: ThemeData( 
         primarySwatch: Colors.blue, 
         visualDensity: VisualDensity.adaptivePlatformDensity, 
       ), 
       home: MyHomePage(title: 'Listify' ), 
     ); 
   }  }  class MyHomePage extends StatefulWidget { 
   MyHomePage({Key key, this .title}) : super (key: key); 
   final String title; 
   @override 
   _MyHomePageState createState() => _MyHomePageState();  }  class _MyHomePageState extends State<MyHomePage> { 
   @override 
   Widget build(BuildContext context) { 
     return Scaffold( 
       appBar: AppBar( 
         title: Text(widget.title), 
       ), 
       body: Container(), 
     ); 
   }  }

接下来，将以下依赖项添加到pubspec.yaml文件中： 

 name: flutter_sqflite  description: A new Flutter project.  publish_to: 'none'  version: 1.0 . 0 + 1  environment: 
   sdk: ">=2.7.0 <3.0.0"  dependencies: 
   flutter: 
     sdk: flutter 
   sqflite: 
   cupertino_icons: ^ 0.1 . 3  dev_dependencies: 
   flutter_test: 
     sdk: flutter  flutter: 
   uses-material-design: true

我们将创建一个基本的文本字段，一个要保存的按钮以及一个显示待办事项的列表。 首先，让我们继续创建输入字段。 这将在脚手架体内： 

 import 'package:flutter/material.dart' ;  void main() { 
   runApp(MyApp());  }  MyApp class extends StatelessWidget { 
   @override 
   Widget build(BuildContext context) { 
     return MaterialApp( 
       title: 'Flutter Demo' , 
       theme: ThemeData( 
         primarySwatch: Colors.blue, 
         visualDensity: VisualDensity.adaptivePlatformDensity, 
       ), 
       home: MyHomePage(title: 'Listify' ), 
     ); 
   }  }  class MyHomePage extends StatefulWidget { 
   MyHomePage({Key key, this .title}) : super (key: key); 
   final String title; 
   @override 
   _MyHomePageState createState() => _MyHomePageState();  }  class _MyHomePageState extends State<MyHomePage> { 
   @override 
   Widget build(BuildContext context) { 
     return Scaffold( 
       appBar: AppBar( 
         title: Text(widget.title), 
       ), 
       body: Container( 
         alignment: Alignment.topLeft, 
         padding: EdgeInsets.all( 16 ), 
         child: Column( 
           children: <Widget>[ 
             Row( 
               children: <Widget>[ 
                 Expanded( 
                   child: TextFormField( 
                     decoration: InputDecoration(hintText: "Enter a task" ), 
                     controller: textController, 
                   ), 
                 ) 
               ], 
             ) 
           ], 
         ), 
       ), 
     ); 
   }  }

添加TextEditingController作为此类的属性，这将帮助我们从此字段中检索数据。 

 class _MyHomePageState extends State<MyHomePage> { 
   TextEditingController textController = new TextEditingController();  ...

接下来，创建一个按钮来保存待办事项： 

 import 'package:flutter/material.dart' ;  void main() { 
   runApp(MyApp());  }  MyApp class extends StatelessWidget { 
   @override 
   Widget build(BuildContext context) { 
     return MaterialApp( 
       title: 'Flutter Demo' , 
       theme: ThemeData( 
         primarySwatch: Colors.blue, 
         visualDensity: VisualDensity.adaptivePlatformDensity, 
       ), 
       home: MyHomePage(title: 'Listify' ), 
     ); 
   }  }  class MyHomePage extends StatefulWidget { 
   MyHomePage({Key key, this .title}) : super (key: key); 
   final String title; 
   @override 
   _MyHomePageState createState() => _MyHomePageState();  }  class _MyHomePageState extends State<MyHomePage> { 
   TextEditingController textController = new TextEditingController(); 
   @override 
   Widget build(BuildContext context) { 
     return Scaffold( 
       appBar: AppBar( 
         title: Text(widget.title), 
       ), 
       body: Container( 
         alignment: Alignment.topLeft, 
         padding: EdgeInsets.all( 16 ), 
         child: Column( 
           children: <Widget>[ 
             Row( 
               children: <Widget>[ 
                 Expanded( 
                   child: TextFormField( 
                     decoration: InputDecoration(hintText: "Enter a task" ), 
                     controller: textController, 
                   ), 
                 ), 
                 IconButton( 
                   icon: Icon(Icons.add), 
                   onPressed: null , 
                 ), 
               ], 
             ) 
           ], 
         ), 
       ), 
     ); 
   }  }

为了简单起见，我们不会添加验证，您可以在您的应用程序中进行验证。 我们将继续把重点放在在flutter中使用sqlite。

创建输入字段和按钮后，让我们添加一个列表以显示项目。 但是为此，我们需要创建项目模型。 创建一个名为todo.dart的文件并添加以下类： 

 class Todo { 
   int id; 
   String title; 
   Todo({ this .id, this .title}); 
   Map<String, dynamic> toMap() { 
     return { 'id' : id, 'title' : title}; 
   }  }

现在，让我们继续创建列表。 如果您想知道如何在Flutter中创建ListView，可以查看这篇文章 。 我们将列表添加到Scaffold的主体中。 

 class MyHomePage extends StatefulWidget { 
   MyHomePage({Key key, this .title}) : super (key: key); 
   final String title; 
   @override 
   _MyHomePageState createState() => _MyHomePageState();  }  class _MyHomePageState extends State<MyHomePage> { 
   TextEditingController textController = new TextEditingController(); 
   List<Todo> taskList = new List(); 
   @override 
   Widget build(BuildContext context) { 
     return Scaffold( 
       appBar: AppBar( 
         title: Text(widget.title), 
       ), 
       body: Container( 
         alignment: Alignment.topLeft, 
         padding: EdgeInsets.all( 16 ), 
         child: Column( 
           children: <Widget>[ 
             Row( 
               children: <Widget>[ 
                 Expanded( 
                   child: TextFormField( 
                     decoration: InputDecoration(hintText: "Enter a task" ), 
                     controller: textController, 
                   ), 
                 ), 
                 IconButton( 
                   icon: Icon(Icons.add), 
                   onPressed: null , 
                 ) 
               ], 
             ), 
             SizedBox(height: 20 ), 
             Expanded( 
               child: Container( 
                 child: taskList.isEmpty 
                     ? Container() 
                     : ListView.builder(itemBuilder: (ctx, index) { 
                         if (index == taskList.length) return null ; 
                         return ListTile( 
                           title: Text(taskList[index].title), 
                           leading: Text(taskList[index].id.toString()), 
                         ); 
                       }), 
               ), 
             ) 
           ], 
         ), 
       ), 
     ); 
   }  }

我们正在使用ListTile，它是一个出色的小部件，为我们提供了列表行的基本布局。

完成此操作后，现在该进行下一步了，建立起混乱的sqlite。

创建一个名为DatabaseHelper.dart的文件，我们将使用工厂构造函数将DatabaseHelper创建为单例。 将以下代码添加到DatabaseHelper.dart 

 import 'package:path/path.dart' ;  import 'package:sqflite/sqflite.dart' ;  import 'todo.dart' ;  class DatabaseHelper { 
   static final _databaseName = "todo.db" ; 
   static final _databaseVersion = 1 ; 
   static final table = 'todo' ; 
   static final columnId = 'id' ; 
   static final columnTitle = 'title' ; 
   DatabaseHelper._privateConstructor(); 
   static final DatabaseHelper instance = DatabaseHelper._privateConstructor(); 
   static Database _database; 
   Future<Database> get database async { 
     if (_database != null ) return _database; 
     _database = await _initDatabase(); 
     return _database; 
   } 
   _initDatabase() async { 
     String path = join(await getDatabasesPath(), _databaseName); 
     return await openDatabase(path, 
         version: _databaseVersion, onCreate: _onCreate); 
   } 
   // SQL code to create the database table 
   Future _onCreate(Database db, int version) async { 
     await db.execute( '' ' 
           CREATE TABLE $table ( 
             $columnId INTEGER PRIMARY KEY AUTOINCREMENT, 
             $columnTitle FLOAT NOT NULL 
           ) 
           '' '); 
   }  }

静态字段是有关我们数据库的信息，例如版本，表名，数据库名和列名。 DatabaseHelper._privateConstructor（）是我们在Dart中使用工厂构造函数的方式。

接下来，让我们添加一些方法来插入，删除表，读取所有数据并清除表中的所有数据。 

 Future< int > insert(Todo todo) async { 
   Database db = await instance.database; 
   var res = await db.insert(table, todo.toMap()); 
   return res;  }  Future<List<Map<String, dynamic>>> queryAllRows() async { 
   Database db = await instance.database; 
   var res = await db.query(table, orderBy: "$columnId DESC" ); 
   return res;  }  Future< int > delete( int id) async { 
   Database db = await instance.database; 
   return await db.delete(table, where: '$columnId = ?' , whereArgs: [id]);  }  Future< void > clearTable() async { 
   Database db = await instance.database; 
   return await db.rawQuery( "DELETE FROM $table" );  }

注意：对于queryAllRows，我们使用orderBy：“ $ columnId DESC”，它将按id的降序对行进行排序。 默认情况下，它是递增的。

这是在flutter中设置SQLite的基础。 现在，我们将看到如何使用此帮助器类添加和删除数据。 这篇文章引用了一些帮助类的代码。 最终的帮助器类如下所示： 

 import 'package:path/path.dart' ;  import 'package:sqflite/sqflite.dart' ;  import 'todo.dart' ;  class DatabaseHelper { 
   static final _databaseName = "todo.db" ; 
   static final _databaseVersion = 1 ; 
   static final table = 'todo' ; 
   static final columnId = 'id' ; 
   static final columnTitle = 'title' ; 
   DatabaseHelper._privateConstructor(); 
   static final DatabaseHelper instance = DatabaseHelper._privateConstructor(); 
   static Database _database; 
   Future<Database> get database async { 
     if (_database != null ) return _database; 
     _database = await _initDatabase(); 
     return _database; 
   } 
   _initDatabase() async { 
     String path = join(await getDatabasesPath(), _databaseName); 
     return await openDatabase(path, 
         version: _databaseVersion, onCreate: _onCreate); 
   } 
   // SQL code to create the database table 
   Future _onCreate(Database db, int version) async { 
     await db.execute( '' ' 
           CREATE TABLE $table ( 
             $columnId INTEGER PRIMARY KEY AUTOINCREMENT, 
             $columnTitle FLOAT NOT NULL 
           ) 
           '' '); 
   } 
   Future< int > insert(Todo todo) async { 
     Database db = await instance.database; 
     var res = await db.insert(table, todo.toMap()); 
     return res; 
   } 
   Future<List<Map<String, dynamic>>> queryAllRows() async { 
     Database db = await instance.database; 
     var res = await db.query(table, orderBy: "$columnId DESC" ); 
     return res; 
   } 
   Future< int > delete( int id) async { 
     Database db = await instance.database; 
     return await db.delete(table, where: '$columnId = ?' , whereArgs: [id]); 
   } 
   Future< void > clearTable() async { 
     Database db = await instance.database; 
     return await db.rawQuery( "DELETE FROM $table" ); 
   }  }

如果您想尝试清除表，我还添加了clearTable方法。

每当应用重启时，我们都想用数据初始化列表。 为此，我们将在initState（）生命周期回调中使用queryAllRows方法。

覆盖_MyHomePageState类中的initState（）方法，并添加以下代码。 

 @override  void initState() { 
   super .initState(); 
   DatabaseHelper.instance.queryAllRows().then((value) { 
     setState(() { 
       value.forEach((element) { 
         taskList.add(Todo(id: element[ 'id' ], title: element[ "title" ])); 
       }); 
     }); 
   }).catchError((error) { 
     print(error); 
   });  }

应用启动时，将调用initState，我们将从数据库中读取数据。 当数据可用时， SetState将更新UI，我们的ListView将负责其余的工作。

要将输入的任务添加到我们的数据库中，我们将在main.dart文件中创建一个_addToDb方法。 这将在单击“ +”按钮时调用： 

 void _addToDb() async { 
   String task = textController.text; 
   var id = await DatabaseHelper.instance.insert(Todo(title: task)); 
   setState(() { 
     taskList.insert( 0 , Todo(id: id, title: task)); 
   });  }

首先，我们将从字段中获取文本，然后将其添加到db中，最后更新我们的视图。

注意：由于我们在数据库中将id标记为AUTO INCREMENT，因此在插入时无需设置Todo对象的id。 Insert方法将为我们提供插入对象的ID。 我们可以使用它来更新UI。

删除行

现在，剩下要做的就是能够删除数据库中的记录。 使用尾随参数将图标添加到我们的ListTile行： 

 return ListTile( 
   title: Text(taskList[index].title), 
   leading: Text(taskList[index].id.toString()), 
   trailing: IconButton( 
     icon: Icon(Icons.delete), 
     onPressed: () => _deleteTask(taskList[index].id), 
   ),  );

对于onPressed，我们将创建一个_deleteTask方法，该方法将使用ID删除待办事项。 最后，我们将像以前一样更新UI： 

 void _deleteTask( int id) async { 
   await DatabaseHelper.instance.delete(id); 
   setState(() { 
     taskList.removeWhere((element) => element.id == id); 
   });  }

至此，我们完成了。 最终的main.dart文件如下所示： 

 import 'package:flutter/material.dart' ;  import 'package:flutter_sqflite/database_helper.dart' ;  import 'package:flutter_sqflite/todo.dart' ;  void main() { 
   runApp(MyApp());  }  MyApp class extends StatelessWidget { 
   @override 
   Widget build(BuildContext context) { 
     return MaterialApp( 
       title: 'Flutter Demo' , 
       theme: ThemeData( 
         primarySwatch: Colors.blue, 
         visualDensity: VisualDensity.adaptivePlatformDensity, 
       ), 
       home: MyHomePage(title: 'Listify' ), 
     ); 
   }  }  class MyHomePage extends StatefulWidget { 
   MyHomePage({Key key, this .title}) : super (key: key); 
   final String title; 
   @override 
   _MyHomePageState createState() => _MyHomePageState();  }  class _MyHomePageState extends State<MyHomePage> { 
   TextEditingController textController = new TextEditingController(); 
   List<Todo> taskList = new List(); 
   @override 
   void initState() { 
     super .initState(); 
     DatabaseHelper.instance.queryAllRows().then((value) { 
       setState(() { 
         value.forEach((element) { 
           taskList.add(Todo(id: element[ 'id' ], title: element[ "title" ])); 
         }); 
       }); 
     }).catchError((error) { 
       print(error); 
     }); 
   } 
   @override 
   Widget build(BuildContext context) { 
     return Scaffold( 
       appBar: AppBar( 
         title: Text(widget.title), 
       ), 
       body: Container( 
         alignment: Alignment.topLeft, 
         padding: EdgeInsets.all( 16 ), 
         child: Column( 
           children: <Widget>[ 
             Row( 
               children: <Widget>[ 
                 Expanded( 
                   child: TextFormField( 
                     decoration: InputDecoration(hintText: "Enter a task" ), 
                     controller: textController, 
                   ), 
                 ), 
                 IconButton( 
                   icon: Icon(Icons.add), 
                   onPressed: _addToDb, 
                 ) 
               ], 
             ), 
             SizedBox(height: 20 ), 
             Expanded( 
               child: Container( 
                 child: taskList.isEmpty 
                     ? Container() 
                     : ListView.builder(itemBuilder: (ctx, index) { 
                         if (index == taskList.length) return null ; 
                         return ListTile( 
                           title: Text(taskList[index].title), 
                           leading: Text(taskList[index].id.toString()), 
                           trailing: IconButton( 
                             icon: Icon(Icons.delete), 
                             onPressed: () => _deleteTask(taskList[index].id), 
                           ), 
                         ); 
                       }), 
               ), 
             ) 
           ], 
         ), 
       ), 
     ); 
   } 
   void _deleteTask( int id) async { 
     await DatabaseHelper.instance.delete(id); 
     setState(() { 
       taskList.removeWhere((element) => element.id == id); 
     }); 
   } 
   void _addToDb() async { 
     String task = textController.text; 
     var id = await DatabaseHelper.instance.insert(Todo(title: task)); 
     setState(() { 
       taskList.insert( 0 , Todo(id: id, title: task)); 
     }); 
   }  }

这里要注意的一件事是，当我们添加/删除项目时，UI会完全重建。 可以通过在flutter中使用Provider模式来进一步优化，我之前已经讨论过。 一定要检查一下。

结论

在本教程中，我们了解了SQLite如何在Flutter中工作。 我们增加了添加，从列表中删除任务以及同时更新列表的功能。

翻译自: https://www.javacodegeeks.com/2020/06/using-sqlite-in-flutter-tutorial.html

danpincheng0204
关注
每个移动开发人员都应该知道的高级 Flutter 技术
iCloudEnd的博客
10-06 1079
Flutter 的内置小部件（如Hero和 ）AnimatedContainer非常适合制作简单的动画，但要完全控制，您需要使用AnimationController。这使您能够根据应用的需求创建更复杂、更独特的动画。构建复杂动画： AnimationController是 Flutter 动画系统的核心。您可以将其与Tween和配对，CurvedAnimation以定义值如何随时间转换。
flutter通用基础库flutter_luakit_plugin
u013696274的博客
01-21 396
使用flutter_luakit_plugin作为基础库开发flutter应用 文章开头我们先开门见山给出使用flutter_luakit_plugin作为基础库开发和普通flutter的区别。由于flutter定位是便携UI包，flutter提供的基础库功能是不足以满足复杂数据的app应用的，一般flutter开发模式如下图所示，当flutter满足不了我们的需求的时候，使用methodchan...
flutter-sqlite
IT技术专栏
08-27 1093
1.增删改查 2.查询全部数据 # 数据库sqlite sqflite: ^1.1.6 import 'package:path/path.dart'; import 'package:sqflite/sqflite.dart'; import 'package:sqflite/sqlite_api.dart'; final String tableTodo = 'tod...
Flutter中使用sqlite
f234344435的博客
11-14 4071
flutter项目中使用sqlite进行增删查改
Flutter通过sqflite打开已有sqlite数据库
最新发布
wlnWLN124的博客
09-24 273
Flutter打开现有数据库时，都会打开一个新的数据库，无法读取数据。把数据库拷贝到工作目录打开。
Flutter SQLite使用
xiangxiongfly
06-30 4084
保存数据到本地是应用程序非常重要的功能之一，比如如下场景：一个新闻类或者博客类的应用程序，打开后进入首页，如果本地没有保存数据，则需要通过网络获取数据，在返回数据之前，用户看到的是空白页面，而如果本地保存了部分新闻，则显示这部分数据，等待最新的数据返回时在刷新即可，对用户体验来说，明显第二种体验更佳。 SQLite 是目前最受欢迎的本地存储框架之一。......
Flutter笔记： 在Flutter应用中使用SQLite数据库
jclee95的个人博客
11-17 2856
本文旨在介绍在 Flutter 中通过 sqflite 模块使用 SQLite 数据库. 概述Flutter笔记在Flutter应用中使用SQLite数据库（基于sqflite）作者【简介】本文旨在介绍在 Flutter 中通过 sqflite 模块使用 SQLite 数据库。目 录1. 概述2. 安装和配置 sqflite2.1 添加依赖2.2 导入模块3. SQL 基础知识 和 SQLite 工具3.1 创建表3.2 插入数据3.3 查询数据3.4 更新数据3.5 删除数据3.6 数据库工具4. 创建
Flutter和SwiftUI和ReactNative比较
VictorZhang
10-23 1432
例如系统的摄像机、麦克风、GPS、陀螺仪，等等。
译 10 个 Flutter 组件推荐 – 4
会煮咖啡的猫咪
05-17 325
译 10 个 Flutter 组件推荐 – 4 原文 https://tomicriedel.medium.com/10-flutter-tips-season-2-part-2-10-491408453c77 正文 今天我们又要处理软件包了。我们主要处理的是数据库上的软件包，所以… … 让我们一起去阅读吧！ Hive http://pub.dev/packages/hive Hive 是最好的数据库包之一。作为一个开发者，它提供了很多可能性，对你很有帮助。要知道的最重要的一点是，Hive 是一个 N.
Android的常用框架，flutter小程序开发
m0_65146387的博客
12-24 708
@Override publicvoidonLoadingFailed(FailReason failReason) { //加载失败的时候执行 } @Override publicvoidonLoadingComplete(Bitmap loadedImage) { //加载成功的时候执行 } @Override publicvoidonLoadingCancelled() { //加载取消的时候执行 },newImageLoadingProgressListener() { @Override publ
Flutter_SQLite：Flutter SQLite Sqflite资料库使用
02-18
flutter_app_database 一个新的Flutter应用程序。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。 Flutter_SQLite
SQLite Flutter插件-Flutter开发
05-27
用于Flutter的sqflite SQLite插件。 支持iOS，Android和MacOS。 支持事务和批处理在Flutter的打开Helpers sqflite SQLite插件期间进行自动版本管理。 支持iOS，Android和MacOS。 支持事务和批处理在Open Helpers期间进行自动版本管理，以进行插入/查询/更新/删除查询使用sqflite_common_ffi在iOS和Android Linux / Windows / DartVM支持下在后台线程中执行的数据库操作文档文档API指南
simple-note：使用sqlite的Flutter简单便笺
02-20
simple-note：使用sqlite的Flutter简单便笺
flutter开发实战-本地SQLite数据存储
一名开发者
05-14 1225
flutter开发实战-本地SQLite数据库存储正在编写一个需要持久化且查询大量本地设备数据的 app，可考虑采用数据库。相比于其他本地持久化方案来说，数据库能够提供更为迅速的插入、更新、查询功能。这里需要用到sqflite package 来使用 SQLite 数据库预览图。
Flutter 中的 SQLite
Joel的博客
05-25 3674
我搭建了个人博客主页, 欢迎访问: blog.joelzho.com CSDN 的 markdown 编辑器 好像不支持 dart 语言高亮。 知道的朋友可以教教我 dart 高亮的 代码块关键字是什么. 在iOS 中, 我们可以使用sqlite3的C语言接口或者是CoreData 接口来操作SQLite数据库. 在Android 中我们可以使用android.database.sqlit...
Flutter使用SQLite
weixin_40763897的博客
08-26 6749
1.添加依赖 在pubspec.yaml添加sqflite插件： dependencies: flutter: sdk: flutter sqflite: ^1.3.1 然后在项目根目录下执行如下命令： $ flutter pub get 2.使用SQLite 2.1.导入 import 'package:sqflite/sqflite.dart'; 2.2.打开数据库 SQLite数据库是文件系统里的一个文件，标识为一个路径。向openDatabase方法传入数据库文件的路径就可以
flutter sqlLite工具
weixin_44728369的博客
05-23 239
【代码】flutter sqlLite工具。
如何在sqlite中使用flutter
weixin_26727575的博客
09-22 478
介绍 (Introduction) In this article we’ll check out how to use SQLite in Flutter with the sqflite package for storing application data locally. SQLite has been around since 2000 and is a popular choice...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值