1 / 38

遠端資料存取

遠端資料存取. 20131121. 示意圖. SERVER. 手機端. 資料. 資料. Apache 、 PHP 、 MySQL 、 phpMyAdmin. 目錄. 安裝 AppServ 名片範例 測試 如何製作成手機 APP. 關於 Apache 、 PHP 、 MySQL 、 phpMyAdmin. 也就是俗稱的架 SERVER 為資訊安全起見，應該是要在 SERVER 上 ” 各別安裝 ”Apache 、 PHP 、 MySQL 、 phpMyAdmin 這幾樣 ~ 但安裝過程有點 複雜 … 所以

baird
Download Presentation

遠端資料存取

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 遠端資料存取 20131121

  2. 示意圖 SERVER 手機端 資料 資料 Apache、PHP、MySQL、phpMyAdmin

  3. 目錄 • 安裝AppServ • 名片範例測試 • 如何製作成手機APP

  4. 關於Apache、PHP、MySQL、phpMyAdmin • 也就是俗稱的架SERVER • 為資訊安全起見，應該是要在SERVER上”各別安裝”Apache、PHP、MySQL、phpMyAdmin這幾樣~ • 但安裝過程有點複雜… • 所以 • 可使用AppServ或是Mamp等一鍵安裝到好的軟體來進行測試 • Windows：AppServ • Mac：Mamp • 如果網站需要對外營運，不建議使用一鍵安裝到好的軟體來架SERVER

  5. AppServ安裝

  6. 請先去下載Appserv架站軟體，這是原始下載網站：http://www.appservnetwork.com/請先去下載Appserv架站軟體，這是原始下載網站：http://www.appservnetwork.com/ • 下載完成後如下圖，執行安裝程式開始進行安裝。

  7. 是否安裝完成？ • 在網址列輸入：http://localhost，輸入完成後按鍵盤上的[Enter]鍵會看到下圖網址畫面。

  8. 進入phpMyAdmin • http://localhost/phpMyAdmin/ • 輸入登入帳號密碼： •      帳號請填入：root • 密碼請填入： (在第11頁設定之密碼) • 輸入完成後點選[確定]即可進入MYSQL的phpMyAdmin管理介面。

  9. 資料庫

  10. 放置網頁檔案-1 • 任何網頁檔案皆可放置在C:\AppServ\www 裡(C:\AppServ為第9頁所設的位置) • 假設我在C:\AppServ\www\TestPhoneGap放了下面的檔案

  11. 放置網頁檔案-2 • 在瀏覽器上的網址列打http://localhost/TestPhonegap/ 或是http://你電腦的IP/TestPhonegap/ • 即可瀏覽到該資料夾下的index.html這個檔案！

  12. 名片範例測試

  13. 是否還記得 • 講HTML那份投影片時的那個form.html的範例 • 其實我有附一個receive.php的檔案 • 就是今天這堂課的一個伏筆

  14. 設計資料庫與資料表及欄位 • 先規劃一下資料表的欄位 • 以左邊來說應該會有8個欄位→ • 進入phpMyAdmin(第16頁)新增一個資料庫 ↑此資料庫名稱僅是示意，我已建好一個叫做phonegap的資料庫

  15. 建立資料表 • 觀念：一個資料庫可以有很多個資料表 ↑此資料庫名稱僅是示意，我已建好一個叫做phonegap的資料庫

  16. 加上id總共會有9筆欄位(id非必要，但排序時很方便)加上id總共會有9筆欄位(id非必要，但排序時很方便) • 以上資料庫環境用好了，先擺一邊

  17. Index.html

  18. PHP HTML PHP 資料庫

  19. 連接資料庫mysql_connect.inc.php • 密碼為第12頁所設

  20. receive.php • PHP部分 • 在<?php ?>之中加入php語法 • SQL語法教學：http://www.1keydata.com/tw/sql/sql.html

  21. receive.php • HTML+PHP顯示傳值的部分 • input是送出資料必要的元素

  22. Index.html • ↓ • receive.php • 因為receive.php也提供顯示(可作為預覽)，所以還沒傳資料到資料庫

  23. 按下確定送出後，才會執行第28頁之php內容(INSERT)，把資料寫進資料庫中按下確定送出後，才會執行第28頁之php內容(INSERT)，把資料寫進資料庫中 • 按下送出之後，即在phpMyAdmin (phonegap資料庫)裡看到資料多了一筆

  24. Result.php • 剛剛的是把資料寫進資料庫，現在是把資料從資料庫裡叫出來顯示 • PHP部分 HTML+PHP顯示部分→

  25. Result.php • 可顯示所有資料

  26. 如何製作成手機APP

  27. PHP • PHP檔需要在SERVER上才能執行 • 所以 • PHP檔請原封不動地放在原來的地方

  28. HTML • Index.html就放置在workspace\你的專案名稱\assets\www 裡 • 不過要切記 • <script type="text/javascript" charset="utf-8" src="cordova.js"></script> • 這行一定要增加！

  29. 在eclipse上按下執行後大功告成

  30. 影片下載 • Sendspace • http://www.sendspace.com/file/gcwqyf

More Related