var res = await HttpUtils.get(“/data/福利/:size/:page”,map);
LogUtils.log(res[“result”]);
setState(() {
_imageList=res[“result”];
});
}
现在我们得到的是一个Map<String, dynamic>对象,可以通过res[“result”]的形式得到值,但是我们一般在JSON不复杂或者层级不深的时候可以使用这种方式获取值,但是当JSON很复杂的时候我们这样获取可能就难免出错。此时我们可以使用FlutterJsonBeanFactory将Map解析为对象,我们就可以使用如MeiZiEntity.fromJson(res).results的形式获取值了。
1、搜索并安装FlutterJsonBeanFactory
AndroidStudio 3.5 RC3
加载不出来的话去这里https://plugins.jetbrains.com/plugin/11415-flutterjsonbeanfactory/
2、重启后使用
重启之后在new 的时候就会多一个 dart bean class File from Json 的选项
3、生成dart类
点击make后生成mei_zi_entity.dart其中fromJson和toJson就是解析的关键,实际上就是自动把Map中的数据取出来拼接成对象。
class MeiZiEntity {
bool error;
List results;
MeiZiEntity({this.error, this.results});
MeiZiEntity.fromJson(Map<String, dynamic> json) {
error = json[‘error’];
if (json[‘results’] != null) {
results = new List();
(json[‘results’] as List).forEach((v) {
results.add(new MeiZiResult.fromJson(v));
});
}
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data[‘error’] = this.error;
if (this.results != null) {
data[‘results’] = this.results.map((v) => v.toJson()).toList();
}
return data;
}
}
4、json数据转对象
结合上面我们的dio请求,这里我们拿到数据的时候就可以如下方式进行解析并使用了。
void _initData() async {
var map = Map();
map[“size”] = 10;
map[“page”] = 1;
var res = await HttpUtils.get(“/data/福利/:size/:page”,map);
setState(() {
_imageList=MeiZiEntity.fromJson(res).results;
});
}
在我们使用的测试Api中基本数据类型大概有如下两种方式,一种result为对象,一种result为数组。
如下这两种,
{
“error”: false,
“results”: [
{
“_id”: “5ccdbc219d212239df927a93”
}
]
}
{
“error”: false,
“results”:{
“_id”: “5ccdbc219d212239df927a93”
}
}
此时如果我们要使用统一的BaseBean去解析就存在泛型问题,由于list获取不到list的item的泛型,所以不可以传入list这样的泛型。所以这里我们就不在底层去处理,List的泛型问题,而是在BaseBean用其他方式去绕过这个问题。(ps:我这个方法肯定不是很好,这里我们只是为了引出EntityFactory的使用,其他情况可根据自己的需求去封装。)
1、EntityFactory
使用FlutterJsonBeanFactory后在lib根目录下会生成entity_factory.dart文件
import ‘package:gank_flutter/model/category_entity.dart’;
import ‘package:gank_flutter/model/mei_zi_entity.dart’;
class EntityFactory {
static T generateOBJ(json) {
if (1 == 0) {
return null;
} else if (T.toString() == “CategoryEntity”) {
return CategoryEntity.fromJson(json) as T;
} else if (T.toString() == “MeiZiEntity”) {
return MeiZiEntity.fromJson(json) as T;
} else {
return null;
}
}
}
实际上他是根据这个规则生成的代码
同时如果手动更改过或者是手动生成的bean可以点击如图所示自动更新和生成代码(ps:前提是满足上面的规则)
2、使用EntityFactory
我的做法就是把对象的results和数组的results分开解析。具体见下面的BaseBean
import ‘package:gank_flutter/entity_factory.dart’;
/// 解析基类
class BaseBeanEntity {
bool error;
Map<String, dynamic> results;
List resultsList;
BaseBeanEntity({this.error, this.results, this.resultsList});
/// 处理results为对象的情况
BaseBeanEntity.fromJson(Map<String, dynamic> json) {
error = json[‘error’];
results = json[‘results’];
}
/// 处理results为数组的情况
BaseBeanEntity.fromJsonList(Map<String, dynamic> json) {
error = json[‘error’];
resultsList = json[‘results’];
}
/// 获取results对象
T getObject() {
return EntityFactory.generateOBJ(results); //使用EntityFactory解析对象
}
/// 获取results数组
List getList() {
var list = new List();
if (resultsList != null) {
resultsList.forEach((v) { //拼装List
list.add(EntityFactory.generateOBJ(v));//使用EntityFactory解析对象
});
}
return list;
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data[‘error’] = this.error;
if (this.results != null) {
data[‘results’] = this.results;
}
return data;
写在最后
可能有人会问我为什么愿意去花时间帮助大家实现求职梦想,因为我一直坚信时间是可以复制的。我牺牲了自己的大概十个小时写了这片文章,换来的是成千上万的求职者节约几天甚至几周时间浪费在无用的资源上。
上面的这些(算法与数据结构)+(Java多线程学习手册)+(计算机网络顶级教程)等学习资源
= new Map<String, dynamic>();
data[‘error’] = this.error;
if (this.results != null) {
data[‘results’] = this.results;
}
return data;
写在最后
可能有人会问我为什么愿意去花时间帮助大家实现求职梦想,因为我一直坚信时间是可以复制的。我牺牲了自己的大概十个小时写了这片文章,换来的是成千上万的求职者节约几天甚至几周时间浪费在无用的资源上。
[外链图片转存中…(img-UW2RV84N-1714738194719)]
[外链图片转存中…(img-owknlqSO-1714738194720)]
上面的这些(算法与数据结构)+(Java多线程学习手册)+(计算机网络顶级教程)等学习资源