第十八章订单与产品管理.ppt

Chapter 18 購物網站 (2) - 訂單與產品管理 本章提要 18 - 1 購物網站的後端架構 18 - 2 類別管理網頁 (admin / Category.aspx) 18 - 3 產品管理網頁 (admin / Product.aspx) 18 - 4 訂單管理 (admin / Orders.aspx) 購物網站 (2) - 訂單與產品管理 前面第 17 章已經完成購物網站的前端系統, 本章將繼續使用第 17 章的架構與資料庫, 完成後端的訂單、產品與類別等管理系統。 18 - 1 購物網站的後端架構 我們的購物網站後端包含訂單、產品與類別管理系統, 分成了 3 個 程式檔, 放 置於網站的 admin 目錄 下： 購物網站的後端架構 管理系統自然必須限制權限, 不能讓使用者隨意進入, 所以我們使用第 13 章所介紹的安全管理機制, 限制只有管理者可以進入 admin 目錄： 購物網站的後端架構 購物網站的後端架構 我們已建立了一個名為 admin 使用者並將其加入 manager 角色： 購物網站的後端架構 您可以自行透過 ASP.NET 網站管理工具, 新增使用者帳號, 然後將其加入 manager 角色, 即可使用該帳號進入網站的管理系統。 18 - 2 類別管理網頁 (admin / Category.aspx) 類別管理網頁的功能與控制項 新增產品類別 編輯與刪除類別 類別管理網頁的功能與控制項 類別管理網頁主要用來新增、修改、刪除產品的類別： 類別管理網頁的功能與控制項 類別管理網頁的功能與控制項 下面則是類別管理網頁所包含的控制項： 類別管理網頁的功能與控制項 類別管理網頁的功能與控制項 其中 SqlDataSource_Category 的 InsertCommand 為 “INSERT INTO [產品類別] ([名稱]) VALUES (@ 名稱)”；SqlDataSource_ProductInCategory 的 SelectCommand 為 SELECT [類別編號], [名稱] FROM [產品] WHERE ([類別編號] = @ 類別編號)。 新增產品類別 當管理者在 TextBox_Category 輸入新類別的名稱, 然後按下新增鈕時, 便會觸發 Button_NewCategory_Click 程序。 此時只要以 TextBox_Category.Text 取得管理者輸入的名稱, 然後將其新增至產品類別資料表, 即可新增產品的類別。 下面是 Button_NewCategory_Click 程序的程式碼： 新增產品類別 新增產品類別 編輯與刪除類別 GridView_Category 是用來顯示目前所有產品類別, 並且啟用其編輯與刪除的功能。 為了避免管理者刪除某一類別後, 原本屬於該類別的產品變成『孤兒』, 所以當管理者刪除類別時, 程式會檢查是否還有產品屬於該類別。 若有, 則會在 GridView_ProductInCategory 列出該類別還有哪些產品, 然後中止刪除的動作。 編輯與刪除類別 編輯與刪除類別 編輯與刪除類別 第 33 行括號內將 GridView 控制項的刪除事件與參數指定為 e 物件。 第 39 行的 e.Keys 屬性可取得欲刪除之資料列的某一欄位值, 所以 e.Keys (編號) 便代表該資料列的編號欄位, 也就是類別編號。 第 47 行將 e 物件的 Cancel 屬性設定為 True, 即可讓此刪除事件中斷, 不執行刪除資料的動作。 18 - 3 產品管理網頁 (admin / Product.aspx) 產品管理網頁的功能與控制項 使用 GridView 顯示產品列表 使用 DetailsView 顯示、新增、編輯與刪除產品 同步更新上方 GridView_Product 的資料 產品管理網頁的功能與控制項 產品管理網頁主要用來顯示產品列表, 並且可以新增、修改、刪除產品： 產品管理網頁的功能與控制項 產品管理網頁的功能與控制項 如果進 入編輯 模式, 可如下 修改產 品資料： 產品管理網頁的功能與控制項 當進入新增模式時, 會出現下列欄位讓管理者輸入產品資料： 產品管理網頁的功能與控制項 下面則是產品管理網頁所包含的控制項： 產品管理網頁的功能與控制項 產品管理網頁主要包含兩個控制項：GridView 與 DetailsView。 GridView 將顯示產品列表, 而 DetailsView 則會顯示產品的詳細資訊, 並且可以新增、編輯與刪除產品, 隨後將介紹如何設定這兩個控制項。 使用 GridView 顯示產品列