1

資料庫實作教學

2

目錄

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

3

Appserv 整合軟體安裝步驟說明

1. 點選 appserv-win32-2.4.9.exe

2. 點選 next

4

3. 點選 next

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

5

5. 點選 next

6. 依照下列設定欄位值Servername ： localhostAdministrator‘s Email Adress ：自訂HTTP Port ：保持預設 80

設定結束點選 next

6

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

7

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

8

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

9

資料庫建置

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

10

以下為系統的實體關聯圖

11

關聯表客戶 CUSTOMER

C_ssn C_password C_name C_phone C_address C_zip

C_ssn：客戶身分證字號

C_password：客戶密碼

C_name：客戶姓名

C_phone：客戶電話

C_address：客戶地址

C_zip：客戶郵遞區號

PK：C_ssn

訂報單 ORDER

Ord_no Quantity Price Ord_date Ord_sdate Ord_edate C_ssn

Ord_no：訂貨單編號

Quantity：數量

Price：價錢

Ord_date：訂購日期

Ord_sdate：開始送報日期

Ord_edate：停止送報日期

C_ssn：客戶身分證字號

PK：Ord_no

FK：C_ssn→ CUSTOMER . C_ssn

12

產量單 PRODUCT

Pro_no Pro_date Pro_ quantity

Pro_no：產量單編號

Pro_date：產量單日期

Pro_ quantity：生產數量

PK：Pro_no

員工 EMPLOYEE

E_ssn E_password E_name E_phone E_address Super_ssn Dept_no

E_ssn：員工身分證字號

E_password：員工密碼

E_name：員工姓名

E_phone：員工電話

E_address：員工地址

Super_ssn：主管身分證字號

Dept_no：部門編號

PK：E_ssn

FK：Super_ssn→ EMPLOYEE . E_ssn , Dept_no→ DEPARTMENT . Dept_no

13

部門 DEPARTMENT

Dept_no Dept_name Dept_phone Mgr_ssn

Dept_no：部門編號

Dept_name：部門名稱

Dept_phone：部門電話

Mgr_ssn：主管身分證字號

PK：Dept_no

FK：Mgr_ssn→ EMPLOYEE . E_ssn

送貨清單 DELIVER_BILL

Db_no Quantity Price C_ssn

Db_no：送貨單編號

Quantity：數量

Price：價錢

C_ssn：客戶身分證字號

PK：Db_no

FK：C_ssn→ CUSTOMER . C_ssn

14

統計 STATISTICS

Ord_no Pro_no E_ssn

Ord_no：訂貨單編號

Pro_no：產量單編號

E_ssn：員工身分證字號

PK：(Ord_no, Pro_no, E_ssn)

FK：Ord_no→ ORDER . Ord_no , Pro_no→ PRODUCT . Pro_no ,

E_ssn→ EMPLOYEE . E_ssn

匯整 INTEGRATION

E_ssn Ord_no Db_no

E_ssn：員工身分證字號

Ord_no：訂貨單編號

Db_no：送貨單編號

PK：(E_ssn, Ord_no, Db_no)

FK：E_ssn→ EMPLOYEE . E_ssn , Ord_no→ ORDER . Ord_no ,

Db_no→ DELIVER_BILL . Db_no

15

接下來依照分析好的關聯表，建置好資料庫，並設定好每個表單間的主鍵和外鍵關聯，以及每個屬性的型態和長度等，以下我們先說明如何建置資料庫 :

開啟 IE瀏覽器，在網址列輸入http://localhost/phpMyAdmin/

，出現登錄畫面，在使用者名稱欄位輸入 root ，密碼輸入安裝時設定的密碼後，按下確定後進入 phpmyadmin 管理者介面

16

若是要修改密碼，可在管理介面首頁點選權限，就可以修改使用者的帳號密碼 :

在更改密碼欄位輸入新密碼後，按下執行按鈕就修改完成

17

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

18

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

19

以客戶資料為例

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

客戶 CUSTOMER

C_ssn C_password C_name C_phone C_address C_zip

C_ssn：客戶身分證字號

C_password：客戶密碼

C_name：客戶姓名

C_phone：客戶電話

C_address：客戶地址

C_zip：客戶郵遞區號

PK：C_ssn

20

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

部門 DEPARTMENT

Dept_no Dept_name Dept_phone Mgr_ssn

Dept_no：部門編號

Dept_name：部門名稱

Dept_phone：部門電話

Mgr_ssn：主管身分證字號

PK：Dept_no

FK：Mgr_ssn→ EMPLOYEE . E_ssn

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瀏覽器於網址列輸入http://localhost/database/index.php

資料庫系統介面如下 (此系統以客戶資料為例 )

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']."'";