第 16 章 網路書店 製作

簡介網路書店網站 欲瀏覽網頁時，請在瀏覽器的網址欄鍵入http://localhost/Store/Default.htm，該檔將把視窗分割為主畫面區、選單區兩個子畫面，畫面如下：

簡介網路書店網站 整個網站由4個子系統組成，這四個子系統則分別儲存在Store資料夾的各子資料夾中，使用的資料庫則為Store\DataBase資料夾內的Store.mdb。它們是… 網路購物 [Sale子資料夾] 網路競標 [Bid子資料夾] 線上投票 [Vote子資料夾] 問卷調查 [Qus子資料夾]

線上購物(購物袋) - 線上購物系統的機制 建立一個線上購物系統的的主要核心技術有三個: 一、商品的展示 線上購物(購物袋) - 線上購物系統的機制 建立一個線上購物系統的的主要核心技術有三個: 一、商品的展示 整個線上購物系統的主畫面將被分割為兩大部份，一是分類清單區，二是書籍列表區。

線上購物(購物袋) - 線上購物系統的機制 二、存放選購產品的購物袋

線上購物(購物袋) - 線上購物系統的機制 三、交易資料的儲存

線上購物(購物袋) - 線上購物系統的機制 線上購物系統將由11個檔案共同完成，下表為各檔案的名稱與功能:

線上購物(購物袋) - 線上購物系統的機制 各檔間的運作流程如下圖所示。

線上購物(購物袋) - 儲存書籍資料的資料表 線上購物(購物袋) - 儲存書籍資料的資料表 書籍分類資料的儲存 書籍的分類資料將儲存於\Store\Database\Store.mdb檔的Category資料表，下表為資料表欄位名稱與意義的說明。

線上購物(購物袋) - 儲存書籍資料的資料表 線上購物(購物袋) - 儲存書籍資料的資料表 書籍資料的儲存 對於書籍資料則儲存於\Store\Database\Store.mdb檔的Book資料表，下表將說明Book資料表各欄位的名稱與用途。

線上購物(購物袋) - 購物袋的建立機制 線上購物系統的購物袋就像是您逛超級市場時所推的手推車，客戶可以將欲選購的商品從展示架上拿下放入購物袋，也可以將商品從購物袋拿出來再放回展示架。 由於欲採購物品之資料是屬於各連線的資料，所以，適合儲存在Session物件內。 購物袋中需要儲存的資料主要有兩種，一是選購的商品，二是選購的數量。

線上購物(購物袋) - 線上購物主畫面 建立線上購物系統的主畫面之網頁為Default.htm檔，該檔將會把整個畫面區分為兩個部份，一為分類清單區，二為書籍列表區。如下圖所示。

線上購物(購物袋) - 線上購物主畫面 下圖為與主畫面相關檔案的運作關係。

線上購物(購物袋) - 將產品放入購物袋

線上購物(購物袋) - 將產品放入購物袋

線上購物(購物袋) - 將產品放入購物袋 與此執行動作有關之檔案的運作關係如下圖所示。

線上購物(購物袋) - 將產品放入購物袋 傳遞訂購資料的控制項 線上購物(購物袋) - 將產品放入購物袋 傳遞訂購資料的控制項 呼叫PutBag.asp將選購書籍放進購物袋的網頁總共有兩個，一是產生分類書籍資料的BookList.asp，另一個是供使用者修改訂購資料的ModifyForm.asp。

線上購物(購物袋) - 將產品放入購物袋 BookList.asp產生的表單如下圖所示。

線上購物(購物袋) - 將產品放入購物袋 ModifyForm.asp檔所產生的表單如下所示。

線上購物(購物袋) - 購物袋的檢視與清空 當按下書籍列表區的檢視購物袋超連結時，將呼叫ViewBag.asp檢視目前購物袋所選購的書籍資料，畫面如下圖所示。

線上購物(購物袋) - 購物袋的檢視與清空 假若點選檢視購物袋超連結時，購物袋內沒有被選取的產品資料，瀏覽器將被導向至Message.htm檔，畫面如下。

線上購物(購物袋) - 購物袋的檢視與清空 若按下清空購物袋超連結時，則會清除目前購物袋內儲存的購物資料，畫面如下。

線上購物(購物袋) - 購物袋的檢視與清空 與這兩個執行動作有關之檔案的運作關係如下圖所示。

線上購物(購物袋) - 修改購物袋 當使用者按下畫面的修改購物項目超連結後，將連結至ModifyForm.asp檔。 供修改購物袋資料的表單 線上購物(購物袋) - 修改購物袋 當使用者按下畫面的修改購物項目超連結後，將連結至ModifyForm.asp檔。 供修改購物袋資料的表單 點選

線上購物(購物袋) - 修改購物袋 呼叫PutBag.asp檔重新把修改過的選購資料再儲存進購物袋中，並將瀏覽器畫面導向至ViewBag.asp檔，讓使用者檢視修改過後的購物袋內容。

線上購物(購物袋) - 修改購物袋 與執行購物袋修改動作有關之檔案的運作關係如下圖所示。

線上購物(購物袋) - 儲存訂購資料的資料表 線上購物(購物袋) - 儲存訂購資料的資料表 對於一筆訂單資料，我們必須分成兩個部份來看，一個部份是訂單基本資料，另一個部份是訂單明細資料。

線上購物(購物袋) - 儲存訂購資料的資料表 線上購物(購物袋) - 儲存訂購資料的資料表 訂購基本資料的儲存 訂單基本資料儲存於Store\Database\Store.mdb檔的BookOrder資料表中。 下表將說明該資料表各欄位的名稱與意義。

線上購物(購物袋) - 儲存訂購資料的資料表 線上購物(購物袋) - 儲存訂購資料的資料表 訂單明細資料的儲存 訂單明細資料儲存於Store\Database\Store.mdb檔的OrderDetail資料表中。 下表將說明該資料表各欄位的名稱與意義。

線上購物(購物袋) - 儲存訂單資料

線上購物(購物袋) - 儲存訂單資料 呼叫Order.asp檔把訂購者的基本資料與訂購的產品儲存進資料庫中，完成儲存後，將顯示如下圖的畫面。

線上購物(購物袋) - 儲存訂單資料 與執行訂購動作有關之檔案的運作關係如下圖所示。

網路競標 - 網路競標的機制 畫面如下圖所示。

網路競標 - 網路競標的機制 整個網路競標系統將由4個檔案共同完成，下表為各檔案的名稱與功能。

網路競標 - 網路競標的機制 各檔間的運作流程如下圖所示。

網路競標 - 競標表單的建立競標的完成 當使用者瀏覽BidFrm.asp後，欲出價時，可以在網頁下方的表單中填入姓名與欲競標的價格，再按下 出價！ 按鈕，呼叫Bid.asp檔進行出價動作。

網路競標 - 競標表單的建立競標的完成 下圖將顯示當使用者鍵入的競標價格，低於目前的最高標價時顯示的錯誤訊息。

網路競標 - 競標表單的建立競標的完成 整個機制相關檔案的運作關係如下圖所示。

線上投票 - 線上投票系統的機制 下圖為投票表單的畫面。 按下此鈕將進行投票

線上投票 - 線上投票系統的機制 整個線上投票系統將由4個檔案共同完成，下表為各檔案的名稱與功能。

線上投票 - 線上投票系統的機制 各檔間的運作流程如下圖所示。

線上投票 - 建立投票表單 當使用者瀏覽VoteFrm.asp檔時，將產生供使用者票選好書的表單。若使用者在表單點選心目中的好書後，按下 投票 按鈕，將呼叫Vote.asp檔進行投票。 Vote.asp新增投票記錄後，將把瀏覽器畫面導向至VoteRes.asp檔，顯示出各書籍所得到的票數。

線上投票 - 建立投票表單

線上投票 - 建立投票表單 與整個機制有關之檔案間的運作過程如下圖所示：

線上投票 - 建立投票表單 儲存書籍資料的Book資料表 在Store\Database\Store.mdb檔中，書籍資料儲存於Book資料表。下表將說明該資料表各欄位的名稱與意義。

線上投票 - 新增投票記錄 當使用者在VoteFrm.asp網頁的表單中，點選欲投票的書籍後，按下 投票 按鈕，將呼叫Vote.asp檔新增投票記錄至Vote資料表，並將瀏覽器導向至VoteRes.asp檔。

線上投票 - 新增投票記錄 與此機制有關之檔案的運作關係如下圖所示。

線上投票 - 檢視投票結果 新增投票記錄後，Vote.asp檔將把畫面導向至VoteRes.asp檔，該檔將從Vote資料表取得目前投票的結果，加以統計後顯示於瀏覽器中，畫面如下圖所示。

線上投票 - 檢視投票結果 與這個機制運作有關之檔案的運作關係如下圖所示。

線上投票 - 檢視投票結果 投票記錄的儲存 在Store\Database\Store.mdb檔中，投票記錄將儲存於Vote資料表內，下表將說明資料表各欄位的名稱與意義。

問卷調查 - 問卷調查系統的機制 下圖為QusFrm.asp檔產生的問卷調查網頁。

問卷調查 - 問卷調查系統的機制 完成新增後的畫面如下圖所示。

問卷調查 - 問卷調查系統的機制 假若在網頁中按下統計結果超連結時，將連結到QusRes.asp檔，該檔將顯示出目前問卷調查的統計結果，並以長條圖表示。

問卷調查 - 問卷調查系統的機制 線上購物系統由3個檔案共同完成，下表為各檔案的名稱與功能。

問卷調查 - 問卷調查系統的機制 各檔間的運作流程如下圖所示。

問卷調查 -問卷的產生與資料的新增 下圖為與QusFrm.asp執行動作有關之檔案間的運作關係。

問卷調查 -問卷的產生與資料的新增 問卷資料的新增 下表為該資料表中欄位的名稱與說明。

問卷調查 - 問卷結果的統計 當您在QusFrm.asp檔點選統計結果超連結時，將連結至QusRes.asp檔，此檔將從資料庫取得問卷的填寫結果，並加以統計，然後將統計結果以條狀圖的方式顯示，如下圖所示。

問卷調查 - 問卷結果的統計 下圖為與QusRes.asp檔執行動作有關之各檔案間的運作關係。