博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flutter Dart 和 Flutter json转实体类(插件自动生成)
阅读量:4049 次
发布时间:2019-05-25

本文共 2172 字,大约阅读时间需要 7 分钟。

Json数据转成实体类的好处

将Json数据转成实体类可以方便我们开发的时候使用数据,手动输入字段名称的话很容易出错,并且接口多的话很不好维护。

Flutter中是否有Gson、FastJson这样的库

在Android原生开发中,我们有很好用的Gson、FastJson等第三方库来帮助我们将json转成实体类。但是,在Flutter中可能不会有这样的第三方库供我们使用了,详细原因请看 

Flutter 中如何处理Json

Flutter给我们提供了 dart:convert 包,我们可以通过

json.decode(json)  来序列化json

例子:

json数据如下:

{	"reason": "成功的返回",	"result": {		"stat": "1",		"data": [{			"uniquekey": "0bb54602fcc15111afca8452cc127d57",			"title": "口香糖销量下降30%,你一定猜不到原因",			"date": "2019-03-06 12:55",			"category": "头条",			"author_name": "解放网",			"url": "http:\/\/mini.eastday.com\/mobile\/190306125558115.html",			"thumbnail_pic_s": "http:\/\/01imgmini.eastday.com\/mobile\/20190306\/20190306125558_d2b6545a4b6273201218c32c6ffe436a_1_mwpm_03200403.jpg"		}, {			"uniquekey": "c92887585d01563c077c7be7f23dca87",			"title": "《还珠格格》中的演员都老了,网友:五阿哥还是很帅",			"date": "2019-03-06 12:44",			"category": "头条",			"author_name": "北青网",			"url": "http:\/\/mini.eastday.com\/mobile\/190306124440102.html",			"thumbnail_pic_s": "http:\/\/04imgmini.eastday.com\/mobile\/20190306\/20190306124440_bfad5f823d7fcad5e044754e095278ef_1_mwpm_03200403.jpg",			"thumbnail_pic_s02": "http:\/\/04imgmini.eastday.com\/mobile\/20190306\/20190306124440_bfad5f823d7fcad5e044754e095278ef_4_mwpm_03200403.jpg",			"thumbnail_pic_s03": "http:\/\/04imgmini.eastday.com\/mobile\/20190306\/20190306124440_bfad5f823d7fcad5e044754e095278ef_2_mwpm_03200403.jpg"		}]	},	"error_code": 0}

我们可以通过:

首先记得先导包:

import 'dart:convert';

然后:

/*将字符串转成json  返回的是键值对的形式*/Map
news = jsonDecode(jsonData);/*取值*/String sats = news['result']['stat'];

可以看到,我们这样取值是需要手动的敲字段来获取数据的,一旦字段比较多的话,就很麻烦

Flutter Json转实体类(一键生成)

在开发过程中,我们一般都是使用插件或工具一键生成实体类的,这样极大的提高了开发效率,目前我们可以通过在线生成和安装插件生成的方式来一键生成Dart类。

方式一:在线生成

使用步骤:

1.首先打开 

页面如下:

在这里插入图片描述

2.将json数据赋值到输入框中,点击创建Dart类,然后右边就是生成好的Dart代码,类名可以复制到编辑器后自行修改

在这里插入图片描述

3.创建一个Dart类,将类名自行修改一下

在这里插入图片描述

4,使用方式如下

/*先将字符串转成json*/Map
json = jsonDecode(jsonData);/*将Json转成实体类*/NewsBean newsBean=NewsBean.fromJson(news);/*取值*/String sats = newsBean.result.stat;

方式二:安装FlutterJsonBeanFactory插件生成

首先安装FlutterJsonBeanFactory这个插件,安装方式很简单,这里我就不说了。

安装完成后右键包目录,选择new

在这里插入图片描述

然后选择dart bean class File from JSON

在这里插入图片描述

然后将json数据粘贴至输入框,输入类名,点击make即可

在这里插入图片描述

这样实体类就生成好了

在这里插入图片描述

用插件生成也是很方便的。

转自:

 

 

转载地址:http://tonci.baihongyu.com/

你可能感兴趣的文章
当前主要目标和工作
查看>>
使用 Springboot 对 Kettle 进行调度开发
查看>>
一文看清HBase的使用场景
查看>>
解析zookeeper的工作流程
查看>>
搞定Java面试中的数据结构问题
查看>>
慢慢欣赏linux make uImage流程
查看>>
linux内核学习(7)脱胎换骨解压缩的内核
查看>>
以太网基础知识
查看>>
慢慢欣赏linux 内核模块引用
查看>>
kprobe学习
查看>>
慢慢欣赏linux phy驱动初始化2
查看>>
慢慢欣赏linux CPU占用率学习
查看>>
2020年终总结
查看>>
Homebrew指令集
查看>>
React Native(一):搭建开发环境、出Hello World
查看>>
React Native(二):属性、状态
查看>>
JSX使用总结
查看>>
React Native(四):布局(使用Flexbox)
查看>>
React Native(七):Android双击Back键退出应用
查看>>
Android自定义apk名称、版本号自增
查看>>