iOS swift 接力使力之玩 open data
Download as PPTX, PDF3 likes831 views
该文档介绍了使用 Alamofire、CocoaPods 和 JSON 进行 iOS 开发的过程。内容包括社区介绍、程序实现、以及在 Swift 中如何利用 Alamofire 获取开放数据。文中还详细描述了 JSON 数据格式及其在表格视图中的应用。
![Alamofire、Cocoapods、JSON、Open Data
之程式運用
JSON用於描述資料結構，有以下形式存在。
•物件（object）：一個物件以「{」開始，並以「}」結束。一個物件包含一系列非排序的名稱／值對
，每個名稱／值對之間使用「,」分割。
•名稱／值（collection）：名稱和值之間使用「：」隔開，一般的形式是：
{name:value}
一個名稱是一個字串； 一個值可以是一個字串，一個數值，一個物件，一個布林值，一個有序列表
，或者一個null值。
•值的有序列表（Array）：一個或者多個值用「,」分割後，使用「[」，「]」括起來就形成了這樣的
列表，形如：
[collection, collection]
•字串：以""括起來的一串字元。
•數值：一系列0-9的數字組合，可以為負數或者小數。還可以用「e」或者「E」表示為指數形式。
•布林值：表示為true或者false。](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-7-320.jpg)
![Alamofire、Cocoapods、JSON、Open Data
之程式運用
{ "firstName": "John", "lastName": "Smith", "sex": "male",
"age": 25, "address": { "streetAddress": "21 2nd Street",
"city": "New York", "state": "NY", "postalCode": "10021" },
"phoneNumber": [ { "type": "home", "number": "212 555-1234" },
{ "type": "fax", "number": "646 555-4567" } ] }
[ { "text":"This is the
text","color":"dark_red","bold":"true","strikethough":"true","c
lickEvent": {"action":"open_url","value":"zh.wikipedia.org"},
"hoverEvent": {"action":"show_text","value":
{"extra":"something"} } }, {
"translate":"item.dirt.name","color":"blue","italic":"true" } ]](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-8-320.jpg)
![import UIKit
importAlamofire
classViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
@IBOutlet weak var tableView: UITableView! //TableView元件宣告
var jsonArray:NSMutableArray? //Json陣列宣告
var newArray: Array<String> = [] //陣列宣告
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
tableView.delegate = self//表格代理指定
tableView.dataSource = self //資料來源指定
Alamofire、Cocoapods、JSON、Open Data
之程式運用](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-17-320.jpg)
![//使用 Alamofire 取得網站資料的 Rrquest
Alamofire.request(.GET,
"http://data.kaohsiung.gov.tw/Opendata/DownLoad.aspx?Type=2&CaseNo1=AV&CaseNo2=1&FileType=1&Lang=C&FolderType=") .responseJSON
{ response in
print(response.request) // 原始的 URL 要求
print(response.response) // URL 回應
print(response.data) // 伺服器資料
print(response.result) // 回應的序列化結果
if let JSON = response.result.value { //取得網頁回傳值放入 JSON
self.jsonArray = JSON as? NSMutableArray //存入 JSON 陣列
for item in self.jsonArray! { //從陣列中逐一取值
if let name = item["Name"], myName = name as? String { //取得某欄位值
print(myName) //印出查看
self.newArray.append(myName) //將值放入陣列變數
}
}
self.tableView.reloadData() //表格重載
}
}
}
Alamofire、Cocoapods、JSON、Open Data
之程式運用](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-18-320.jpg)
![override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return self.newArray.count //回傳陣列長度
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as UITableViewCell
cell.textLabel?.text = self.newArray[indexPath.row] 顯示欄位值(從陣列中)
return cell
}
}
Alamofire、Cocoapods、JSON、Open Data
之程式運用](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-19-320.jpg)
![import UIKit
importAlamofire
class dataTableViewController: UITableViewController {
var jsonArray:NSMutableArray? //Json 陣列宣告
var nameArray: Array<String> = [] //Name 陣列變數宣告
var telArray: Array<String> = [] //Tel 陣列變數宣告
var addressArray: Array<String> = [] //Address 陣列變數宣告
override func viewDidLoad() {
super.viewDidLoad()
// Uncomment the following line to preserve selection between presentations
// self.clearsSelectionOnViewWillAppear = false
// Uncomment the following line to display an Edit button in the navigation bar for this view controller.
// self.navigationItem.rightBarButtonItem = self.editButtonItem()
Alamofire、Cocoapods、JSON、Open Data
之程式運用](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-34-320.jpg)
![for item in self.jsonArray! { //從陣列中逐一取值
if let name = item["Name"], myName = name as? String { //取得 Name 欄位值
print(myName) //印出查看
self.nameArray.append(myName) //將值放入 Name 陣列變數
let tel = item["Tel"], myTel = tel as? String //取得Tel 欄位值
print(myTel) //印出查看
self.telArray.append(myTel!) //將值放入Tel 陣列變數
let address = item["Add"], myAddress = address as? String
print(myAddress) //印出查看
self.addressArray.append(myAddress!) //將值放入 Address 陣列變數
}
}
self.tableView.reloadData() //表格重載
}
}
}
Alamofire、Cocoapods、JSON、Open Data
之程式運用](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-36-320.jpg)
![override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
// #warning Incomplete implementation, return the number of rows
//return 0
return self.nameArray.count //回傳陣列長度
}
override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) ->
UITableViewCell {
let cellIdentifer = "Cell"
let cell = tableView.dequeueReusableCellWithIdentifier(cellIdentifer , forIndexPath: indexPath) as!
dataTableViewCell
cell.lblName?.text = self.nameArray[indexPath.row] //顯示 Name 欄位值(從 Name 陣列中)
cell.lblTel?.text = self.telArray[indexPath.row] //顯示Tel 欄位值(從Tel 陣列中)
cell.lblAddress?.text = self.addressArray[indexPath.row] //顯示 Address 欄位值(從 Address陣列中)
return cell
}
}
Alamofire、Cocoapods、JSON、Open Data
之程式運用](https://image.slidesharecdn.com/iosswiftopendata-160813150459/85/iOS-swift-open-data-37-320.jpg)
iOS swift 接力使力之玩 open data
- 1. iOS Swift 接力使力之玩 Open Data ALAMOFIRE、COCOAPODS、JSON、OPEN DATA之程式運用
- 2. 學習主題 • 社群成立目的簡介 • 自我介紹與哈啦 • 功力複習 • 程式實作(Swift) • 問題與交流
- 3. 個人簡介 諸葛魔斌 工作室：諸葛魔斌科技創作室 學歷：高應大---工管系(非資訊科系) E-Mail：chugermobin@gmail.com 官方網站：http://twcts.com Facebook：https://goo.gl/volM7Z 粉絲團 ：https://goo.gl/LI08wh 社群 ：https://goo.gl/kjCsz1 Line (id) ：http://goo.gl/ayGW7d Line@ ：http://goo.gl/pQHjWH Line Bot ：http://goo.gl/ljdxfV Play商店：http://goo.gl/CkVdsd App Store：http://apple.co/1Qehd64 專長：VB(VBA)、C#、Java(Android)、Swift(iOS)、PHP、Python、Conrona、 Golang、HTML/CSS、MySQL、FreeBSD、Server架設、CAD 、 …… 楊政斌
- 4. Open Data & JSON Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 5. Open Data：指的是一種經過挑選與許可的資料，這些資料不受著作權、專 利權，以及其他管理機制所限制，可以開放給社會公眾，任何人都可以自由 出版使用，不論是要拿來出版或是做其他的運用都不加以限制。 Alamofire、Cocoapods、JSON、Open Data 之程式運用 XML：可延伸標記式語言（英語：Extensible Markup Language，簡稱： XML），是一種標記式語言。標記指電腦所能理解的資訊符號，通過此種 標記，電腦之間可以處理包含各種資訊的文章等。如何定義這些標記，既可 以選擇國際通用的標記式語言，比如HTML，也可以使用像XML這樣由相關 人士自由決定的標記式語言，這就是語言的可延伸性。XML是從標準通用 標記式語言（SGML）中簡化修改出來的。它主要用到的有可延伸標記式語 言、可延伸樣式語言（XSL）、XBRL和XPath等。
- 6. Alamofire、Cocoapods、JSON、Open Data 之程式運用 JSON（JavaScript Object Notation）是一種由道格拉斯·克羅克福特構想設 計、輕量級的資料交換語言，以文字為基礎，且易於讓人閱讀。儘管JSON 是Javascript的一個子集，但JSON是獨立於語言的文字格式，並且採用了 類似於C語言家族的一些習慣。
- 7. Alamofire、Cocoapods、JSON、Open Data 之程式運用 JSON用於描述資料結構，有以下形式存在。 •物件（object）：一個物件以「{」開始，並以「}」結束。一個物件包含一系列非排序的名稱／值對 ，每個名稱／值對之間使用「,」分割。 •名稱／值（collection）：名稱和值之間使用「：」隔開，一般的形式是： {name:value} 一個名稱是一個字串； 一個值可以是一個字串，一個數值，一個物件，一個布林值，一個有序列表 ，或者一個null值。 •值的有序列表（Array）：一個或者多個值用「,」分割後，使用「[」，「]」括起來就形成了這樣的 列表，形如： [collection, collection] •字串：以""括起來的一串字元。 •數值：一系列0-9的數字組合，可以為負數或者小數。還可以用「e」或者「E」表示為指數形式。 •布林值：表示為true或者false。
- 8. Alamofire、Cocoapods、JSON、Open Data 之程式運用 { "firstName": "John", "lastName": "Smith", "sex": "male", "age": 25, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021" }, "phoneNumber": [ { "type": "home", "number": "212 555-1234" }, { "type": "fax", "number": "646 555-4567" } ] } [ { "text":"This is the text","color":"dark_red","bold":"true","strikethough":"true","c lickEvent": {"action":"open_url","value":"zh.wikipedia.org"}, "hoverEvent": {"action":"show_text","value": {"extra":"something"} } }, { "translate":"item.dirt.name","color":"blue","italic":"true" } ]
- 9. Alamofire、Cocoapods、JSON、Open Data 之程式運用 Alamofire的安装與配置 第一種方法 （1）從 GitHub 上下載最新的代碼：https://github.com/Alamofire/Alamofire （2）將下載下來的程式包中 Alamofire.xcodeproj 拖曳至你的專案中 （3）Show the Project navigator -> General -> Embedded Binaries，把iOS版的framework添加進來 ： Alamofire.framework （4）重啟專案 第二種方法 （1）brew install ruby （2）sudo gem install cocoapods （3）cd 到你的專案所在位置。輸入下列的命令：pod init （4）CocoaPods會製作一個 Podfile ，這是 Cocoapods 每次在更新專案的 Pods （亦即不同的相依性套件）時 都會檢視的檔案。之後，修改Podfile並加入Alamofire (vim Podfile)： （5）輸入下列指令以便安裝 Cocoapods ：pod install （6）關閉 Xcode （7）開啟 Finder 視窗，然後選取 Cocoapods 所產生的副檔名為 yourproject.xcworkspace 的檔案。 （8）打開 ViewController.swift ，讓我們開始寫點程式吧。
- 11. Alamofire、Cocoapods、JSON、Open Data 之程式運用 將下載下來的程式包中 Alamofire.xcodeproj 拖曳至你 的專案中 Show the Project navigator -> General -> Embedded Binaries，把iOS版的framework添加進來：Alamofire.framework
- 17. import UIKit importAlamofire classViewController: UIViewController, UITableViewDelegate, UITableViewDataSource { @IBOutlet weak var tableView: UITableView! //TableView元件宣告 var jsonArray:NSMutableArray? //Json陣列宣告 var newArray: Array<String> = [] //陣列宣告 override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. tableView.delegate = self//表格代理指定 tableView.dataSource = self //資料來源指定 Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 18. //使用 Alamofire 取得網站資料的 Rrquest Alamofire.request(.GET, "http://data.kaohsiung.gov.tw/Opendata/DownLoad.aspx?Type=2&CaseNo1=AV&CaseNo2=1&FileType=1&Lang=C&FolderType=") .responseJSON { response in print(response.request) // 原始的 URL 要求 print(response.response) // URL 回應 print(response.data) // 伺服器資料 print(response.result) // 回應的序列化結果 if let JSON = response.result.value { //取得網頁回傳值放入 JSON self.jsonArray = JSON as? NSMutableArray //存入 JSON 陣列 for item in self.jsonArray! { //從陣列中逐一取值 if let name = item["Name"], myName = name as? String { //取得某欄位值 print(myName) //印出查看 self.newArray.append(myName) //將值放入陣列變數 } } self.tableView.reloadData() //表格重載 } } } Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 19. override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return self.newArray.count //回傳陣列長度 } func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as UITableViewCell cell.textLabel?.text = self.newArray[indexPath.row] 顯示欄位值(從陣列中) return cell } } Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 22. 啟動終端機，輸入 brew install ruby 安裝 Ruby 接著輸入 sudo gem install cocoapods 安裝 cocoapods cd 到你的專案所在位置。輸入 pod init Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 23. CocoaPods會製作一個 Podfile ，這是 Cocoapods 每次在更新專案的 Pods （亦即不同的相依 性套件）時都會檢視的檔案。之後，修改Podfile並加入Alamofire (vim Podfile) 輸入 pod install 以便安裝 Alamofire Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 24. 開啟 Finder 視窗，然後選取 Cocoapods 所產生的副檔名 為 yourproject.xcworkspace 的檔案。 Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 25. 拖曳TableViewController至佈局中 新增 UITableViewController.swift 和 TableViewCell.swift Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 28. 建立連結 宣告 Label 元件 Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 33. import UIKit class dataTableViewCell: UITableViewCell { @IBOutlet weak var lblName: UILabel! //Label 元件宣告 @IBOutlet weak var lblTel: UILabel! //Label 元件宣告 @IBOutlet weak var lblAddress: UILabel! //Label 元件宣告 override func awakeFromNib() { super.awakeFromNib() // Initialization code } override func setSelected(selected: Bool, animated: Bool) { super.setSelected(selected, animated: animated) // Configure the view for the selected state } } Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 34. import UIKit importAlamofire class dataTableViewController: UITableViewController { var jsonArray:NSMutableArray? //Json 陣列宣告 var nameArray: Array<String> = [] //Name 陣列變數宣告 var telArray: Array<String> = [] //Tel 陣列變數宣告 var addressArray: Array<String> = [] //Address 陣列變數宣告 override func viewDidLoad() { super.viewDidLoad() // Uncomment the following line to preserve selection between presentations // self.clearsSelectionOnViewWillAppear = false // Uncomment the following line to display an Edit button in the navigation bar for this view controller. // self.navigationItem.rightBarButtonItem = self.editButtonItem() Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 35. tableView.delegate = self //表格代理指定 tableView.dataSource = self //資料來源指定 Alamofire.request(.GET, "http://data.kaohsiung.gov.tw/Opendata/DownLoad.aspx?Type=2&CaseNo1=AV&CaseNo2=1&F ileType=1&Lang=C&FolderType=") .responseJSON { response in print(response.request) // 原始的 URL 要求 print(response.response) // URL 回應 print(response.data) // 伺服器資料 print(response.result) // 回應的序列化結果 if let JSON = response.result.value { //取得網頁回傳值放入 JSON self.jsonArray = JSON as? NSMutableArray //存入 JSON 陣列 Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 36. for item in self.jsonArray! { //從陣列中逐一取值 if let name = item["Name"], myName = name as? String { //取得 Name 欄位值 print(myName) //印出查看 self.nameArray.append(myName) //將值放入 Name 陣列變數 let tel = item["Tel"], myTel = tel as? String //取得Tel 欄位值 print(myTel) //印出查看 self.telArray.append(myTel!) //將值放入Tel 陣列變數 let address = item["Add"], myAddress = address as? String print(myAddress) //印出查看 self.addressArray.append(myAddress!) //將值放入 Address 陣列變數 } } self.tableView.reloadData() //表格重載 } } } Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 37. override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { // #warning Incomplete implementation, return the number of rows //return 0 return self.nameArray.count //回傳陣列長度 } override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cellIdentifer = "Cell" let cell = tableView.dequeueReusableCellWithIdentifier(cellIdentifer , forIndexPath: indexPath) as! dataTableViewCell cell.lblName?.text = self.nameArray[indexPath.row] //顯示 Name 欄位值(從 Name 陣列中) cell.lblTel?.text = self.telArray[indexPath.row] //顯示Tel 欄位值(從Tel 陣列中) cell.lblAddress?.text = self.addressArray[indexPath.row] //顯示 Address 欄位值(從 Address陣列中) return cell } } Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 39. 結論： 1. 安裝 Ruby、cocoapods、Alamofire 2. 表格元件/佈局使用 3. Alamofire 網站資料取得 6. 學習階段，務必一字一字『抄』，切勿『複製貼上』 7. 大膽嘗試，好奇無罪 8. 不怕失敗，學習除錯 9. 勇於分享 4. JSON 解析，Array/Object 5. JSON Array 取出資料存入一般陣列 Alamofire、Cocoapods、JSON、Open Data 之程式運用
- 41. 第六、七次聚會學習課程 Android App接力使力之玩 Open Data iOS Swift & FireBase 玩上雲端囉 學習不能中斷，卡關不要氣餒， 讓我們的熱血繼續揮撒在程式的樂趣吧!! 帶著你的筆電，和我們一起享受Coding Fun 註：我們學習的是多系統，所以筆電最好是Macbook哦! 日期：8/24(星期三) 18:30～21:30 Android App 接力使力之玩Open Data 8/31(星期三) 18:30～21:30 iOS Swift & FireBase 玩上雲端囉 地點：高雄市前鎮區一心二路157號10樓之4（微盛科技） 捷運三多商圈站4號出口，步行約10分鐘 歡迎踴躍報名，也歡迎高手協助指導 費用：0元(珍惜學習資源)