1. 資料庫實作教學

2. 目錄
Appserv整合軟體安裝步驟說明
資料庫建置
網頁建置

3. Appserv整合軟體安裝步驟說明
1.點選appserv-win exe
2.點選next

4. 3.點選next
4.點選next
(安裝路徑為預設位置
C:\AppServ)

5. 5.點選next 6.依照下列設定欄位值 設定結束點選next Servername：localhost
Administrator‘s Adress：自訂
HTTP Port：保持預設80
設定結束點選next

6. 7.接著出現要你設定MySQL相關資訊，你只要輸入您要管理MySQL資料庫的使用者密碼，並在Character設定你所想要安裝的語系，這邊以UTF-8為例，完成後按下Next按鈕。程式會將Appserv安裝到你的硬碟裡了。

7. 8.看見安裝完成並執行Appache和Mysql成功的訊息。
點選Finish安裝結束

8. 9.開啟IE瀏覽器並於網址列輸入
出現以下畫面表示安裝成功。

9. 資料庫建置
本教學以訂報系統為例，首先決定系統功能需求包含新增、修改、刪除、查詢。

10. 以下為系統的
實體關聯圖

11. 關聯表

15. 接下來依照分析好的關聯表，建置好資料庫，並設定好每個表單間的主鍵和外鍵關聯，以及每個屬性的型態和長度等，以下我們先說明如何建置資料庫:
開啟IE瀏覽器，在網址列輸入
，出現登錄畫面，在使用者名稱欄位輸入root，密碼輸入安裝時設定的密碼後，按下確定後進入phpmyadmin管理者介面

16. 若是要修改密碼，可在管理介面首頁點選權限，就可以修改使用者的帳號密碼:
在更改密碼欄位輸入新密碼後，按下執行按鈕就修改完成

17. 再來，在左方框架中點選SQL，開啟查詢視窗，本教學範例之資料庫名稱為NEWSPAPER_ORDER_SYSTEM，輸入SQL語法建立新資料庫，完成後按下執行產生資料庫:

18. 建立完成後可在左方資料庫的下拉式選單中看見新建立的資料庫名稱，點選資料庫名稱進入資料庫，選擇SQL，準備建立表單。

19. 以客戶資料為例
根據關聯表，輸入SQL語法，按下執行，即可建立表單(網頁重新整理即可看到左方框架出現你剛新增的表單名稱) :

20. 另外關於外鍵的設定，MySQL並沒有提供關聯管理介面，因此必須在建立資料表時，在SQL語法中設定，如下所示，部門資料表有一個外鍵:主管身分證字號，對應到員工資料表的員工身分證字號，因此必須在建立資料表時設定

21. 依上述步驟建立完成資料庫系統，本範例共有8張表單

22. 另外系統管理者可透過phpmyadmin來新增、修改、刪除資料庫中的資料，例如新增一筆資料到顧客資料表，如下所示，在SQL語法區輸入你要新增資料的SQL語法，按下執行，即可新增

23. 網頁建置
首先必須先安裝網頁開發工具，本教學是以
Dreamweaver8作為網頁開發工具，點選圖示
開始安裝
1.點選下一步

24. 2.點選接受後，按下一步
3.選擇安裝位置後(本教學使用預設)，自行選擇是否要建立捷徑，然後按下一步

25. 4.設定要為成為哪些檔案的
預設編輯器，然後點選下一步
5.點選安裝後開始安裝

26. 6.按下完成，完成安裝
7.啟動後點選試用後按繼續
(有序號者自行啟動)

27. 接下來開始建立網頁，本教學是以php網頁開發，首先開啟Dreamweaver 8後，建立新檔案，選擇php，或從上方功能列中的檔案→新增檔案→一般→動態頁面→選擇php

28. php 與 mysql的操作原理及函式使用 一、連結資料庫
一、連結資料庫 
建立連線： $link = mysql_connect("Mysql主機名稱", "帳號", "密碼") 　　　　　　　　　　　 or die("無法連接資料庫: " . mysql_error( ));
選擇資料庫： mysql_select_db("資料庫名稱") or die("無法選擇資料庫");
二、執行SQL語法 
建立SQL語法 (查詢) $query = "SELECT * FROM my_table"; (新增) $query = "INSERT INTO my_table (c1,c2,...) VALUES ( value1,value2, ...)"; (修改) $query = "UPDATE my_table SET c1='abc' WHERE id='100' "; (刪除) $query = "DELETE FROM my_table WHERE id='100' ";
送出SQL語法到資料庫系統 $result = mysql_query($query) or die("無法送出" . mysql_error( ));

29. 解壓縮database.rar教學檔，將壓縮後database資料夾複製到C:\AppServ\www 目錄底下。
開啟IE瀏覽器於網址列輸入
資料庫系統介面如下(此系統以客戶資料為例)

30. 連結資料庫教學 開啟db_conn.php 此檔案須設定連結資料庫的位置、帳號、密碼與資料庫名稱
爾後只要網頁需要連結到資料庫，皆會直接在網頁標頭
輸入連結語法：
<?
include(“db_conn.php”); //連結資料庫
?>

31. 查詢客戶資料表全部資料教學 點選顯示全部客戶資料進行查看 開啟show_customer.php，觀看檔案中第三行
查詢資料庫中客戶資料表全部資料語法：
$SQLStr = "SELECT * FROM customer";

32. 新增教學
點選新增--客戶
開啟add_customer.php
輸入新增的客戶資料，輸入完點選新增。

33. 新增完畢點選：顯示全部客戶資料進行查看是否成功新增
開啟add_update_del.php
查看新增語法74行：
$sql="insert into customer (C_ssn,C_password,C_name,C_phone,C_address,C_zip) values ('".$_POST['ssn']."','".$_POST['pass']."','".$_POST['name']."','".$_POST['phone']."','".$_POST['address']."','".$_POST['zip']."')";

34. 依條件查詢教學__在此以客戶編號為條件 點選查詢--客戶 輸入客戶編號→查詢 開啟refer.php，查詢語法第6行：
$sql="select * from customer where C_ssn='".$_POST['ssn']."'";

35. 修改教學
將姓名王大明修改為王曉明 → 修改。

36. 修改完畢點選：顯示全部客戶資料進行查看是否成功修改
開啟add_update_del.php
查看修改語法83行：
$sql="UPDATE customer SET C_password='".$_POST['pass']."',C_name='".$_POST['name']."',C_phone='".$_POST['phone']."',C_address='".$_POST['address']."',C_zip='".$_POST['zip']."' WHERE C_ssn='".$_POST['ssn']."'";

37. 刪除教學
點選刪除--客戶
輸入欲刪除的客戶編號→刪除

38. 刪除完畢點選：顯示全部客戶資料進行查看是否成功刪除
開啟add_update_del.php
查看刪除語法44行：
$sql="DELETE FROM customer WHERE C_ssn='".$_POST['ssn']."'";