三種JSON解析技巧 json轉(zhuǎn)模型 -flutter

Dart實(shí)體類格式

  • 方案一:手寫實(shí)體類
  • 方案二:生產(chǎn)力工具:網(wǎng)頁(yè)自動(dòng)生成實(shí)體類
  • 方案三:生產(chǎn)力工具:json_serializable使用技巧
    那個(gè)方案適合我?

Dart實(shí)體類格式

class CategoryMo {
  String name;
  int count;

  CategoryMo({this.name, this.count});
  //將map轉(zhuǎn)成mo
  CategoryMo.fromJson(Map<String, dynamic> json) {
    name = json['name'];
    count = json['count'];
  }
  //將mo轉(zhuǎn)成map,可缺省
  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['name'] = this.name;
    data['count'] = this.count;
    return data;
  }
}

手寫實(shí)體類

owner json

{
  "name": "伊零Onezero",
  "face": "http://i2.hdslb.com/bfs/face/1c57a17a7b077ccd19dba58a981a673799b85aef.jpg",
  "fans": 0
}

model轉(zhuǎn)換與使用

var ownerMap = {
  "name": "伊零Onezero",
  "face":
      "http://i2.hdslb.com/bfs/face/1c57a17a7b077ccd19dba58a981a673799b85aef.jpg",
  "fans": 0
};
Owner owner = Owner.fromJson(ownerMap);
print('name:${owner.name}');
print('fans:${owner.fans}');
print('face:${owner.face}');

網(wǎng)頁(yè)自動(dòng)生成實(shí)體類

  {
    "id": "5633",
    "vid": "BV1q4411Y7zY",
    "title": "精神病人采訪實(shí)錄.突然覺得他們是那么的正?!?,
    "tname": "影視剪輯",
    "url": "https://o.devio.org/files/video/BV1yt4y1Q7SS.mp4",
    "cover": "http://i1.hdslb.com/bfs/archive/4d628fdc730243c78ad393fe1ab7d6a43ab7d0c7.jpg",
    "pubdate": 1557474141,
    "desc": "剪自《人間世》很棒的紀(jì)錄片,沒做好準(zhǔn)備千萬(wàn)別去看。",
    "view": 1333965,
    "duration": 145,
    "owner": {
      "name": "錦書致南辭",
      "face": "http://i0.hdslb.com/bfs/face/3f79d1df624218ab9a7774682fdb1d50a407ff88.jpg",
      "fans": 0
    },
    "reply": 2202,
    "favorite": 15392,
    "like": 36864,
    "coin": 3344,
    "share": 1841,
    "createTime": "2022-11-15 12:53:27",
    "size": 8161
  }

json_serializable使用技巧

Step1:插件安裝

dependencies:
...
  dio: ^3.0.10
  json_annotation: ^3.1.0


dev_dependencies:
...
  json_serializable: ^3.5.0
  build_runner: ^1.0.0

Step2:配置實(shí)體類

對(duì)于下面的json使用json_serializable該如何配置呢?

{
    "code": 0,
    "method": "GET",
    "requestPrams": "dd"
}
import 'package:json_annotation/json_annotation.dart';

// result.g.dart 將在我們運(yùn)行生成命令后自動(dòng)生成
part 'result.g.dart';

///這個(gè)標(biāo)注是告訴生成器,這個(gè)類是需要生成Model類的
@JsonSerializable()
class Result {
  //定義構(gòu)造方法
  Result(this.code, this.method, this.requestPrams);
  //定義字段
  int code;
  String method;
  String requestPrams;

  //固定格式,不同的類使用不同的mixin即可
  factory Result.fromJson(Map<String, dynamic> json) => _$ResultFromJson(json);
  //固定格式
  Map<String, dynamic> toJson() => _$ResultToJson(this);
}

因?yàn)閷?shí)體類的生成代碼還不存在,所以上代碼會(huì)提示一些錯(cuò)誤是正?,F(xiàn)象

Step3:執(zhí)行build生成實(shí)體類

flutter packages pub run build_runner build

那個(gè)方案適合我?

方案 特點(diǎn) 適合場(chǎng)景
手寫實(shí)體類 耗時(shí) 小型項(xiàng)目且json不復(fù)雜
網(wǎng)頁(yè)自動(dòng)生成 快速、易操作 任何類型的項(xiàng)目
json_serializable 需要定義字段、易維護(hù) 中大型項(xiàng)目
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容