勇闖鵲橋II：資料庫 靜宜大學資管系 楊子青

Presentation on theme: "勇闖鵲橋II：資料庫 靜宜大學資管系 楊子青"— Presentation transcript:

1 勇闖鵲橋II：資料庫 靜宜大學資管系 楊子青

2 Step 1 建立關聯表，設定欄位

3 db4free.net使用phpMyAdmin工具
輸入使用者名稱及密碼，進入後點選資料庫名稱

4 新增關聯表 關聯表名稱: FlappyBird CURRENT_TIMESTAMP

5 手動輸入一筆資料進行測試 db4free.net主機所在時區，比我們慢(7個小時)

6 Step 2 上傳使用者姓名及成績

7 撰寫UploadScore.php，上傳網頁空間
header("Content-Type:text/html; charset=utf-8"); $con = mysqli_connect("mysql8.db4free.net","tcyang","123456","pucsim2017", "3307"); // Check connection if (mysqli_connect_errno()) { echo "無法連線到MySQL: " . mysqli_connect_error(); } $GameUser = $_POST['GameUser']; $GameScore = $_POST['GameScore']; // Perform queries $sql="INSERT INTO FlappyBird (GameUser,GameScore) VALUES ('$GameUser','$GameScore')"; if (mysqli_query($con,$sql)){ echo "您的紀錄已上傳成功"; else { echo "您的紀錄上傳失敗"; mysqli_close($con); ?>

8 運用Web元件與網路連線

9 設定網址及傳送參數，以上傳成績

10 Step 3 成績排行查詢(PHP程式)

11 撰寫ListScore.php，上傳網頁空間
header("Content-Type:text/html; charset=utf-8"); $con = mysqli_connect("mysql8.db4free.net","tcyang","123456","pucsim2017", "3307"); // Check connection if (mysqli_connect_errno()) { echo "無法連線到MySQL: " . mysqli_connect_error(); } // Perform queries mysqli_query($con,"SET CHARACTER SET UTF8"); $sql="SELECT * FROM FlappyBird ORDER BY GameScore DESC, GameDate DESC"; $result = mysqli_query($con,$sql); $json = array(); if(mysqli_num_rows($result)){ while($row=mysqli_fetch_assoc($result)){ $json[]=$row; echo urldecode(json_encode($json)); mysqli_close($con); ?>

12 執行ListScore.php，對照資料庫

13 使用Online JSON Viewer觀看
Text頁籤，選擇Load JSON data按鈕，輸入JSON檔案的網址 按viewer頁籤觀看結果

14 Step 4 成績排行查詢(App Inventor呼叫PHP程式，顯示結果)

15 新增Screen，命名為ScreenHero

16 切換到其他螢幕之相關程式積木

17 按「成績排行」按鈕，切換螢幕

18 切換到ScreenHero，設計使用者介面

19 ScreenHero程式碼 螢幕第一次載入時(初始化)執行

20 程式執行結果

21 利用JsonTextDecode，將回傳資料 轉成Json格式

22 Step 5 補充：運用陣列處理Json資料

23 讀取陣列每一筆資料的第一個欄位 讀取第一個欄位 讀取每一筆資料

24 顯示排行榜資訊

25 執行結果

26 補充：取得目前日期時間，並轉換格式 (請自行修改PHP及AI2程式碼)
取得系統目前日期時間 可自行修改年月日格式 改用大寫HH ，表示24小時制