1. 第 15 章 建立網路商店 15-1 網路商店的基礎 15-2 網路商店的信用卡檢查 15-3 網路商店的廣告管理 15-4 網路商店的產品目錄 15-5 資料庫版的購物車 15-6 網路商店的訂單處理

2. 15-1 網路商店的基礎 15-5-1 什麼是網路商店 15-1-2 網路上的付錢方式

3. 15-1 網路商店的基礎 網路商店是在 Internet 開一家虛擬店面， 網路商店的目的和一般商店相同，都是 開店作生意，不過網路商店沒有實際的 店面，只是模擬現實生活的方式讓使用 者採購商品。

4. 15-5-1 什麼是網路商店 - 商品目 錄（ Catalog ） 網路商店沒有實際賣場的架位，也不會將商品 實際的上架，它提供的是商品目錄，讓消費者 瀏覽商品或查詢商品，然後檢視產品的詳細資 料，以便模擬現實賣場架上的商品。 當然在網路商店並不能將商品真的放上網頁， 取而代之的是顯示銷售商品的圖片，並且提供 快速的商品查詢功能，使用商品分類目錄和關 鍵字搜尋功能，以便消費者能夠快速瀏覽或找 到所需的商品。

5. 15-5-1 什麼是網路商店 - 購物車 （ Shopping Cart ） 購物車的英文為 Shopping Cart ，有些國內網站 稱為購物袋，也就是在現實賣場或超級市場採 購時，方便儲存選購商品的那輛購物車。 網路商店依然保留現實生活中的那輛車，可以 讓消費者在網路商店將選購的商品丟入車中， 只是並非將商品拿起來放入購物車，而是將商 品資料和數量記錄下來，然後提供功能隨時可 以檢示選購商品的清單，這個功能稱為網路商 店的購物車。

6. 15-1-2 網路上的付錢方式 在規劃網路商店的開店計劃時，需要考 慮如何從網路上收到客戶付款，這種網 路上的金錢交易稱為電子商務，因為網 路並沒有辦法使用現金交易，目前電子 交易的主要方式是採用信用卡付款。 –SET 電子交易 –SSL （ Secure Socket Layer ）交易方式

7. 15-2 網路商店的信用卡檢查 信用卡的卡號並非流水號碼，它是特殊規則和 演算法產生的一組號碼，從卡號就可以判斷信 用卡種類，是否為合法發出的信用卡卡號，信 用卡的相關資料，如下所示： – 信用卡種類：卡號的前四碼就可以判斷出屬於 Visa 、 Master Card 、 Discovery 或 American Express 等信用卡。 – 信用卡卡號：程式可以使用數學公式檢查 16 碼的卡 號是否為合法的卡號。 – 有效期限：信用卡擁有發卡銀行指定的有效期限， 即 GOOD THRU 字串後的日期，一張有效的信用卡 刷卡日期並不能超過卡上的日期。

8. 15-3 網路商店的廣告管理 15-3-1 AdRotator 控制項的網頁廣告 15-3-2 資料庫監控的網路廣告

9. 15-3-1 AdRotator 控制項的網頁 廣告 - 說明 AdRotator 控制項是 ASP.NET 程式的橫幅 廣告管理元件，這是一種 Web 控制項， 屬於 System.Web.UI.WebControls 名稱空 間。 AdRotator 控制項使用亂數隨機選擇 顯示的廣告圖片，每一張圖片是一個圖 片超連結連結到目的網址。

10. 15-3-1 AdRotator 控制項的網頁 廣告 - XML 設定檔 AdRotator 控制項使用 XML 文件檔案記錄顯示 圖片和超連結等相關資訊，其內容如下所示： images/banner1.gif http://www.hinet.net 中華電信 ISP 5 ……………………

11. 15-3-1 AdRotator 控制項的網頁 廣告 -AdRotator 控制項的使用 在 ASP.NET 程式只需使用 AdRotator 控制 項標籤和設定相關屬性，就可以在網頁 顯示 AdRotator 控制項的網頁廣告，如下 所示： <asp:AdRotator id="AdRotator1" runat="Server" KeywordFilter="ISP" AdvertisementFile="Ch15-3-1.xml" OnAdCreated="AdCreated_Event" BorderWidth="2"/>

12. 15-3-2 資料庫監控的網路廣告 - 說明 AdRotator 控制項只能以亂數隨機選擇顯示的廣 告圖片，並沒有辦法記錄顯示廣告圖片的次數， 或是多少位使用者曾按下圖片超連結和限制廣 告圖片的顯示期限。 只需使用資料表儲存廣告圖片的資料，並且新 增欄位記錄圖片顯示和按下的次數，這是一種 資料庫監控的廣告圖片管理。

13. 15-3-2 資料庫監控的網路廣告 - Banners 資料表

14. 15-4 網路商店的產品目錄 15-4-1 分類顯示產品目錄 15-4-2 分頁顯示產品目錄

15. 15-4 網路商店的產品目錄 在網路商店只需使用 Data Binding 技術，就可以 在 ASP.NET 程式建立 DropDownList 控制項的產 品目錄選單，內含產品目錄分類，選擇分類就 可以顯示各分類的產品資料。 如果想在網路商店建立產品目錄，我們需要建 立產品目錄資料表 Catalogs ，其欄位如下：

16. 15-4-1 分類顯示產品目錄 - 分類 分類和查詢功能都是使用 buildSQL 函數建立 SQL 指令字串，如下所示： Function buildSQL() As String Dim strSQL, catalogID, keyWord As String catalogID = DropDownList1.SelectedItem.Value keyWord = search.Text If keyWord = "" Then If catalogID <> "000" Then strSQL = "SELECT * FROM Products WHERE CatalogID='" & _ catalogID & "'" Else strSQL = "SELECT * FROM Products" End If

17. 15-4-1 分類顯示產品目錄 - 查詢 如果消費者輸入查詢的關鍵字，此時的 SQL 指令是 使用 LIKE 運算子同時查詢 ProductName 、 ProductNo 和 ProductNote 欄位，如下所示： Else strSQL = "SELECT * FROM Products WHERE (ProductName LIKE '%" & _ keyWord & "%' OR " strSQL = strSQL & "ProductNo LIKE '%" & keyWord & "%' OR " strSQL = strSQL & "ProductNote LIKE '%" & keyWord & "%') " If catalogID <> "000" Then strSQL = strSQL & " AND CatalogID='" & catalogID & "'" End If Return strSQL End Function

18. 15-4-2 分頁顯示產品目錄 如果網路商店目錄的商品眾多，需要分 頁顯示時，我們可以改用 DataSet 物件建 立 Data Binding ，然後啟動 DataGrid 控制 項的分頁顯示功能，以分頁方式顯示目 錄的圖書資料。

19. 15-5 資料庫版的購物車 15-5-1 將選購的商品存入購物車 15-5-2 檢視購物車的內容 15-5-3 刪除和更新購物車的商品 數量

20. 15-5 資料庫版的購物車 -Items 資料表 在建立網路商店的商品目錄功能，當使用目錄或查詢 功能找到有興趣的商品後，可以使用資料庫將選購商 品儲存起來，每一筆選購的商品就是一筆記錄。

21. 15-5-1 將選購的商品存入購物 車 DataGrid 控制項新增 ButtonColumn 控制項的超連結， 按一下觸發 ItemCommand 事件執行 AddToCart 事件 處理程序，將產品放入購物車，如下所示： Sub AddToCart(sender As Object, e As DataGridCommandEventArgs) If e.CommandSource.CommandName = "addToCart" Then Dim order, no, name, price, strSQL As String ' 取得訂單資料 no=DataGrid1.DataKeys.Item(e.Item.ItemIndex).ToString() name=DataGrid1.Items(e.Item.ItemIndex).Cells(1).Text price=DataGrid1.Items(e.Item.ItemIndex).Cells(2).Text.Substring(3) ' 取得訂單號碼 Dim Cookie As HttpCookie = Request.Cookies("ShoppingCart") ' 建立 SQL 新增資料表記錄 ………………… End If End Sub

22. 15-5-2 檢視購物車的內容 資料庫版的購物車只是使用 DataGrid 控制項以表 格顯示 Items 資料表的記錄資料 。 ASP.NET 程式使用 DataSet 物件建立 DataGrid 控制 項的 Data Binding ，使用迴路計算購物車選購商品 的總價，如下所示： For Each objDataRow in objDataSet.Tables("ShoppingCart").Rows Total += objDataRow("ItemPrice") * objDataRow("ItemQuantity") Next

23. 15-5-3 刪除和更新購物車的商 品數量 - 說明 在購物車顯示的選購商品，如果不想購 買，只需勾選核取方塊，如果想多買幾 本，只需重新輸入數量，當按上方【更 新】圖片按鈕後，就可以執行 UpdateShoppingCartDatabase 程序更新資 料表 Items 的記錄資料。

24. 15-5-3 刪除和更新購物車的商 品數量 - 更新 UpdateShoppingCartDatabase 程序使用更新 DataSet 物件 的方法來更新 Items 資料庫，使用迴路比對 DataSet 物件 和 DataGrid 控制項 Data Binding 的資料，如下所示： For i = 0 To DataGrid1.Items.Count - 1 Dim objQuantity As TextBox = DataGrid1.Items(i).FindControl("quantity") Dim objRemove As CheckBox = DataGrid1.Items(i).FindControl("remove") Dim quantity as Integer Try ' 錯誤處理 quantity = Convert.ToInt32(objQuantity.Text) If quantity <> Convert.ToInt32(DataGrid1.DataKeys(i)) OR _ objRemove.Checked = True Then …………….. Catch msg.Text = " 資料輸入錯誤........" End Try Next

25. 15-6 網路商店的訂單處理 網路商店購物車的訂單處理部分可以分成兩個 部分，在第一個部分是輸入付款和選擇送貨方 式，也就是信用卡檢查。 第二個部分是產生訂單，也就是新增一筆資料 表的訂單資料，此時需要一個訂單編號，以上 一節資料庫版的購物車為例，建議只是將 Items 資料表當作暫存資料表，以使用者編號為主鍵 儲存選購的商品。 等到消費者結帳時，表示準備下訂單後才產生 訂單編號，將選購商品由 Items 資料表新增到訂 單資料表。