Flutter工具:Dart几种常用Json转Object方式

2019年8月19日19:43:28 发表评论 2,554 views

Json这东西在大部分开发中是不可少的。所以接下来罗列几种最近学习Flutter中个人常用的几种Json转Object的方式。

网页工具

某大神提供的JSON to Dart的网页版工具,点进去你就会用了。如图,简单明了,没什么可说。

Flutter工具:Dart几种常用Json转Object方式

目前发现的缺点数组格式json无法直接转

json_serializable

刚开始学习的时候在某博客看到的(忘记是哪个了),整体操作比较繁琐。以下是该工具的GitHub地址,及使用步骤。

github

github.com/dart-lang/j…

集成

在pubspec.yaml文件中添加dio和json_serializable的相关插件

dependencies:
  flutter:
    sdk: flutter

  dio: ^2.1.3 #网络请求
  json_annotation: ^0.2.3

dev_dependencies:
  flutter_test:
    sdk: flutter

  #这两个是dev的,不要放到上面去了哦
  build_runner: ^0.9.0
  json_serializable: ^2.0.00

复制代码

创建model

通过这个网址生成dar文件,效果如下图:

Flutter工具:Dart几种常用Json转Object方式

生成的with混合类 如果没用可删除

命令生成.g文件

在项目根目录下输入命令:flutter packages pub run build_runner build, 完成之后会在bean.dart同级目录下,自动创建一个名为bean.g.dart的文件

如果有其他.g文件存在影响,可用这个命令`flutter packages pub run build_runner build --delete-conflicting-outputs`

FlutterJsonBeanFactory插件

插件安装

使用AndroidStudio/Idea的朋友可以到Setting->Plugins中安装

使用

在你要写bean的目录右击->New->dart bean class File from JSON,如图:

Flutter工具:Dart几种常用Json转Object方式

在弹出的界面写上文件名,粘上json格式

Flutter工具:Dart几种常用Json转Object方式
  • 生成的文件名后面会自动加上_entity
  • 同第一个一样,数组格式的json也无法直接生成

手写

你懂的!

PS:关于数组json

如下格式json数组,在工具1跟3是无法直接生成的。

[
  {
    "howlong": "30",
    "id": "1",
    "name": "一个月",
    "price": "50.05"
  }
]
复制代码

这一类的可以直接生成数组内的Object对象,然后再对应文件添加获取对象的方法即可,如:

List<Bean> getBeanList(List<dynamic> list){
    List<Bean> result = [];
    list.forEach((item){
      result.add(Bean.fromJson(item));
    });
    return result;
  }
复制代码

尾记

因时常会忘记,所以这就当一个小总结吧。各位道友可根据不同场景选择使用,也欢迎推荐其他的方式。

作者:牛肉羹一碗
链接:https://juejin.im/post/5d4a2d80f265da03ee6a4097
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: