Flutter 功能最全的JsonToDart工具(桌面Web海陆空支持)

2.也不是没有考虑用Dart写,毕竟支持web/windows/mac。但是我这个工具界面上面的布局,需要很多输入框进行自定义修改。Flutter现在的没有提供舒服的双向绑定方式,想一想每一个输入框就要一个control,头有点大。。

功能最全面的Json转换Dart的工具,支持Windows,Mac,Web以及Linux。

相关:

Flutter Candies qq群181398081

  • 下载
  • 安装
  • UWP(Windows10)
  • WPF(Windows7/Windows8)
  • Silverlight(Web)
  • Flutter(Mac)
  • Flutter(Windows_x64)
  • 使用
  • 格式化
  • 更多设置
  • 数据类型全方位保护
  • 数组全方位保护
  • 遍历数组次数
  • 属性命名
  • 属性排序
  • 添加保护方法
  • 文件头部信息
  • 属性访问器类型
  • 修改json类信息
  • 生成Dart

下载

Github下载速度太慢,为了方便大家下载,特意在gitee也创建了下载地址。

UWP 微软商店

WPF for Windows

UWP for Windows10

Flutter for Macos

Flutter for Web

平台语言描述代码/安装包地址
windowsC#uwp构建,运行环境windows10,x86/x64windows-uwp.zip
windowsC#wpf构建,运行环境windows10/windows8/widnows7,x86/x64windows-wpf.zip
windowsdartflutter构建, 使用官方方式编译,x64 ,debug版本windows-x64-flutter.zip
windowsdartflutter构建, 使用go-flutter编译,x64 ,debug版本windows-x64-go-flutter.zip
macdartflutter构建,使用go-flutter编译(官方方式,未找到产物)mac-go-flutter.zip
webC#silverlight构建, 需要安装silverlight插件,有浏览器限制网页地址带字体文件网页地址
webdartflutter-web构建网页地址
linuxdartflutter构建, 使用官方方式编译,(没有环境测试,假装可以用)代码地址

安装

UWP(Windows10)

Windows10 用户

考虑到应用商店经常大姨妈,就没有上传到商店了。

下载好安装包,解压。

第一次安装,需要安装证书,请按照下图,使用PowerShell打开Add-AppDevPackage.ps1,一路接受就安装完毕

后面如果工具有更新,可以下载最新的,然后点击FlutterCandiesJsonToDart_x.0.x.0_x86_x64.appxbundle 安装

WPF(Windows7/Windows8)

Windows7/Windows8 用户

下载解压,点击setup.exe安装

Silverlight(Web)

带字体文件是因为可能有乱码,由于中文字体问题,包含了中文字体文件,第一次会比较久,请耐心等待

首先需要安装Silverlight

Mac的用户下载Mac的,Windows用户下载Windows的

然后就是浏览器问题了,因为支持Silverlight的浏览器是有限的,除了Internet Explorer支持,以下版本的浏览器也支持.

Mac Safari 12.0以下的可以尝试这样开启插件

Mac Firefox这个版本能使用

Flutter(Mac)

点击json_to_dart启动

Flutter(Windows_x64)

flutter官方产物或者go-flutter产物为exe,点击exe启动

使用

左边是json的输入框以及最后Dart生成的代码,右边是生成的Json类的结构

格式化

点击格式化按钮,将json转换为右边可视化的json类结构

更多设置

设置会全部自动保存(flutter版本除外,需要手动保存),一次设置终身受益

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

9325)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
[外链图片转存中…(img-TFtsHohJ-1710873419325)]

你想了解关于将 JSON 转换为 Dart 代码的方法吗? 在 Dart 中,你可以使用 `json_serializable` 库来自动生成 Dart 类的序列化和反序列化代码。下面是一个简单的步骤指南: 1. 首先,在你的 Dart 项目中,打开 `pubspec.yaml` 文件,并添加 `json_serializable` 和 `json_annotation` 依赖: ```yaml dependencies: json_annotation: ^4.0.1 dev_dependencies: build_runner: ^2.1.0 json_serializable: ^4.1.3 ``` 2. 运行 `flutter pub get` 命令来获取依赖项。 3. 创建一个 Dart 类,该类将表示你的 JSON 数据结构。例如,如果你有一个名为 `User` 的类,其中包含 `id` 和 `name` 属性,可以按照以下方式创建: ```dart import 'package:json_annotation/json_annotation.dart'; part 'user.g.dart'; @JsonSerializable() class User { final int id; final String name; User({required this.id, required this.name}); factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json); Map<String, dynamic> toJson() => _$UserToJson(this); } ``` 4. 运行以下命令生成序列化和反序列化代码: ```bash flutter pub run build_runner build ``` 这将自动生成一个名为 `user.g.dart` 的文件,其中包含了 `User` 类的序列化和反序列化代码。 现在,你就可以使用 `User.fromJson()` 方法将 JSON 数据转换为 `User` 对象,使用 `user.toJson()` 方法将 `User` 对象转换为 JSON 数据了。 这是一个简单的示例,你可以根据你的数据结构和需求进行相应的调整。希望这能对你有所帮助!如有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值