Flutter 功能最全的JsonToDart工具(桌面Web海陆空支持)
JsonToDart 相关文章
更新已支持Mac
为什么要做这个工具呢?
1.老是被服务端坑,各种数据类型不对
2.参数命名混乱,强迫症根本不能忍
3.官方的不能自定义,然后我之前用的大佬们写的工具debuggerx01大佬,低调大佬,但是有些需求,还是不好老是麻烦大佬,就想着自己写方便一些
工具使用UWP,WPF和Silverlight开发,原因如下:
1.我是一个C#喵,从开始学习java,到入坑微软做Xaml,Silverlight,WPF,WindowsPhone,UWP 全套灵活运用。在最大的componentone/grapecity控件公司呆过几年,转做Flutter之后继续专注自定义组件 FlutterCandies, 希望能分享更多的Flutter组件,为大家提供方便。 那个。。话题扯远了。。总结一下,我觉得用UWP/WPF/Silverlight 海陆空一套代码完成这个工具会很方便
2.也不是没有考虑用Dart写,毕竟支持web/windows/mac。但是我这个工具界面上面的布局,需要很多输入框进行自定义修改。Flutter现在的没有提供舒服的双向绑定方式,想一想每一个输入框就要一个control,头有点大。。
相关:
Flutter Candies qq群181398081
下载
Github下载速度太慢,为了方便大家下载,特意在gitee也创建了下载地址。
平台 | 语言 | 描述 | 代码/安装包地址 | ||
---|---|---|---|---|---|
windows | C# | uwp构建,运行环境windows10,x86/x64 | windows-uwp.zip | ||
windows | C# | wpf构建,运行环境windows10/windows8/widnows7,x86/x64 | windows-wpf.zip | ||
windows | dart | flutter构建, 使用官方方式编译,x64 ,debug版本 | windows-x64-flutter.zip | ||
windows | dart | flutter构建, 使用go-flutter编译,x64 ,debug版本 | windows-x64-go-flutter.zip | ||
mac | dart | flutter构建,使用go-flutter编译(官方方式,未找到产物) | mac-go-flutter.zip | ||
web | C# | silverlight构建, 需要安装silverlight插件,有浏览器限制 | 网页地址和带字体文件网页地址 | ||
web | dart | flutter-web构建 | 网页地址 | ||
linux | dart | flutter构建, 使用官方方式编译,(没有环境测试,假装可以用) | 代码地址 | 代码地址 |
安装
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 Firefox这个版本能使用
Flutter(Mac)
点击json_to_dart启动
Flutter(Windows_x64)
flutter官方产物或者go-flutter产物为exe,点击exe启动
使用
左边是json的输入框以及最后Dart生成的代码,右边是生成的Json类的结构
格式化
点击格式化按钮,将json转换为右边可视化的json类结构
更多设置
设置会全部自动保存(flutter版本除外,需要手动保存),一次设置终身受益
数据类型全方位保护
大家一定会有被服务端坑的时候吧? 不按规定好了的数据类型传值,导致json整个解析失败。
打开这个开关,就会在获取数据的时候加一层保护,代码如下
T asT<T>(dynamic value) {
if (value is T) {
return value;
}
if (value != null) {
final String valueS = value.toString();
if (0 is T) {
return int.tryParse(valueS) as T;
} else if (0.0 is T) {
return double.tryParse(valueS) as T;
} else if ('' is T) {
return valueS as T;
} else if (false is T) {
if (valueS == '0' || valueS == '1') {
return (valueS == '1') as T;
}
return bool.fromEnvironment(value.toString()) as T;
}
}
return null;
}
数组全方位保护
在循环数组的时候,一个出错,导致json整个解析失败的情况,大家遇到过吧?
打开这个开关,将对每一次循环解析进行保护,代码如下
void tryCatch(Function f) {
try {
f?.call();
} catch (e, stack) {
debugPrint("$e");
debugPrint("$stack");
}
}
遍历数组次数
在服务器返回的数据中,有时候数组里面不是每一个item都带有全部的属性,
如果只检查第一个话,会存在属性丢失的情况
你可以通过多次循环来避免丢失属性
选项有1,20,99
99就代表循环全部进行检查
属性命名
属性命名规范选项:保持原样,驼峰式命名小驼峰,帕斯卡命名大驼峰,匈牙利命名下划线
Dart 官方推荐 驼峰式命名小驼峰
属性排序
对属性进行排序
排序选项: 保持原样,升序排列,降序排序
添加保护方法
是否添加保护方法。数据类型全方位保护/数组全方位保护 这2个开启的时候会生成方法。第一次使用的时候开启就可以了,你可以方法提出去,后面生成Dart就没有必要每个文件里面都要这2个方法了。
文件头部信息
可以在这里添加copyright,improt dart,创建人信息等等,支持[Date yyyy MM-dd]来生成时间,Date后面为日期格式。
比如[Date yyyy MM-dd] 会将你生成Dart代码的时间按照yyyy MM-dd的格式生成对应时间
属性访问器类型
点击格式化之后,右边会显示可视化的json类结构,在右边一列,就是属性访问器类型设置
选项:默认,Final,Get,GetSet
顶部设置修改,下面子项都会修改。你也可以单独对某个属性进行设置。
修改json类信息
点击格式化之后,右边会显示可视化的json类结构。
第一列为在json中对应的key
第二列为属性类型/类的名字。如果是类名,会用黄色背景提示
第三列是属性的名字
输入选项如果为空,会报红提示
生成Dart
做好设置之后,点击生成Dart按钮,左边就会生成你想要的Dart代码,并且提示“Dart生成成功,已复制到剪切板”,可以直接复制到你的Dart文件里面
是不是很方便很人性化,欢迎Start,Fork,666三连。
最后放上 Josn To Dart,如果你有什么不明白或者对这个方案有什么改进的地方,请告诉我,欢迎加入Flutter Candies,一起生产可爱的Flutter 小糖果QQ群:181398081
最最后放上Flutter Candies全家桶,真香。
转载自:https://juejin.cn/post/6844903875833495566