Flutter高级第2篇：JSON的序列化和反序列化、创建模型类转换Json数据

一、Flutter JSON 序列化反序列化

1、使用 dart:convert 手动序列化 JSON
2、模型类中序列化 JSON
小项目中使用 dart:convert 手动序列化 JSON 非常好，也非常快速。但是随着项目的增大，
dart:convert 手动序列化 JSON 的话失去了大部分静态类型语言特性：类型安全、自动补全和
最重要的编译时异常。这样一来，我们的代码可能会变得非常容易出错。
当我们访问 name 或 email 字段时，我们输入的很快，导致字段名打错了。但由于这个 JSON
在 map 结构中，所以编译器不知道这个错误的字段名。
为了解决上面的问题在大型项目中使用的更多的是在模型类中序列化 JSON。

二、 Flutter JSON 字符串和 Map 换 类型的转换 dart:convert手动序列化 JSON

import 'dart:convert'
var mapData={"name":"张三","age":"20"};
var strData='{"name":"张三","age":"20"}';
print(json.encode(mapData)); //Map 转换成 Json 字符串
print(json.decode(strData)); //Json 字符串转化成 Map 类型

三丶 Flutter 在模型类中序列化 JSON

class FocusModel {
  String sId;
  String title;
  String status;
  String pic;
  String url;
  FocusModel ({this.sId, this.title, this.status, this.pic, this.url});
  FocusModel .fromJson(Map<String, dynamic> json) {
    sId = json['_id'];
    title = json['title'];
    status = json['status'];
    pic = json['pic'];
    url = json['url'];
  }
  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['_id'] = this.sId;
    data['title'] = this.title;
    data['status'] = this.status;
    data['pic'] = this.pic;
    data['url'] = this.url;
    return data;
  }
}

var strData='{"_id":"59f6ef443ce1fb0fb02c7a43","title":"笔记本电脑
","status":"1","pic":"public\\upload\\UObZahqPYzFvx_C9CQjU8KiX.png","
url":"12"
}';
var data= FocusModel.fromJson( strData )

可参考： https://flutterchina.club/json/

四丶 json_to_dart 自动生成模型类

https://javiercbk.github.io/json_to_dart/