返回顶部
首页 > 资讯 > 移动开发 >flutter开发实战-jsontodart及 生成Dart Model类
  • 250
分享到

flutter开发实战-jsontodart及 生成Dart Model类

flutterJSONdartmodel 2023-10-04 06:10:09 250人浏览 独家记忆
摘要

Flutter开发实战-JSONtodart及 生成Dart Model类。 在开发中,经常遇到请求的数据json需要转换成model类。这里记录一下Jsontodart生成Dart Model类的方

Flutter开发实战-JSONtodart及 生成Dart Model类。
在开发中,经常遇到请求的数据json需要转换成model类。这里记录一下Jsontodart生成Dart Model类的方案。

一、JSON生成Dart Model类

在开发中经常用到将json转成map或者list。通过json.decode() 可以方便 JSON 字符串转为 List/Map

{  "name": "Bruce",  "age": 20}

转换成Map

Map<String, dynamic> user = json.decode(json);

在自定义类中经常将请求封装,最后将请求转换成Map通过Dio请求服务器

class UserInfoReq {  int? id;  int? timestamp;  UserInfoReq(      {this.id, this.timestamp});  UserInfoReq.fromJson(Map<String, dynamic> json) {    id = json['id'];    timestamp = json['timestamp'];  }  Map<String, dynamic> toJson() {    final Map<String, dynamic> data = new Map<String, dynamic>();    data['id'] = this.id;    data['timestamp'] = this.timestamp;    return data;  }}

使用json_annotation、json_serializable、build_runner插件生产Json对应的Dart model

一、引入插件json_annotation、json_serializable、build_runner

在pubspec.yaml引入相应的插件json_annotation、json_serializable、build_runner

dependencies:  flutter:    sdk: flutter  flutter_localizations:    sdk: flutter  # The following adds the Cupertino Icons font to your application.  # Use with the CupertinoIcons class for iOS style icons.  cupertino_icons: ^1.0.2  # JSON注解  json_annotation: ^4.8.0dev_dependencies:  flutter_test:    sdk: flutter  # JSON转model  json_serializable: ^6.6.1  build_runner: ^2.3.3

二、将Json转成Dart

在开发中经常用到Jsontodart,这里使用的是一下两个
https://javiercbk.GitHub.io/json_to_dart/
Https://caijinglong.github.io/json2dart/index_ch.html

将一下Json转成对应的类

{"name":"Bruce","age":20}

对应的dart类

import 'package:json_annotation/json_annotation.dart';   part 'user_info_dto.g.dart';()  class UserInfoDto extends Object {  (name: 'name')  String name;  (name: 'age')  int age;  UserInfoDto(this.name,this.age,);  factory UserInfoDto.fromJson(Map<String, dynamic> srcJson) => _$UserInfoDtoFromJson(srcJson);  Map<String, dynamic> toJson() => _$UserInfoDtoToJson(this);}

由于这里用到了json_annotation,需要使用命令生成’user_info_dto.g.dart’文件

通过在项目根目录下运行:

flutter packages pub run build_runner build

这触发了一次性构建,可以在需要时为我们的 Model 生成 json 序列化代码,它通过我们的源文件,找出需要生成 Model 类的源文件(包含@JsonSerializable 标注的)来生成对应的 .g.dart 文件。

在这里插入图片描述

三、小结

flutter开发实战-jsontodart及 生成Dart Model类。使用json_annotation、json_serializable、build_runner插件生产Json对应的Dart model。

学习记录,每天不停进步。

来源地址:https://blog.csdn.net/gloryFlow/article/details/131927545

--结束END--

本文标题: flutter开发实战-jsontodart及 生成Dart Model类

本文链接: https://lsjlt.com/news/423260.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作