Flutter轻量级网络请求插件dio_mini的使用

Dio Mini 是一个轻量级且易于使用的网络请求插件。它提供了简单的组件，可以执行基本的请求和响应操作，如 GET、POST、PUT 和 DELETE 请求。此外，它还允许你修改源代码，以适应你的偏好。

开始使用

第一步

首先，你需要了解一些基本概念和配置项：

baseURL

这是你的数据库的 Web 地址。你将在使用 DioMini 类时定义它。

example: https://SECRET.mockapi.io/

mainUrl

这是你的数据库地址的端点。你将在使用方法时理解它。

example: https://SECRET.mockapi.io/users

id

id 是用于描述数据的标识符。

example: https://SECRET.mockapi.io/users/name.json

理解方法

定义对象

首先，你需要定义一个模型类的对象，并初始化 DioMini 实例。

// 定义模型类对象
ModelClass _model = ModelClass(...); // 或者你可以直接写 ModelClass(...)
DioMini _helper = DioMini(
    model: _model,
    baseURL: 'Your base URL'
);

使用 getData() 方法

获取单个数据项。

final result = await _helper.getData('users', '4');
print(result?['name']); // 结果是一个 Map，后面我会将其转换为列表。

使用 getDataList() 方法

获取多个数据项。

final result = await service.getDataList('users');
print(result); // 结果是一个 Map 列表，后面我会将其转换为列表。

使用 postData() 方法

发送 POST 请求。

await service.postData(model, 'newUsers')
    ? print('正确')
    : print('不正确');

使用 putData() 方法

发送 PUT 请求。

await service.putData(model, '5', 'users')
    ? print('正确')
    : print('不正确');

使用 deleteData() 方法

发送 DELETE 请求。

await service.deleteData('5', 'users')
    ? print('正确')
    : print('不正确');

示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 应用程序中使用 Dio Mini 插件。

// 忽略对打印的警告
import 'package:dio_mini/dio_mini.dart';
import 'package:example/students_model.dart';
import 'package:flutter/material.dart';
import 'elevated_button.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        appBarTheme: const AppBarTheme(),
      ),
      home: HomeView(),
    );
  }
}

class HomeView extends StatelessWidget {
  HomeView({Key? key}) : super(key: key);

  // 初始化 DioMini 实例
  DioMini service = DioMini(
      model: StudentsModel(),
      baseURL:
          'https://flutter-akademi-f1ca7-default-rtdb.europe-west1.firebasedatabase.app');

  // 获取单个数据
  getData() async {
    final result = await service.getData('users', '4');
    print(result?['name']);
  }

  // 获取多个数据
  getDataList() async {
    final result = await service.getDataList('users');
    print(result);
  }

  // 发送 POST 请求
  postData() async {
    await service.postData('newUsers') ? print('正确') : print('不正确');
  }

  // 发送 PUT 请求
  putData() async {
    await service.putData('5', 'users') ? print('正确') : print('不正确');
  }

  // 发送 DELETE 请求
  deleteData() async {
    await service.deleteData('5', 'users')
        ? print('正确')
        : print('不正确');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Expanded(
                child: ElevatedButtonView(
                  onPressed: getData,
                  child: const Text('获取单个数据'),
                ),
              ),
              Expanded(
                child: ElevatedButtonView(
                  onPressed: getDataList,
                  child: const Text('获取多个数据'),
                ),
              ),
              Expanded(
                child: ElevatedButtonView(
                  onPressed: postData,
                  child: const Text('发送 POST 请求'),
                ),
              ),
              Expanded(
                child: ElevatedButtonView(
                  onPressed: putData,
                  child: const Text('发送 PUT 请求'),
                ),
              ),
              Expanded(
                child: ElevatedButtonView(
                  onPressed: deleteData,
                  child: const Text('发送 DELETE 请求'),
                ),
              ),
            ],
          ),
        ));
  }
}