JsonToDart 相關(guān)文章

• Flutter 功能最全的JsonToDart工具(桌面Web海陸空支持)
• Flutter JsonToDart Mac版 lei了，真的不mark嗎
• Flutter JsonToDart 工具

更新已支持Mac

為什么要做這個(gè)工具呢眶拉？

1.老是被服務(wù)端坑仔掸，各種數(shù)據(jù)類(lèi)型不對(duì)

2.參數(shù)命名混亂，強(qiáng)迫癥根本不能忍

3.官方的不能自定義噪矛，然后我之前用的大佬們寫(xiě)的工具debuggerx01大佬量蕊，低調(diào)大佬，但是有些需求艇挨，還是不好老是麻煩大佬残炮，就想著自己寫(xiě)方便一些

工具使用UWP,WPF和Silverlight開(kāi)發(fā)，原因如下：

1.我是一個(gè)C#喵缩滨，從開(kāi)始學(xué)習(xí)java凳干，到入坑微軟做Xaml，Silverlight痪枫，WPF,WindowsPhone残腌，UWP 全套靈活運(yùn)用。在最大的componentone/grapecity控件公司呆過(guò)幾年鸠删，轉(zhuǎn)做Flutter之后繼續(xù)專注自定義組件 FlutterCandies, 希望能分享更多的Flutter組件抱完，為大家提供方便。 那個(gè)刃泡。巧娱。話題扯遠(yuǎn)了。烘贴〗恚總結(jié)一下，我覺(jué)得用UWP/WPF/Silverlight 海陸空一套代碼完成這個(gè)工具會(huì)很方便

2.也不是沒(méi)有考慮用Dart寫(xiě)桨踪，畢竟支持web/windows/mac老翘。但是我這個(gè)工具界面上面的布局，需要很多輸入框進(jìn)行自定義修改锻离。Flutter現(xiàn)在的沒(méi)有提供舒服的雙向綁定方式铺峭，想一想每一個(gè)輸入框就要一個(gè)control,頭有點(diǎn)大。汽纠。

功能最全面的Json轉(zhuǎn)換Dart的工具卫键，支持Windows，Mac虱朵，Web以及Linux莉炉。

相關(guān)：

• uwp
• wpf
• silverlight
• flutter
• flutter-desktop
• flutter-web
• go-flutter
• go
• hover

Flutter Candies qq群181398081

• 下載
• 安裝
  • UWP(Windows10)
  • WPF(Windows7/Windows8)
  • Silverlight(Web)
  • Flutter(Mac)
  • Flutter(Windows_x64)
• 使用
  • 格式化
  • 更多設(shè)置
    • 數(shù)據(jù)類(lèi)型全方位保護(hù)
    • 數(shù)組全方位保護(hù)
    • 遍歷數(shù)組次數(shù)
    • 屬性命名
    • 屬性排序
    • 添加保護(hù)方法
    • 文件頭部信息
    • 屬性訪問(wèn)器類(lèi)型
  • 修改json類(lèi)信息
  • 生成Dart

下載

安裝

UWP(Windows10)

Windows10 用戶

考慮到應(yīng)用商店經(jīng)常大姨媽，就沒(méi)有上傳到商店了治专。

下載好安裝包卖陵，解壓。

第一次安裝张峰，需要安裝證書(shū)泪蔫，請(qǐng)按照下圖，使用PowerShell打開(kāi)Add-AppDevPackage.ps1喘批，一路接受就安裝完畢

image

后面如果工具有更新撩荣，可以下載最新的，然后點(diǎn)擊FlutterCandiesJsonToDart_x.0.x.0_x86_x64.appxbundle 安裝

image

WPF(Windows7/Windows8)

Windows7/Windows8 用戶

下載解壓饶深，點(diǎn)擊setup.exe安裝

image

Silverlight(Web)

帶字體文件是因?yàn)榭赡苡衼y碼餐曹，由于中文字體問(wèn)題，包含了中文字體文件敌厘，第一次會(huì)比較久台猴，請(qǐng)耐心等待

首先需要安裝Silverlight

Mac的用戶下載Mac的，Windows用戶下載Windows的

然后就是瀏覽器問(wèn)題了俱两，因?yàn)橹С諷ilverlight的瀏覽器是有限的饱狂，除了Internet Explorer支持，以下版本的瀏覽器也支持.

image

Mac Safari 12.0以下的可以嘗試這樣開(kāi)啟插件

Mac Firefox這個(gè)版本能使用

Flutter(Mac)

點(diǎn)擊json_to_dart啟動(dòng)

image

Flutter(Windows_x64)

flutter官方產(chǎn)物或者go-flutter產(chǎn)物為exe宪彩，點(diǎn)擊exe啟動(dòng)

使用

image

左邊是json的輸入框以及最后Dart生成的代碼休讳，右邊是生成的Json類(lèi)的結(jié)構(gòu)

格式化

點(diǎn)擊格式化按鈕，將json轉(zhuǎn)換為右邊可視化的json類(lèi)結(jié)構(gòu)

更多設(shè)置

設(shè)置會(huì)全部自動(dòng)保存（flutter版本除外尿孔，需要手動(dòng)保存）俊柔，一次設(shè)置終身受益

數(shù)據(jù)類(lèi)型全方位保護(hù)

大家一定會(huì)有被服務(wù)端坑的時(shí)候吧？ 不按規(guī)定好了的數(shù)據(jù)類(lèi)型傳值活合，導(dǎo)致json整個(gè)解析失敗雏婶。

打開(kāi)這個(gè)開(kāi)關(guān)，就會(huì)在獲取數(shù)據(jù)的時(shí)候加一層保護(hù)芜辕，代碼如下

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;
}

數(shù)組全方位保護(hù)

在循環(huán)數(shù)組的時(shí)候尚骄，一個(gè)出錯(cuò)块差，導(dǎo)致json整個(gè)解析失敗的情況侵续，大家遇到過(guò)吧倔丈？

打開(kāi)這個(gè)開(kāi)關(guān)，將對(duì)每一次循環(huán)解析進(jìn)行保護(hù)状蜗，代碼如下

void tryCatch(Function f) {
  try {
    f?.call();
  } catch (e, stack) {
    debugPrint("$e");
    debugPrint("$stack");
  }
}

遍歷數(shù)組次數(shù)

在服務(wù)器返回的數(shù)據(jù)中需五，有時(shí)候數(shù)組里面不是每一個(gè)item都帶有全部的屬性，

如果只檢查第一個(gè)話轧坎，會(huì)存在屬性丟失的情況

你可以通過(guò)多次循環(huán)來(lái)避免丟失屬性

選項(xiàng)有1宏邮，20，99

99就代表循環(huán)全部進(jìn)行檢查

屬性命名

屬性命名規(guī)范選項(xiàng)：保持原樣缸血，駝峰式命名小駝峰蜜氨，帕斯卡命名大駝峰，匈牙利命名下劃線

Dart 命名規(guī)范

Dart 官方推薦 駝峰式命名小駝峰

屬性排序

對(duì)屬性進(jìn)行排序

排序選項(xiàng)： 保持原樣捎泻，升序排列飒炎，降序排序

添加保護(hù)方法

是否添加保護(hù)方法。數(shù)據(jù)類(lèi)型全方位保護(hù)/數(shù)組全方位保護(hù) 這2個(gè)開(kāi)啟的時(shí)候會(huì)生成方法笆豁。第一次使用的時(shí)候開(kāi)啟就可以了郎汪，你可以方法提出去，后面生成Dart就沒(méi)有必要每個(gè)文件里面都要這2個(gè)方法了闯狱。

文件頭部信息

可以在這里添加copyright煞赢，improt dart，創(chuàng)建人信息等等哄孤，支持[Date yyyy MM-dd]來(lái)生成時(shí)間照筑，Date后面為日期格式。

比如[Date yyyy MM-dd] 會(huì)將你生成Dart代碼的時(shí)間按照yyyy MM-dd的格式生成對(duì)應(yīng)時(shí)間

屬性訪問(wèn)器類(lèi)型

點(diǎn)擊格式化之后录豺，右邊會(huì)顯示可視化的json類(lèi)結(jié)構(gòu)朦肘，在右邊一列，就是屬性訪問(wèn)器類(lèi)型設(shè)置

image

選項(xiàng)：默認(rèn)双饥，F(xiàn)inal媒抠，Get，GetSet

頂部設(shè)置修改咏花，下面子項(xiàng)都會(huì)修改趴生。你也可以單獨(dú)對(duì)某個(gè)屬性進(jìn)行設(shè)置。

修改json類(lèi)信息

點(diǎn)擊格式化之后昏翰，右邊會(huì)顯示可視化的json類(lèi)結(jié)構(gòu)苍匆。

第一列為在json中對(duì)應(yīng)的key

第二列為屬性類(lèi)型/類(lèi)的名字。如果是類(lèi)名棚菊，會(huì)用黃色背景提示

第三列是屬性的名字

輸入選項(xiàng)如果為空浸踩，會(huì)報(bào)紅提示

生成Dart

做好設(shè)置之后，點(diǎn)擊生成Dart按鈕统求，左邊就會(huì)生成你想要的Dart代碼检碗，并且提示“Dart生成成功据块，已復(fù)制到剪切板”，可以直接復(fù)制到你的Dart文件里面

是不是很方便很人性化折剃，歡迎Start另假，F(xiàn)ork，666三連怕犁。

最后放上 Josn To Dart边篮，如果你有什么不明白或者對(duì)這個(gè)方案有什么改進(jìn)的地方，請(qǐng)告訴我奏甫，歡迎加入Flutter Candies戈轿，一起生產(chǎn)可愛(ài)的Flutter 小糖果(QQ群:181398081)

再次邀請(qǐng)，有心為Flutter生態(tài)做貢獻(xiàn)的小伙伴加入Flutter Candies阵子，一起開(kāi)心地寫(xiě)bug凶杖。

image

最最后放上Flutter Candies全家桶，真香款筑。

image