縹緲's blog

後端 Server 已經準備好了，那麼重頭戲就要上場，如何把 Database 的資料顯示在 app 上呢？其實粉簡單，delphi 已經把複雜的部分都已經隱藏起來了，還記得前面提過，不用寫任何一行 code  就可以做到這件事嗎？在 Server 端我們的確沒有寫任何一行 code(SQL 語法不算的話)，那麼接下來就說明如何處理 app(Client)這部分

(1)首先在開啟 delphi 之後，點選 File-> New -> FireMonkey Mobile Application

(2)在 wizard 畫面選擇 Blank Application

(3)接下來點選 File-> New -> Other

(4)在 New Items 的畫面點選 DBX-DataSnap Client Module 然後點 OK

(5)因為是 app 要用的，跟 Server 不同台，所以要選擇 Remote server，然後點 Next

(6)按照預設值不改變，點選 Next

(7)按照預設值不改變，點選 Next

(8)Host name 輸入 Server 的 IP，Port 則是指 DataSnap Server 使用那個 Port，在按下 Test Connection 之前，請先確定 DataSnap Server 已經執行起來，測試成功的話可以得到如下圖，然後點選 Finish

(9)把專案儲存一下，取名為 TaipeiNavigationClient

(10)接著開啟 ClientModuleUnit1，然後置放一個 TDSProviderConnection，SQLConnection 的 property 請選擇為 SQLConnection1，ServerClassName 的 property 請輸入 TServerMethods1

(11)切換回 Form1，置放一個 TListView 與 TClientDataSet，Listview1 的 Align 請設定為 alClient

(12)點選 File-> Use Unit...

(13)選擇 ClientModuleUnit1，點選 OK

(14)點選 Form1 上的 ClientDataSet1，如果之前的設定都正確的話，下拉 RemoteServer 的 property 可以選到 ClientModule1.DSProviderConnection1

(15)然後再下拉 ProviderName 的 property 可以選到 DataSetProvider1

(16)把 ClientDataset1.Active 這個  property 設定為 True

(17)專案儲存一下後，在 Listview1 上按一下滑鼠右鍵，選擇 Bind Visually...

(18)神奇的事情發生了，竟然可以看到 NavigationCenter 這個 Table 所有的欄位

(19)透過滑鼠拖拉，就讓 Name 綁定到 Listview1 的 Item.Text 上

(20)關掉 LiveBindings Designer 畫面，這時候你可以看到 Form1 上的 Listview1 已經顯示後端資料庫的資料了，這時候你就可以編譯成 apk 放到手機上，的確一行 code 都沒寫就可以達到後端資料庫顯示在 app 上

(21)實機畫面

to be continued...