Flutter dio网络请求封装、实体类封装

Hi,大家好就不见,之前一直忙于工作,很久没有发布文章了,没想到 CSDN也大变样了。

OK,最近闲着无聊封装了一个Flutter dio网络请求以及实体类的封装。本文章和资源已经二次封装了 dio网络请求以及封装了ResultListBo、ResultObjBo返回基类,有通用的success、errorCode、msg字段,然后定义了两种类型的数据返回格式,一种是直接body对象,一种是list对象dataList,这两种基本可以满足服务端返回的通用格式。​​​​​​​
源码资源地址icon-default.png?t=N7T8https://download.csdn.net/download/u013752594/88554728​​​​​​​​

一、dio网络请求封装:

1、get请求

2、post请求

3、上传文件

4、定义请求

5、调用请求

二、通用实体基类success、errorCode、msg封装:

1、ResultListBo数组返回格式

2、ResultObjBo对象返回格式

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter网络请求可以使用 http 包进行封装,也可以使用第三方库如 dio、retrofit 等进行封装。以下是使用 dio 进行网络请求封装的示例: 1. 引入 dio 包 在 pubspec.yaml 文件中引入 dio 包: ```dart dependencies: dio: ^4.0.0 ``` 然后运行 `flutter pub get` 安装依赖。 2. 创建网络请求工具类 ```dart import 'package:dio/dio.dart'; class HttpUtil { static const String baseUrl = "https://example.com/api/"; static Dio _dio; static Dio get dio { if (_dio == null) { _dio = Dio(BaseOptions( baseUrl: baseUrl, connectTimeout: 5000, receiveTimeout: 3000, )); } return _dio; } static Future<Response> get(String path, {Map<String, dynamic> params}) async { try { Response response = await dio.get(path, queryParameters: params); return response; } on DioError catch (e) { print(e.message); return null; } } static Future<Response> post(String path, {Map<String, dynamic> params}) async { try { Response response = await dio.post(path, data: params); return response; } on DioError catch (e) { print(e.message); return null; } } } ``` 3. 使用网络请求工具类 ```dart import 'package:flutter/material.dart'; import 'package:your_app/http_util.dart'; class MyPage extends StatefulWidget { @override _MyPageState createState() => _MyPageState(); } class _MyPageState extends State<MyPage> { String _response = ""; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("My Page"), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ ElevatedButton( onPressed: () { _fetchData(); }, child: Text("Fetch Data"), ), SizedBox(height: 20), Text(_response), ], ), ), ); } void _fetchData() async { Response response = await HttpUtil.get("users/1"); if (response != null) { setState(() { _response = response.data.toString(); }); } } } ``` 这个示例中,我们在 `HttpUtil` 类中封装了 `get` 和 `post` 请求,然后在 `MyPage` 页面中使用 `HttpUtil` 进行网络请求,并将获取到的数据显示在页面上。当然,你可以根据自己的需求进行更改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值