Work15-利用 API 回傳的 JSON 輸入 array 的假資料(領養資訊)

作業目的:抓取 API 回傳的 JSON 資料

先聲明因為我去政府資訊網站抓取Json的圖片網址，放在Xcode裡竟然抓不到！！

於是我就去隨便抓其他圖庫的網址~~

以下為我抓取圖庫的網址

图库照片、免版税图片、矢量艺术、视频片段 | Depositphotos

為了實驗是否抓得到，我另外Demo一個有使用Kingfisher和沒使用Kingfisher的差異～～

沒使用顯示不出照片：

有使用則顯示出來：

Kingfisher-抓圖套件顯示網路圖片：

以下步驟是讓xcode裡出現這個套件

打關鍵字K選擇Kingfisher-add PackAge

如果打出Kingfisher沒有出現套件的話->請到官方複製套件的URL

回到Xcode貼上

附上Kingfisher的URL網址：

Kingfisher - Swift Package Index

事前工作準備好了接下來準備找Json資料啦！！

我是去政府官網找的Json～～

動物認領養

之後就會出現資訊啦～～

有些資訊可能是亂碼～～可以利用JSON Editor Online去做排版

https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E5%88%A9%E7%94%A8-json-editor-online-%E6%8E%92%E7%89%88%E7%BE%8E%E7%BE%8E%E7%9A%84-json-%E8%B3%87%E6%96%99-7b1559668203

JSON Editor Online：排出來的話長這樣

程式碼：

之後就可以依照Json上的資訊去做array的資料了(要什麼資料自己可以自行設定)

struct資料:

AnimalTableViewCell->

拉IBOutlet:

AnimalTableViewController->

因為有使用套件所以要記得import!!

再來我需要的section只有一個，Row的數量就是我做的struct資料

在定義cell裡的identifler抓取AnimalTableViewCell裡的資訊

再來逐步賦予資料！！

因為使用Kingfisher-所以套用kf

最後完成品：

附上GitHub:

GitHub - JIM90108/Work15_Json_Array