Flutter开发效率提升1000%，Flutter Quick教程之定义Api(三)

将tab键切换到Response，会出现这么一个界面

这是添加api返回的json数据。比如我们添加一个json数据。

添加完json数据后，右上角有一个删除按钮。要换json数据的话，可以点击清除再重新输入。

这时候，左边的面板上还会显示出

这个的作用，就是生成Model的，在Flutter Quick里，Api返回的json数据都会转换成对应的Model。这也是最灵活，程序员最熟悉的操作数据的方式。

比如根据输入的json，在Model Name输入框输入Data，点击按钮，会生成一个model

class Data {int? status;String? message;DataData? data;Data({this.status,this.message,this.data,});Data.fromJson(Map<String, dynamic> json) {status = json['status'];message = json['message']?.toString();data = json['data'] != null ? DataData.fromJson(json['data']) : null;}Map<String, dynamic> toJson() {return {'status': status,'message': message,'data': data?.toJson(),};}
}class DataData {String? name;DataData({this.name,});DataData.fromJson(Map<String, dynamic> json) {name = json['name']?.toString();}Map<String, dynamic> toJson() {return {'name': name,};}
}

生成model之后，左边会弹出这些界面

这些东西，就是用来定义变量，引用Model里面的字段，这将在后面一章讲解。

官网地址:www.appshop.cc