Flutter JSON解析与复杂模型转换技巧

其实转换成model类是有好处的，转换后可以减少上线后APP崩溃和出现异常，所以我们从这节课开始，要制作model类模型，然后用model的形式编辑UI界面。

类别json的分析

比如现在从后台得到了一串JSON数据：

{
    "code": "0",
    "message": "success",
    "data": [{
        "mallCategoryId": "4",
        "mallCategoryName": "白酒",
        "bxMallSubDto": [{
            "mallSubId": "2c9f6c94621970a801626a35cb4d0175",
            "mallCategoryId": "4",
            "mallSubName": "名酒",
            "comments": ""
        }, {
            "mallSubId": "2c9f6c94621970a801626a363e5a0176",
            "mallCategoryId": "4",
            "mallSubName": "宝丰",
            "comments": ""
        },{
            "mallSubId": "2c9f6c94679b4fb10167f7de126815d7",
            "mallCategoryId": "4",
            "mallSubName": "竹叶青",
            "comments": null
        }],
        "comments": null,
}

模型层的建立

把模型层单独放到一个文件夹里，然后建立一个category.dart文件。这个文件就是要结合json文件，形成的modle文件。文件里大量使用了dart中的 factory语法。

工厂构造函数

factory 关键字的功能，当实现构造函数但是不想每次都创建该类的一个实例的时候使用。

工厂模式是我们最常用的实例化对象模式了，是用工厂方法代替new操作的一种模式。用简单明了的方式解释，模式上类似于面向对象的多态，用起来和静态方法差不多。高雅和低俗的结合，相当于听着贝多芬的交响乐《命运》，看着波多野结衣的岛国小电影，只要你爽，什么都可以。

我们先制作了一个大分类的Class,代码如下：

class CategoryBigModel{
  String mallCategoryId; //类别ID
  String mallCategoryName; //类型名称
  List<dynamic> bxMallSubDto; //子类  dynamic动态的
  Null comments; //描述
  String image; //图片
  //构造函数
  CategoryBigModel({
    this.mallCategoryId, this.mallCategoryName, this.bxMallSubDto, this.comments, this.image
  });

  //工厂模式-用这种模式可以省略New关键字
  factory CategoryBigModel.fromJson(dynamic json){
    return CategoryBigModel(
      mallCategoryId: json[‘mallCategoryId‘],
      mallCategoryName:json[‘mallCategoryName‘],
      bxMallSubDto:json[‘bxMallSubDto‘],
      comments:json[‘comments‘],
      image:json[‘image‘],
    );
  }

}

这个只是单个的一个大类信息的模型，但我们是一个列表，这时候就需要制作一个列表的模型，而这个List里边是我们定义的CategoryBigModel模型。简单理解就是先定义一个单项模型，然后再定义个列表的模型。

class CategoryBigListModel {

  List<CategoryBigModel> data;
  CategoryBigListModel(this.data);
  factory CategoryBigListModel.formJson(List json){
    return CategoryBigListModel(
      json.map((i)=>CategoryBigModel.fromJson((i))).toList()
    );
  }
  
}

这样就建立好了一个模型，其实这个模型还可以继续建立，以后的课程中也会逐渐深入。这里到这里，相信大家都掌握了建立模型的方法。

数据模型的使用

使用数据模型就简单很多了。直接声明变量，调用formJson方法就可以了。直接在_getCategory()方法里。记得先引入数据模型类，然后用.的形式进行输出了。

import ‘../model/category.dart‘;
void _getCategory() async{
    await request(‘post‘, ‘getCategory‘).then((val){
      var data = json.decode(val.toString());
      //print(data);
      CategoryBigListModel list = CategoryBigListModel.formJson(data[‘data‘]);
      list.data.forEach((item) => print(item.mallCategoryName));
    });
}

写完这些，你就可以在控制台看到结果了。如果是第一次接触数据模型，可能还是稍微有些绕的。

json_to_dart的使用

如果我们得到一个特别复杂的JSON,有时候会无从下手开始写Model,这时候就可以使用一些辅助工具。我认为json_to_dart是比较好用的一个。它可以直接把json转换成dart类，然后进行一定的修改，就可以快乐的使用了。工作中我拿到一个json，都是先操作一下，然后再改的。算是一个小窍门吧。

链接: https://fly63.com/article/detial/5755