Flutter 高效率JSON转Model

最新推荐文章于 2024-04-19 12:43:54 发布
最新推荐文章于 2024-04-19 12:43:54 发布
阅读量578 收藏
点赞数
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25809393/article/details/109613708
版权
本文介绍了在Flutter开发中如何高效地将JSON数据转换为模型对象。由于Flutter不支持运行时反射，官方推荐了两种序列化方案：手动序列化和代码生成。对于大中型项目，建议使用json_annotation、json_serializable和build_runner这三个依赖包进行代码自动生成，以降低错误风险并提高维护性。文章详细阐述了转换流程，包括依赖添加、模型类创建、在线工具转换JSON、生成.g.dart文件等步骤。
摘要由CSDN通过智能技术生成

背景

在开发过程中，服务端通常返回的是JSON格式的数据，对于Web开发人员(JavaScript、TypeScript)中,可以直接拿到JSON数据来做我们的逻辑。

JSON本身起源于JavaScript，JavaScript解析处理JSON有天然的优势

但在像 Java、Dart 等强类型语言中，我们需要将JSON数据转模型对象来使用。

  • 一般情况下，我们会使用一些第三方库来动态转化Model,但是Flutter中没有像Java的GSON/Jackson这类JSON序列化库。

  • 因为Flutter中禁用运行时反射。官方解释是运行时反射会干扰Dart的Tree Shaking,使用Tree Shaking可以在Release版中去除未使用的代码，这可以显著优化应用程序的大小。

  • 由于反射会默认应用到Dart的反射功能，而正因如此也就无法实现动态化转Model的功能。

序列化的几种方案

Flutter官方推荐的有两种序列化方案：https://flutterchina.club/json/

  1. 小项目手动序列化，这种方案比较简单，比较适合小项目简单的JSON转换，但项目庞大，或者多人合作，容易出错，也不易维护。

    Flutter有一个内置dart:convert库
使用 dart:convert
最低0.47元/天 解锁文章
qq_25809393
关注
FlutterFlutterGo应用程序：使用Go编程语言开发Flutter应用程序
AI天才研究院
07-14 2814
在过去的一年里，移动端应用的开发框架一直呈现爆炸性增长，其中Flutter、Ionic、React Native等都是主流的热门技术框架。由于Flutter框架强大的跨平台特性，使得其适用于桌面、移动端、Web端等多平台，使得开发者可以快速开发出跨平台应用，提升了产品的可用性。但是，如果只是为了开发一个简单的跨平台应用，Flutter还是需要较多的代码编写工作。
Flutter系列（一）：Flutter在开眼快创的实践
KSdaqianduan的博客
09-28 665
背景介绍 随着跨端方案技术的不断演进，Flutter作为新一代自渲染引擎跨端方案，也随之受到了越来越多业内开发者的青睐，并且因为官方以及社区开发者持续对其版本进行迭代与优化，解决了大部分的性能和易用性问题，所以，Flutter也快速进入了 2.0时代。 开眼快创[1]是围绕商业化广告创意构建的一款产品，其目标人群涵盖了供应商、代理商、广告主、商家号以及视频行业等从业者，产品的目标是提供智能化生产素材相关的产品能力，从而达到降低商业属性用户生产（创意制作）门槛的目的，大幅提升广告创意质量，提高素材消耗。它
Flutter-JSON转Model以及json_serializable使用步骤
mrRuby的博客
01-18 5313
一、前言 现在大多数接口返回的数据都是json格式，在面向对象的开发过程中，基本上都需要转换为Model模型，方便在开发中使用。在Android开发中json字符串转Model对象，可以使用Gson、FastJson等，但在Flutter中确没有这么方便。在Flutter中，提供了dart.convert以及json.dart来解析json字符串，但转换后Map对象，要转换为Model对象还需要进一步处理。 二、JSON转Modle手动转换 2.1 定义Model对象以及转换方法 class Photo {
asp.net怎么生成json数据_Flutter如何JSON转Model
weixin_39952937的博客
11-28 296
Flutter如何JSON转Model在开发中，服务端通常给我们返回的是JSON数据，我们需要将JSON数据转成我们的模型对象来使用。在Flutter中，有几种JSON转模型的方式，我们还是以豆瓣为例，来进行一个演练；一. 豆瓣数据 这里我们使用豆瓣的请求地址：https://douban.uieee.com/v2/movie/top250?start=0&count=20在浏览...
json数据解析_「Flutter实战」22.JSON解析和复杂数据模型转换
weixin_39717152的博客
12-03 249
22.JSON解析和复杂数据模型转换技巧json转Model类创建model文件夹，在里面新建category.dart类主要根据这个json来分析我们要做成类的样子 json数据class CategoryBigModel{ String mallCategoryId;//类别编号 String mallCategoryName;//类别名称}comments这个字段都是null值。所以在创...
Json转model对象，model转json,解析json字符串
weixin_30883777的博客
06-22 533
GitHub链接： https://github.com/mozhenhau/D3Json D3Json 通过swift的反射特性，把json数据转换为model对象,本类最主要是解决了其他一般json转换类不能转换自定义对象的问题 只有一个文件：D3Json.swfit 扩展写在addExtension。可以参照扩展 Usage 例子在D3Json的Pr...
【Flutter】JSON 模型转换 ( JSON 序列化工具 | JSON 手动序列化 | 根据 JSON 编写 Dart 模型类 | 在线自动根据 JSON 转换 Dart 类 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
08-26 2184
一、JSON 序列化工具、 二、JSON 手动序列化、 三、根据 JSON 编写 Dart 模型类、 四、在线自动转换、 五、相关资源、
Flutter开发者的Dart模型转换利器：Json2Dart插件
资源摘要信息:"Flutter开发者json转model_json2dart-1.1.5.zip"是一个专门为Flutter开发者设计的插件，主要用于将Json数据转换成Dart语言的model类，极大地方便了开发过程中数据模型的生成。该插件的版本为1.1.5，...
通过flutter制作模仿豆瓣的应用
08-13
Flutter是Google推出的一款开源的跨平台移动应用开发框架，它允许开发者使用单一代码库构建高质量的Android和iOS应用。在这个项目中，我们将深入探讨如何使用Flutter来制作一个类似豆瓣的应用，以实现基本的功能，如...
flutter：网络请求、json数据转为Model
weixin_41897680的博客
06-16 2049
flutter：网络请求、json数据转为Model
json_to_model:通过代码生成的iOS ORM
05-14
JSON建模 将JSON api转换为Objective-C和Swift模型源文件。 厌倦了编写模型和JSON解析器？ 然后自动生成它们！ 请考虑贡献代码。 请向我发送错误报告和问题。 用法 假设您有一个json文件input/comment.json ： { " __class__ " : " User " , " username " : " Alice " , " age " : 17 , " email " : " alice@somemail.com " , " registered " : true } 跑步： pip install json_to_model json_to_model -i input/ -o output/ -l objc 你会得到： ~/models/User.h ~/models/User.m
mac josn转model工具 iOS
04-06
作者yangKJ，源码KJJsonToModelDemo，mac软件 一款json转model工具
Python Json to Model
hdwhappy的专栏
02-05 3834
1.Python 需要json2model吗？ 最近用Python写crash监控预警系统，系统在最开始时，加载请求一个监控需要的配置接口。接口返回一个Json结构的数据，如下： { "projectName": "X项目", "projectID": "xproject", "administrator": "huangdawei@163.com", "t
JSON to Model: Mantle
TI09257的博客
04-20 890
简介：mantle属于JSON转model的第三方库，利用mantle可以方便的利用JSON文件生成相应的model。作为一种被广泛使用的库，其具有以下优点： 1、字段映射比较方便。 2、扩展时比较方便。 3、可以实现很多复杂的映射关系和数值转换。 4、实现了NSCopying和NSCoding协议，可以轻松序列化。 强大的功能使得代码比较称重，在使用时的效率相比其它如YYModel，J...
Flutter模型与json的相互转换
01-11 3887
  最近遇到了需要将模型信息转换为json文件，并保存在本地，后续会根据json文件转换成对应的模型。在实践的过程中踩到了一些坑点下面一一和大家分享。 颜色色值不要使用16进制整型存储   flutter中颜色色值的表示使用16进制的整型数字，但是将16进制的整型数字存储到json的时候会被自动转换成10进制的数字，在后续阶段json转模型会比较麻烦。这里和大家分享一个第三方库hexcolor ，直接使用16进制字符串来初始化颜色Color。因此我们在将颜色色值存储到json的时候，可以将16进制的字符
关于flutter中通过json对象自动生成模型（freezed库）
Wuxiaoming135的博客
04-19 665
需要注意的是，实际上如果读者按照作者的步骤可能并不能得到理想的结果，这里有一个bug的地方导致name可以正常获取到，但是img_urls只能获得一个null。复制到的代码粘贴到msg_entity.dart文件中，接着终端运行dart run build_runner watch来生成代码。结构比较简单（如果是后端直接返回一个list，建议采用其中一个item作为模型映射对象），接着复制这个item，放进。
Flutter高级第2篇：JSON的序列化和反序列化、创建模型类转换Json数据
qq_27494201的博客
12-17 830
一、Flutter JSON 序列化反序列化 1、使用 dart:convert 手动序列化 JSON 2、模型类中序列化 JSON 小项目中使用 dart:convert 手动序列化 JSON 非常好，也非常快速。但是随着项目的增大， dart:convert 手动序列化 JSON 的话失去了大部分静态类型语言特性：类型安全、自动补全和 最重要的编译时异常。这样一来，我们的代码可能会变得非常容易...
JSONModel解析Dictionary To Model /JSON To Model
weixin_30568715的博客
09-11 188
你在把字典转成object的时候还在按下面这样: self.id = [jsonDict objectForKey:@"id"]; self.name = [jsonDict objectForKey:@"name"]; self.profileImageBig = [jsonDict objectForKey:@"profile_image_big"]; self.profileImag...
移动电商——Flutter-JSON解析和复杂数据模型转换技巧
aming小老弟
08-13 315
QQ 1274510382 Wechat JNZ_aming 商业联盟 QQ群538250800 技术搞事 QQ群599020441 解决方案 QQ群152889761 加入我们 QQ群649347320 共享学习 QQ群674240731 纪年科技aming 网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。 ...
Flutter json转模型
最新发布
10-25
在Flutter中，将JSON数据转换为自定义模型（通常是一个 Dart 类或结构体）的过程叫做序列化（Serialization）。当你从网络请求、本地存储或其他数据源获取 JSON 数据时，你需要将其解析并填充到对应的模型类中。 `json_annotation` 和 `dart:convert` 这两个库经常一起用于这个目的： 1. `json_annotation`: 它是一个注解驱动的工具，允许你在模型类上添加注解，告诉它如何映射 JSON 字段到属性。例如，你可以使用 `@JsonKey(name: 'field_name')` 来指定字段名与JSON键的不同。 ```dart part 'model.g.dart'; // 使用json_serializable生成g.dart文件 import 'package:json_annotation/json_annotation.dart'; @JsonSerializable() class UserModel { @JsonKey(name: 'id') final int userId; @JsonKey(name: 'name') final String userName; UserModel({required this.userId, required this.userName}); factory UserModel.fromJson(Map<String, dynamic> json) => _$UserModelFromJson(json); Map<String, dynamic> toJson() => _$UserModelToJson(this); } ``` 2. `dart:convert`: 提供了 `jsonDecode()` 和 `jsonEncode()` 函数，分别用于将JSON字符串解码成Map，然后使用刚才定义的工厂函数 `fromJson` 将Map转换回模型实例。 ```dart String jsonString = '{"id": 1, "name": "John"}'; final user = UserModel.fromJson(jsonDecode(jsonString)); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值