一篇文章了解Flutter Json系列化和反序列化

目录

  • 一. 使用dart:convert实现JSON格式编解码
    • 1. 生成数据模型类
    • 2. 将JSON数据转化成数据模型类
    • 3. 数据模型类转化成JSON字符串
  • 二、借助`json_serializable`实现Json编解码
    • 1.添加`json_annotation`、`build_runner`、`json_serializable`依赖
    • 2. 创建一个数据模型类
    • 3. 使用命令行生成JSON序列化和反序列化的代码：
    • 4. 将JSON数据转化成数据模型类
    • 5. 数据模型类转化成JSON字符串
  • 三、 两种方案对比

一. 使用dart:convert实现JSON格式编解码

要在Flutter中解析JSON数据，您可以使用Flutter的内置库dart:convert。以下是一个简单的示例，演示如何解析JSON数据：

假设您有以下JSON数据（包含JSON数组和数据模型嵌套）

{"name": "John","age": 30,"email": "john@example.com","car": [{"name": "保时捷","price": 500},{"name": "奔驰","price": 1000}]
}

1. 生成数据模型类

数据模型生成网址： https://javiercbk.github.io/json_to_dart/
在这里插入图片描述

目前发现的缺点最外层是数组格式json生成的数据模型有问题，如下图：
在这里插入图片描述

class UserBean {String? name;int? age;String? email;List<Car>? car;UserBean({this.name, this.age, this.email, this.car});UserBean.fromJson(Map<String, dynamic> json) {name = json['name'];age = json['age'];email = json['email'];if (json['car'] != null) {car = <Car>[];json['car'].forEach((v) {car!.add(new Car.fromJson(v));});}}Map<String, dynamic> toJson() {final Map<String, dynamic> data = new Map<String, dynamic>();data['name'] = this.name;data['age'] = this.age;data['email'] = this.email;if (this.car != null) {data['car'] = this.car!.map((v) => v.toJson()).toList();}return data;}
}class Car {String? name;int? price;Car({this.name, this.price});Car.fromJson(Map<String, dynamic> json) {name = json['name'];price = json['price'];}Map<String, dynamic> toJson() {final Map<String, dynamic> data = new Map<String, dynamic>();data['name'] = this.name;data['price'] = this.price;return data;}
}

2. 将JSON数据转化成数据模型类

  • 导入dart:convert库：
import 'dart:convert';
  • 使用json.decode()方法解析JSON数据为一个Map对象：
 Map<String, dynamic> map = json.decode(jsonString);
  • 将map对象转化成数据模型类
  UserBean userBean = UserBean.fromJson(userBeanMap);

3. 数据模型类转化成JSON字符串

  • 导入dart:convert库：
import 'dart:convert';
  • 将数据模型类转化成map对象
Map<String,dynamic> userBeanMap1 = userBean.toJson();
  • 将Map对象转化成JSON字符串
String  userBeanJson = jsonEncode(userBeanMap1);

二、借助json_serializable实现Json编解码

1.添加json_annotation、build_runner、json_serializable依赖

dependencies:flutter:sdk: flutterjson_annotation: ^4.8.1dev_dependencies:...build_runner: '>=2.3.0 <4.0.0' json_serializable: ^6.6.2  ...

2. 创建一个数据模型类

serializable数据模型生成网址： https://caijinglong.github.io/json2dart/index_ch.html
在这里插入图片描述

import 'package:json_annotation/json_annotation.dart'; part 'user_bean.g.dart';@JsonSerializable()class UserBean extends Object {@JsonKey(name: 'name')String name;@JsonKey(name: 'age')int age;@JsonKey(name: 'email')String email;@JsonKey(name: 'car')List<Car> car;UserBean(this.name,this.age,this.email,this.car,);factory UserBean.fromJson(Map<String, dynamic> srcJson) => _$UserBeanFromJson(srcJson);Map<String, dynamic> toJson() => _$UserBeanToJson(this);}@JsonSerializable()class Car extends Object {@JsonKey(name: 'name')String name;@JsonKey(name: 'price')int price;Car(this.name,this.price,);factory Car.fromJson(Map<String, dynamic> srcJson) => _$CarFromJson(srcJson);Map<String, dynamic> toJson() => _$CarToJson(this);}

serializable数据模型3个要素：

  1. 导入json_annotation库注解，用于标识JSON字段和生成代码的相关信息。使用@JsonSerializable()注解类，用 @JsonKey(name: 'xx')注解字段，xx必须与JSON字段一一对应
  2. part 'xx.g.dart'; xx是当前文件名称，缺失这个配置或者配置错误，都会导致生成文件出错；
  3. _$XXFromJson 和_$XXToJson是通过build_runner自动生成的代码，用于序列化和反序列化JSON数据。

3. 使用命令行生成JSON序列化和反序列化的代码：

flutter packages pub run build_runner build

这个命令会为你的数据模型类生成user.g.dart文件，其中包含了_$XXFromJson和_$XXToJson方法的实现。
XX.g.dart默认会生成在模型类的同级目录。

  1. 如果有其他.g文件存在影响，可用这个命令flutter packages pub run build_runner build --delete-conflicting-outputs
  2. 如果build成功，但是没有文件生成，需要检查part ‘xx.g.dart’;是否缺失或者配置错误

4. 将JSON数据转化成数据模型类

  • 导入dart:convert库：
import 'dart:convert';
  • 使用json.decode()方法解析JSON数据为一个Map对象：
 Map<String, dynamic> map = json.decode(jsonString);
  • 将map对象转化成数据模型类
  UserBean userBean = UserBean.fromJson(userBeanMap);

5. 数据模型类转化成JSON字符串

  • 导入dart:convert库：
import 'dart:convert';
  • 将数据模型类转化成map对象
Map<String,dynamic> userBeanMap1 = userBean.toJson();
  • 将Map对象转化成JSON字符串
String  userBeanJson = jsonEncode(userBeanMap1);

三、 两种方案对比

相同点：

  1. 将Map对象转化成JSON字符串以及将Map对象转化成JSON字符串都是依赖convert;
  2. JSON字符串和数据模型之间转化都需要借助Map对象；

不同点：

  1. 处理数据模型字段变更场景，方案二修改代码较少，出错的概率更低：

方案一需要添加或者修改字段并且手动修改fromJson和toJson方法；
方案二需要添加或者修改字段，添加相关注解，并重新使用命令行生成JSON序列化和反序列化的代码；

  1. Json最外层的数据结构是数组类型

方案一不支持
方案二支持

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/222974.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【科研论文】检索证明、科技查新、查收查引（附教育部、科技部查新工作站名单）

【科研论文】检索证明、科技查新、查收查引（附教育部、科技部查新工作站名单）

文章目录 1、什么是科技查新 & 查收查引2、科技查新 & 查收查引有什么用3、如何办理科技查新 & 查收查引4、教育部科技查新工作站5、科技部认定的查新机构名单 1、什么是科技查新 & 查收查引 科技查新是国家科技部为避免科研课题重复立项和客观正确地判别科研…
阅读更多...
STM32 寄存器配置笔记——USART DMA接收

STM32 寄存器配置笔记——USART DMA接收

一、简介 本文主要介绍STM32如何配合USART的IDLE中断实现USART DMA接收不定长的数据。其中使用的接收缓存还是延用前面博客写的乒乓缓存。使用DMA USART接收来替代中断方式或轮询方式的接收主要是为了提高代码的运行效率&#xff0c;中断方式的接收&#xff0c;每接收一个字节便…
阅读更多...
5G边缘网关如何助力打造隧道巡检机器人

5G边缘网关如何助力打造隧道巡检机器人

我国已建成全世界里程最长的公路网、铁路网&#xff0c;是国民经济发展与国家现代化的重要支撑。我国幅员辽阔&#xff0c;地理环境复杂&#xff0c;公路/铁路的延伸也伴随着许多隧道的建设&#xff0c;由于隧道所穿越山体的地质条件复杂&#xff0c;对于隧道的监测、管理与养护…
阅读更多...
芒果RT-DETR改进实验：深度集成版目标检测 RT-DETR 热力图来了！支持自定义数据集训练出来的模型

芒果RT-DETR改进实验：深度集成版目标检测 RT-DETR 热力图来了！支持自定义数据集训练出来的模型

💡该教程为改进RT-DETR指南，属于《芒果书》📚系列，包含大量的原创改进方式🚀 💡🚀🚀🚀内含改进源代码 按步骤操作运行改进后的代码即可💡更方便的统计更多实验数据，方便写作 芒果RT-DETR改进实验：深度集成版目标检测 RT-DETR 热力图来了！支持自定义数据集…
阅读更多...
STM32在CTF中的应用和快速解题

STM32在CTF中的应用和快速解题

题目给的是bin文件&#xff0c;基本上就是需要我们手动修复的固件逆向。 如果给的是hex文件&#xff0c;我们可能需要使用MKD进行动态调试 主要还是以做题为目的 详细的可以去看文档&#xff1a;https://pdf1.alldatasheet.com/datasheet-pdf/view/201596/STMICROELECTRONIC…
阅读更多...
五、Java核心数组篇

五、Java核心数组篇

1.数组 概念&#xff1a; ​ 指的是一种容器&#xff0c;可以同来存储同种数据类型的多个值。 ​ 但是数组容器在存储数据的时候&#xff0c;需要结合隐式转换考虑。 比如&#xff1a; ​ 定义了一个int类型的数组。那么boolean。double类型的数据是不能存到这个数组中的&…
阅读更多...
23.Java程序设计--基于SSM框架的移动端家庭客栈管理系统的设计与实现

23.Java程序设计--基于SSM框架的移动端家庭客栈管理系统的设计与实现

第一章&#xff1a;引言 1.1 背景 客栈业务背景移动端应用需求增长趋势 1.2 研究动机 移动端管理系统的需求SSM框架的选择和优势 1.3 研究目的与意义 提高家庭客栈管理效率移动端解决方案的创新 第二章&#xff1a;相关技术和理论综述 2.1 SSM框架简介 Spring框架Spri…
阅读更多...
swagger的ApiModelProperty设置字段的顺序

swagger的ApiModelProperty设置字段的顺序

需求 让前端可以直接通过swagger就能知道各个字段是什么意思 如何配置 比如&#xff0c;我们设置了ApiModelProperty ApiModelProperty("用户主键")private Long userId;在swagger页面能直接看到注释 但是这个顺序是按照字母排序的&#xff0c;明显不符合我们的要…
阅读更多...
在IDEA中使用Git 、远程仓库克隆工程到本地

在IDEA中使用Git 、远程仓库克隆工程到本地

4.1 在IDEA中配置Git 安装好IntelliJ IDEA后&#xff0c;如果Git安装在默认路径下&#xff0c;那么idea会自动找到git的位置&#xff0c;如果更改了Git的安装位置则需要手动配置下Git的路径。 选择File→Settings打开设置窗口&#xff0c;找到Version Control下的git选项&…
阅读更多...
Java 基础学习（十）包装类、异常

Java 基础学习（十）包装类、异常

1 包装类 1.1 包装类概述 1.1.1 什么是包装类 在进行类型转换时&#xff0c;有一种特殊的转换&#xff1a;将 int 这样的基本数据类型转换为对象&#xff0c;如下图所示&#xff1a; 所有基本类型都有一个与之对应的类&#xff0c;即包装类&#xff08;wrapper&#xff09;。…
阅读更多...
机器学习--归一化处理

机器学习--归一化处理

归一化 归一化的目的 归一化的一个目的是&#xff0c;使得梯度下降在不同维度 θ \theta θ 参数&#xff08;不同数量级&#xff09;上&#xff0c;可以步调一致协同的进行梯度下降。这就好比社会主义&#xff0c;一小部分人先富裕起来了&#xff0c;先富带后富&#xff0c…
阅读更多...
微服务 Nacos服务注册与发现

微服务 Nacos服务注册与发现

一、Nacos 功能介绍 在微服务架构下&#xff0c;一个业务服务会被拆分成多个微服务&#xff0c;各个服务之间相互通信完成整体的功能。另外&#xff0c;为了避免单点故障&#xff0c;微服务都会采取集群方式的高可用部署&#xff0c;集群规模越大&#xff0c;性能也会越高&…
阅读更多...
为什么需要分库分表，如何实现？

为什么需要分库分表，如何实现？

本文我们主要讲解“为什么需要分库分表&#xff0c;如何实现”。 在前文中讲到了读写分离&#xff0c;读写分离优化了互联网读多写少场景下的性能问题&#xff0c;考虑一个业务场景&#xff0c;如果读库的数据规模非常大&#xff0c;除了增加多个从库之外&#xff0c;还有其他…
阅读更多...
WaitGroup并发控制原理及底层源码实现

WaitGroup并发控制原理及底层源码实现

WaitGroup并发控制原理及底层源码实现 1.1实现原理 1.2底层源码 type WaitGroup struct {noCopy noCopy// 64-bit value: high 32 bits are counter, low 32 bits are waiter count.// 64-bit atomic operations require 64-bit alignment, but 32-bit// compilers only guaran…
阅读更多...
态势感知是什么？在网络安全中有什么作用

态势感知是什么？在网络安全中有什么作用

态势感知是一种基于环境的、动态的、全面的洞察安全风险的能力。它以安全大数据为基础&#xff0c;从全局的角度&#xff0c;提高对安全威胁的发现识别、理解分析和处理反应能力。目的在于在大规模网络环境下&#xff0c;对能够引起网络态势变化的安全要素进行获取、理解、显示…
阅读更多...
L1-041：寻找250

L1-041：寻找250

题目描述 对方不想和你说话&#xff0c;并向你扔了一串数…… 而你必须从这一串数字中找到“250”这个高大上的感人数字。 输入格式&#xff1a; 输入在一行中给出不知道多少个绝对值不超过1000的整数&#xff0c;其中保证至少存在一个“250”。 输出格式&#xff1a; 在一行中…
阅读更多...
程序员视角体验快速搭建智能客服中心

程序员视角体验快速搭建智能客服中心

本篇文章授权活动官方亚马逊云科技文章转发、改写权&#xff0c;包括不限于在 亚马逊云科技开发者社区, 知乎&#xff0c;自媒体平台&#xff0c;第三方开发者媒体等亚马逊云科技官方渠道。 目录 前言基本概念工作原理浅试体验体验收获最后 前言 Amazon Connect是亚马逊云科技…
阅读更多...
2 - Electron 核心概念

2 - Electron 核心概念

Electron 核心概念 主进程 通过Node.js、Electron提供的API与系统底层打交道启动项目时运行的 main.js 脚本就是我们说的主进程。在主进程运行的脚本可以以创建 Web 页面的形式展示 GUI。主进程只有一个 渲染进程 每个 Electron 的页面都在运行着自己的进程&#xff0c;这样…
阅读更多...
检查字符串是否以指定的字符串结尾str.endswith()

检查字符串是否以指定的字符串结尾str.endswith()

【小白从小学Python、C、Java】 【计算机等考500强证书考研】 【Python-数据分析】 检查字符串是否以指定的字符串结尾 str.endswith() [太阳]选择题 请问以下代码输出的结果是&#xff1f; s "I love China!" print("【执行】print(s.endswith(!))") p…
阅读更多...
Redis设计与实现之双端链表

Redis设计与实现之双端链表

目录 一、Redis为什么选择双端链表作为底层数据结构&#xff1f; 二、双端链表 1、双端链表的应用 实现Redis的列表类型 Note: Redis列表使用两种数据结构作为底层实现&#xff1a; Redis自身功能的构建 2、双端链表的实现 ​编辑3、迭代器 三、双端链表在Redis中的应用…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023