Just a Computer Graphics Studio & My Life

[XAMPP][PHP] 讀取資料庫顯示

還記得五年前暑假實習時所接觸的XAMPP,當時是在Windows安裝XAMPP,現在想在Mac OS安裝XAMPP,過程大同小異,可以很快地到官網下載並安裝。然後就可以測試網頁伺服器資料庫能否順利在自己的電腦上運作。

安裝完後打開控制面板,將MySQL DatabaseApache Web Server開啟。

XAMPP control

在瀏覽器網址列輸入:

http://localhost/phpmyadmin/

若能顯示phpMyAdmin代表順利運作。

接著建立資料庫HappyTest和資料表Info,在此我新增兩筆資料:

XAMPP MySQL

接下來就來寫PHP讀取資料庫顯示吧~

<?php
mysql_connect("localhost","root","");// 連結伺服器

mysql_select_db("HappyTest");// 選擇資料庫

mysql_query("set names utf8");// 以utf8讀取資料,讓資料可以讀取中文

$data=mysql_query("select * from info");// 從info資料庫中選擇所有的資料表

?>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>資料庫讀取顯示</title>
</head>

<body>
<p>

</p>
<table width="500" border="2">
  <tr>
    <td>姓名</td>
    <td>性別</td>
    <td>年齡</td>
    <td>電子信箱</td>
    <td>電話</td>
  </tr>
<?php
for($i=1;$i<=mysql_num_rows($data);$i++){
$rs=mysql_fetch_row($data);
?>
  <tr>
    <td><?php echo $rs[0]?></td>
    <td><?php echo $rs[1]?></td>
    <td><?php echo $rs[2]?></td>
    <td><?php echo $rs[3]?></td>
    <td><?php echo $rs[4]?></td>
  </tr>
<?php
}
?>
</table>
<p>&nbsp;</p>
</body>
</html>

注意PHP的部分,從連結伺服器選擇資料庫,最後選取資料表。到網頁呈現時,就能將HappyBoy和HappyGirl的資料呈現出來。

那麼就將這個程式檔test.php放在特定的路徑:

XAMPP

在瀏覽器網址列輸入:

http://localhost/test/test.php

XAMPP PHP

看到資料庫裡的資料顯示出來,真有成就感呢!

可以參考以下影片:

How to install XAMPP on Mac OSX and test PHP

.

接下來想了解他能否寫RESTful API

參考:[教學] PHP & MySQL 學習筆記 第八堂(資料庫建置:phpMyAdmin資料庫建置並呈現於網頁)XAMPP 網頁伺服器架站工具設定與使用教學

Advertisements

Comments on: "[XAMPP][PHP] 讀取資料庫顯示" (8)

  1. […] [XAMPP][PHP] 讀取資料庫顯示,現在要來製作Restful API,因為我想讓行動裝置呼叫。 […]

    喜歡

  2. […] 跟著前一篇教學:[XAMPP][PHP] 讀取資料庫顯示,一步一步走向後端奇幻領域吧! […]

    喜歡

  3. 不太懂ㄟ
    我是超新手

    喜歡

  4. 就是抓資料顯示在Textview上而已

    喜歡

  5. 請問要怎麼把這個顯示在android studio上?
    我要做一個訊息中心

    喜歡

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: