建立网路商店课件

1、建立网路商店第15章 建立網路商店 15-1 網路商店的基礎 15-2 網路商店的信用卡檢查 15-3 網路商店的廣告管理 15-4 網路商店的產品目錄 15-5 資料庫版的購物車 15-6 網路商店的訂單處理建立网路商店15-1網路商店的基礎 15-5-1 什麼是網路商店 15-1-2 網路上的付錢方式建立网路商店15-1網路商店的基礎 網路商店是在Internet開一家虛擬店面，網路商店的目的和一般商店相同，都是開店作生意，不過網路商店沒有實際的店面，只是模擬現實生活的方式讓使用者採購商品。建立网路商店15-5-1 什麼是網路商店-商品目錄（Catalog） 網路商店沒有實際賣場的架位，也

2、不會將商品實際的上架，它提供的是商品目錄，讓消費者瀏覽商品或查詢商品，然後檢視產品的詳細資料，以便模擬現實賣場架上的商品。 當然在網路商店並不能將商品真的放上網頁，取而代之的是顯示銷售商品的圖片，並且提供快速的商品查詢功能，使用商品分類目錄和關鍵字搜尋功能，以便消費者能夠快速瀏覽或找到所需的商品。建立网路商店15-5-1 什麼是網路商店-購物車（Shopping Cart） 購物車的英文為Shopping Cart，有些國內網站稱為購物袋，也就是在現實賣場或超級市場採購時，方便儲存選購商品的那輛購物車。 網路商店依然保留現實生活中的那輛車，可以讓消費者在網路商店將選購的商品丟入車中，只是並非將

3、商品拿起來放入購物車，而是將商品資料和數量記錄下來，然後提供功能隨時可以檢示選購商品的清單，這個功能稱為網路商店的購物車。建立网路商店15-1-2 網路上的付錢方式 在規劃網路商店的開店計劃時，需要考慮如何從網路上收到客戶付款，這種網路上的金錢交易稱為電子商務，因為網路並沒有辦法使用現金交易，目前電子交易的主要方式是採用信用卡付款。 SET電子交易 SSL（Secure Socket Layer）交易方式建立网路商店15-2 網路商店的信用卡檢查 信用卡的卡號並非流水號碼，它是特殊規則和演算法產生的一組號碼，從卡號就可以判斷信用卡種類，是否為合法發出的信用卡卡號，信用卡的相關資料，如下所示：

4、信用卡種類：卡號的前四碼就可以判斷出屬於Visa、Master Card、Discovery或American Express等信用卡。 信用卡卡號：程式可以使用數學公式檢查16碼的卡號是否為合法的卡號。 有效期限：信用卡擁有發卡銀行指定的有效期限，即GOOD THRU字串後的日期，一張有效的信用卡刷卡日期並不能超過卡上的日期。建立网路商店15-3 網路商店的廣告管理 15-3-1 AdRotator控制項的網頁廣告 15-3-2 資料庫監控的網路廣告建立网路商店15-3-1 AdRotator控制項的網頁廣告-說明 AdRotator控制項是ASP.NET程式的橫幅廣告管理元件，這是一種We

5、b控制項，屬於System.Web.UI.WebControls名稱空間。AdRotator控制項使用亂數隨機選擇顯示的廣告圖片，每一張圖片是一個圖片超連結連結到目的網址。建立网路商店15-3-1 AdRotator控制項的網頁廣告-XML設定檔 AdRotator控制項使用XML文件檔案記錄顯示圖片和超連結等相關資訊，其內容如下所示： images/banner1.gif http:/ 中華電信 ISP 5 建立网路商店15-3-1 AdRotator控制項的網頁廣告-AdRotator控制項的使用 在ASP.NET程式只需使用AdRotator控制項標籤和設定相關屬性，就可以在網頁顯示Ad

6、Rotator控制項的網頁廣告，如下所示：建立网路商店15-3-2 資料庫監控的網路廣告-說明 AdRotator控制項只能以亂數隨機選擇顯示的廣告圖片，並沒有辦法記錄顯示廣告圖片的次數，或是多少位使用者曾按下圖片超連結和限制廣告圖片的顯示期限。 只需使用資料表儲存廣告圖片的資料，並且新增欄位記錄圖片顯示和按下的次數，這是一種資料庫監控的廣告圖片管理。建立网路商店15-3-2 資料庫監控的網路廣告- Banners資料表欄欄位位名名稱稱資資料料類類型型大大小小 說說明明ID自動編號廣告圖片的編號URL文字50圖片超連結的網址CurrDisplays 數字目前顯示圖片的次數MaxDisplays

7、 數字圖片最大的顯示次數CurrClicks數字圖片超連結按一次的次數MaxClicks數字圖片超連結最大允許按一次的次數EndDate日期/時間圖片顯示的期限URLName文字50超連結的名稱FigureName文字50廣告圖片的網址建立网路商店15-4 網路商店的產品目錄 15-4-1 分類顯示產品目錄 15-4-2 分頁顯示產品目錄建立网路商店15-4 網路商店的產品目錄 在網路商店只需使用Data Binding技術，就可以在ASP.NET程式建立DropDownList控制項的產品目錄選單，內含產品目錄分類，選擇分類就可以顯示各分類的產品資料。 如果想在網路商店建立產品目錄，我們需要

8、建立產品目錄資料表Catalogs，其欄位如下：欄欄位位名名稱稱資資料料類類型型大大小小 說說明明CatalogID文字3產品目錄的編號CatalogName 文字30產品目錄的名稱建立网路商店15-4-1 分類顯示產品目錄-分類 分類和查詢功能都是使用buildSQL函數建立SQL指令字串，如下所示：Function buildSQL() As String Dim strSQL, catalogID, keyWord As String catalogID = DropDownList1.SelectedItem.Value keyWord = search.Text If keyWord

9、 = Then If catalogID 000 Then strSQL = SELECT * FROM Products WHERE CatalogID= & _ catalogID & Else strSQL = SELECT * FROM Products End If建立网路商店15-4-1 分類顯示產品目錄-查詢 如果消費者輸入查詢的關鍵字，此時的SQL指令是使用LIKE運算子同時查詢ProductName、ProductNo和ProductNote欄位，如下所示： Else strSQL = SELECT * FROM Products WHERE (Product

10、Name 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 End If Return strSQLEnd Function建立网路商店15-4-2

11、分頁顯示產品目錄 如果網路商店目錄的商品眾多，需要分頁顯示時，我們可以改用DataSet物件建立Data Binding，然後啟動DataGrid控制項的分頁顯示功能，以分頁方式顯示目錄的圖書資料。建立网路商店15-5 資料庫版的購物車 15-5-1 將選購的商品存入購物車 15-5-2 檢視購物車的內容 15-5-3 刪除和更新購物車的商品數量建立网路商店15-5 資料庫版的購物車-Items資料表 在建立網路商店的商品目錄功能，當使用目錄或查詢功能找到有興趣的商品後，可以使用資料庫將選購商品儲存起來，每一筆選購的商品就是一筆記錄。欄位名稱欄位名稱資料類型資料類型大小大小 說明說明ItemN

12、o自動編號選購商品的項目編號UserID文字10使用者編號ProductNo文字6產品編號ItemName文字30選購商品的名稱ItemPrice數字選購商品的定價ItemQuantity 數字訂購數量建立网路商店15-5-1 將選購的商品存入購物車 DataGrid控制項新增ButtonColumn控制項的超連結，按一下觸發ItemCommand事件執行AddToCart事件處理程序，將產品放入購物車，如下所示：Sub AddToCart(sender As Object, e As DataGridCommandEventArgs) If e.CommandSource.CommandNa

13、me = 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 = Reque

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

15、emQuantity)Next建立网路商店15-5-3 刪除和更新購物車的商品數量-說明 在購物車顯示的選購商品，如果不想購買，只需勾選核取方塊，如果想多買幾本，只需重新輸入數量，當按上方【更新 】 圖 片 按 鈕 後 ， 就 可 以 執 行UpdateShoppingCartDatabase程序更新資料表Items的記錄資料。建立网路商店15-5-3 刪除和更新購物車的商品數量-更新 UpdateShoppingCartDatabase程序使用更新DataSet物件的方法來更新Items資料庫，使用迴路比對DataSet物件和DataGrid控制項Data Binding的資料，如下所示：F

16、or 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.DataK

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

18、立网路商店3B+y(u%r#oWlTiQeNbK8G5D1A-x*t$qZnVkSgPdMaI7F4C0z)v&s!pXmUjRfOcK9H6E2B+y(u%rZoWlThQeNbJ8G4D1A-w*YmUjRfOcL9H6E3B+y(v%r#oWlTiQeNbK8G5D1A-x*t$qZnVkSgPdMaI7F4C0z)v&s!pXmUjRfOcK9H6E2B+y(u%rZoWlThQeNbJ8G4D1A-w*t$qYnVkSgPdLaI7F3C0z)v&s#pXmUiRfOcK9H5E2B+x(u%rZoWkThQeMbJ8G4D1z-w*t!qYnVjSgOdLa

19、I6F3C0y)v%s#pXlUiRfNcK8H5E2A+x(u$rZoWkThPeMbJ7G4D1z-w&t!qYmVjSgOdL9I6F3B0y)v%s#oXlUiQfNcK8H5D2A+x*u$rZnWkShPeMaJ7G4C1z)w&t!pYmVjRgOdL9I6E3B0y(v%s#oXlTiQfNbK8H5D2A-x*u$qZnWkShPdMaJ7F4C1z)w&s!pYmUjRgOcL9H6E3B+y(v%r#oWlTiQeNbK8G5D1A-x*t$qZnVkShPdMaI7F4C0z)w&s!pXmUjRfOcL9H6E2B+y(u%r#oWlT

20、hQeNbJ8G5D1A-w*t$qYnVkSgPdLaI7F3C0z)v&s#pXmUiRfOcK9H6E2B+x(u%rZoWlThQeMbJ8G4D1A-w*t!qYnVjSgPdLaI6F3C0y)v&s#pXlUiRfNcK9D1A-w*t$qYnVkSgPdMaI7F3C0z)v&s!pXmUiRfOcK9H6E2B+x(u%rZoWlThQeMbJ8G4D1A-w*t!qYnVjSgPdLaI6F3C0y)v&s#pXlUiRfNcK9H5E2A+x(u$rZoWkThQeMbJ7G4D1z-w*t!qYmVjSgOdLaI6F3B0y)v%s#p

21、XlUiQfNcK8H5E2A+x*u$rZnWkThPeMaJ7G4C1z-w&t!pYmVjRgOdL9I6F3B0y(v%s#oXlUiQfNbK8H5D2A+x*u$qZnWkShPeMaJ7F4C1z)w&t!pYmUjRgOcL9I6E3B+y(v%r#oXlTiQeNbK8G5D2A-x*t$qZnVkShPdMaJ7F4C0z)w&s!pYmUjRfOcL9H6E3B+y(u%r#oWlTiQeNbJ8G5D1A-x*t$qYnVkSgPdMaI7F3C0z)v&s!pXmUiRfOcK9H6E2B+y(u%rZoWlThQeNbJ8G4D1A-

22、w*t$qYnVjSgPdLaI7F3C0y)v&s#pXmUiRfNcK9H5E2B+x(u$rZoWkThQeMbJ7G4D1z-w*t!qYnVjSgOdLaI6F3C0y)v%s#pXlUiRfNcK8H5E2A+x(u$rZnWkThPeMbJ7G4C1z-w&t!qYmVjRgOdL9I6F3B0y(v%s#oXlUiQfNbK8H5D2A+x*u$rZnWkShPeMaJ7G4C1z)w&t!pYmVjRgOcL9I6E3B0y(v%r#oXlTiQfNbK8G5D2A-!qYmVjRgOdL9I6F3B0y)v%s#oXlUiQfNcK8H5D2A+x*

23、u$rZnWkShPeMaJ7G4C1z)w&t!pYmVjRgOcL9I6E3B0y(v%r#oXlTiQfNbK8G5D2A-x*u$qZnVkShPdMaJ7F4C1z)w&s!pYmUjRgOcL9H6E3B+y(v%r#oWlTiQeNbK8G5D1A-x*t$qZnVkSgPdMaI7F4C0z)v&s!pXmUjRfOcK9H6E2B+y(u%r#oWlThQeNbJ8G5D1A-w*t$qYnVkSgPdLaI7F3C0z)v&s#pXmUiRfOcK9H5E2B+x(u%rZoWkThQeMbJ8G4D1z-w*t!qYnVjSgPdLaI6F

24、3C0y)v&s#pXlUiRfNcK9H5E2A+x(u$rZoWkThPeMbJ7G4D1z-w&t!qYmVjSgOdL9I6F3B0y)v%s#oXlUiQfNcK8H5D2A+x*u$rZnWkThPeMaJ7G4C1z-w&t!pYmVjRgOdL9I6E3B0y(v%s#oXlTiQfNbK8H5D2A-x*u$qZnWkShPdMaJ7F4C1z)w&s!pYmUjRgOcL9I6E3B+y(v%r#oXlTiQeNbK8G5D2A-x*t$qZnVkShPdMaI7F4C0z)w&s!pXmUjRfOcL9H6E2B+y(u%r#oWl

25、ThQeNbJ8G5D1A-w*t$qYnVkSgPdMaI7F3C0z)v&s!pXmUiRfOcK9H6E2B+x(uZnVkShPdMaI7F4C0z)w&s!pXmUjRfOcL9H6E2B+y(u%r#oWlTiQeNbJ8G5D1A-x*t$qYnVkSgPdMaI7F3C0z)v&s!pXmUiRfOcK9H6E2B+x(u%rZoWlThQeMbJ8G4D1A-w*t!qYnVjSgPdLaI7F3C0y)v&s#pXmUiRfNcK9H5E2B+x(u$rZoWkThQeMbJ7G4D1z-w*t!qYmVjSgOdLaI6F3B0y)v%s#

26、pXlUiQfNcK8H5E2A+x*u$rZnWkThPeMbJ7G4C1z-w&t!qYmVjRgOdL9I6F3B0y(v%s#oXlUiQfNbK8H5D2A+x*u$qZnWkShPeMaJ7F4C1z)w&t!pYmUjRgOcL9I6E3B0y(v%r#oXlTiQfNbK8G5D2A-x*u$qZnVkShPdMaJ7F4C0z)w&s!pYmUjRfOcL9H6E3B+y(u%r#oWlTiQeNbJ81z)w&t!pYmVjRgOcL9I6E3B0y(v%r#oXlTiQfNbK8G5D2A-x*u$qZnVkShPdMaJ7F4C0z)w&

27、amp;s!pYmUjRfOcL9H6E3B+y(u%r#oWlTiQeNbK8G5D1A-x*t$qZnVkSgPdMaI7F4C0z)v&s!pXmUjRfK8G5D2A-x*u$qZnVkShPdMaJ7F4C0z)w&s!pYmUjRfOcL9H6E3B+y(v%r#oWlTiQeNbK8G5D1A-x*t$qZnVkSgPdMaI7F4C0z)v&s!pXmUjRfOcK9H6E2B+y(u%rZoWlThQeNbJ8G4D1A-w*t$qYnVkSgPdLaI7F3C0z)v&s#pXmUiRfOcK9H5E2B+x(u%rZoWkThQeMbJ8G

28、4D1z-w*t!qYnVfOcK9H6E2B+y(u%rZoWlThQeNbJ8G5D1A-w*t$qYnVkSgPdLaI7F3C0z)v&s#pXmUiRfOcK9H5E2B+x(u%rZoWkThQeMbJ8G4D1z-w*t!qYnVjSgOdLaI6F3C0y)v&s#pXlUiRfNcK9H5E2A+x(u$rZoWkThPeMbJ7G4D1z-w&t!qYmVjSgOdL9I6F3B0y)v%s#oXlUiQfNcK8H5D2A+x*u$rZnWkThPeMaJ7G4C1z-w&t!pYmVjRgOdL9I6E3B0y(v%s#ohPeMbJ7G

29、4D1z-w&t!qYmVjSgOdL9I6F3B0y)v%s#oXlUiQfNcK8H5E2A+x*u$rZnWkThPeMaJ7G4C1z-w&t!pYmVjRgOdL9I6E3B0y(v%s#oXlTiQfNbK8H5D2A-x*u$qZnWkShPdMaJ7F4C1z)w&t!pYmUjRgOcL9I6E3B+y(v%r#oXlTiQeNbK8G5D2A-x*t$qVjRgOdL9I6E3B0y(v%s#oXlTiQfNbK8H5D2A-x*u$qZnWkShPeMaJ7F4C1z)w&t!pYmUjRgOcL9I6E3B+y(v%r#oXlTiQeNb

30、K8G5D2A-x*t$qZnVkShPdMaI7F4C0z)w&s!pXmUjRfOcL9H6E3B+y(u%r#oWlTiQeNbJ8G5D1A-x*t$qYRgOcL9I6E3B+y(v%r#oXlTiQeNbK8G5D2A-x*t$qZnVkShPdMaI7F4C0z)w&s!pYmUjRfOcL9H6E3B+y(u%r#oWlTiQeNbJ8G5D1A-x*t$qYnVkSgPdMaI7F3C0z)v&s!pXmUiRfOcK9H6E2B+x(u%rZoWlThQeNbJ8G4D1A-s!pYmUjRfOcL9H6E3B+y(u%r#oWlTiQeNbJ8G5

31、D1A-x*t$qYnVkSgPdMaI7F3C0z)v&s!pXmUiRfOcK9H6E2B+y(u%rZoWlThQeNbJ8G4D1A-w*t$qYnVjSgPdLaI7F3C0y)v&s#pXmUiRfNcK9H5E2B+x(unVkSgPdMaI7F4C0z)v&s!pXmUjRfOcK9H6E2B+y(u%rZoWlThQeNbJ8G4D1A-w*t$qYnVjSgPdLaI7F3C0y)v&s#pXmUiRfNcK9H5E2B+x(u%rZoWkThQeMbJ8G4D1z-w*t!qYnVjSgOdLaI6F3C0y)rZoWlThQeNbJ8G4D1A-w*t$qYnVjSgPdLaI7F3C0y)v&s#pXmUiRfO