Flutter入门之网络请求篇

本章主要介绍Flutter的网络请求相关操作

Dio：略！！！

Retrofit For Dart:

开局添加如下依赖

dependencies:
  retrofit: ^1.3.4
  logger: ^0.9.1

dev_dependencies:
  retrofit_generator: ^1.3.4+2
  build_runner: ^1.10.0
  json_serializable: ^3.2.0
#注：json_serializable必须要添加 否则实体类不会自动生成

然后就举个栗子

import 'package:json_annotation/json_annotation.dart';

part 'ResultVo.g.dart';
@JsonSerializable()
class ResultVo{
  int code;
  String msg;
  dynamic obj;

  ResultVo({this.code, this.msg, this.obj});

  factory ResultVo.fromJson(Map<String, dynamic> json) => _$ResultVoFromJson(json);
  Map<String, dynamic> toJson() => _$ResultVoToJson(this);
}

之后 运行

flutter pub run build_runner build

ok

这里的意思就是 

//固定格式
factory 类名.fromJson(Map<String, dynamic> json) =>_$类名FromJson(json);
Map<String, dynamic> toJson() => _$类名ToJson(this);

//配置好 part ‘类名.g.dart’
//添加序列化标注，@JsonSerializable()，注意括号
//新建类和属性（字段）以及带参构造方法，注意属性类型

解析的话建议用下面的工具类解析完成后略作修改 就很nice

Dart工具类解析 

明明讲的是网络请求，干嘛要扯上json？？？ 最终都要解析的嘛....哈哈哈哈咳咳咳咳咳

关于Retrofit 其实跟上面也很类似

可直接CV下面示例

part 'RestClient.g.dart';

@RestApi(baseUrl: "http://xxx.xx.xx.xx/xxx/")
abstract class RestClient {
  factory RestClient(Dio dio, {String baseUrl}) = _RestClient;

  @POST("/my/login")
  Future<ResultVo> teacher_login(@Field() String account,
      @Field() String password);
}
var dio = Dio(BaseOptions(
  connectTimeout: 5000,
  receiveTimeout: 10000,
));

final client = RestClient(dio);
final logger = Logger();

之后运行

flutter pub run build_runner build

 稍等片刻结果看得见！！！ 哈哈

 

 

更多Dart-JSON本地解析等参考