Default.aspx頁面列舉了寵物商店的寵物類別,例如,BIRDS、BUGS、BACKYARD等。單擊寵物類別,以便查看更為詳細的資訊。另外,在頁面右上方包括一個文字框和一個搜尋圖片按鈕。在文字框中輸入關鍵字,可查詢寵物商店中的寵物。查詢結果顯示在Search.aspx頁面中。
顯示寵物列表和寵物具體資訊,以及提供購物功能
單擊Default.aspx頁面中的寵物類別後,將顯示18-5所示的Products.aspx頁面。例如,單擊的寵物類別是Endangered(瀕臨滅絕類),那麼Products.aspx頁面中將分頁顯示Endangered類別的寵物名稱、簡要說明和圖片等。
圖18-5
寵物列表頁面Products.aspx
單擊圖18-5所示頁面中寵物列表的任意一項時,頁面將跳轉到圖18-6所示的Items.aspx頁面。該頁面顯示了所選擇寵物的具體資訊,例如,寵物名稱、圖片、數量、單價等。另外,還設定了購買寵物的功能,即利用連結按鈕,將寵物商品添加到購物車和意向清單中。每當使用者添加一個商品到購物車或者意向清單時,瀏覽器將顯示購物車或者意向清單中商品的列表頁面(ShoppingCart.aspx和WishList.aspx)。
圖18-6
寵物具體資訊頁面Items.aspx
提供使用者登入驗證、註冊新使用者和維護使用者資訊等功能
每個有意通過寵物商店購買寵物的人員,都應該是寵物商店的使用者。為此,應用程式提供了使用者登入驗證、註冊,維護使用者資訊的頁面。
圖18-7所示顯示了使用者登入頁面SignIn.aspx的。如果瀏覽者登入成為寵物商店的使用者,那麼可以提交註冊使用者名稱和密碼,實現身分識別驗證。如果瀏覽者還不是寵物商店使用者,而又希望購買寵物,那麼可以利用頁面提供的連結“Not registered yet?”進行使用者註冊。該連結的目標頁面是NewUser.aspx。圖18-8所示顯示了使用者註冊頁面NewUser.aspx的。註冊過程只需填寫使用者名稱和密碼即可。顯而易見,這些註冊資訊對於商家而言是遠遠不夠的。當使用者登入驗證後,可單擊任何頁面右上方的“Profile”按鈕,以便顯示UserProfile.aspx頁面。該頁面用於維護當前登入使用者資訊,例如,姓名、地址、連絡方式等。
圖18-7
使用者登入頁面SignIn.aspx
圖18-8
使用者註冊頁面NewUser.aspx
需要注意的是,PetShop 4.0允許匿名使用者在不登入網站的情況下,使用購物車和意向清單進行購物。當結束購物進行結賬處理時,登入網站或者註冊為使用者。這種功能為匿名使用者提供了很大方便。
管理購物車和意向清單
欲購商品可儲存在購物車和意向清單中。購物車中包含著使用者將結賬購買的商品。意向清單中僅包括使用者有意向購買的商品,而不是使用者本次真正購買的商品,真正購買的商品都儲存在購物車中。當使用者購物結束結賬時,實際是對購物車中商品進行結賬,而不是意向清單。圖18-9和圖18-10所示顯示了購物車和意向清單的管理頁面。
圖18-9
購物車頁面ShoppingCart.aspx
單擊任何頁面右上方的“CHECK OUT”連結按鈕,或者每當添加一個商品到購物車時,用戶端瀏覽器將載入ShoppingCart.aspx頁面。18-9所示,該頁面主要用於顯示和管理購物車商品。例如,列舉商品名稱、單價、購買數量、是否移動到意向清單、是否刪除指定商品、計算商品總價等。
單擊任何頁面右上方的“WISH LIST”連結按鈕,或者每當添加一個商品到意向清單時,用戶端瀏覽器將載入WishList.aspx頁面。18-10所示,該頁面主要用於顯示和管理意向清單商品,具體內容與ShoppingCart.aspx頁面內容類別似。
圖18-10
意向清單頁面WishList.aspx
實現結賬處理
選定商品結束購物後,下一步將進行結賬過程。圖18-11和圖18-12所示顯示了網站的結賬處理頁面CheckOut.aspx。
圖18-11
結賬處理頁面CheckOut.aspx
網站結賬處理主要包括以下4個步驟:(1)填寫寄送賬單地址資訊;(2)填寫寄送地址資訊;(3)填寫付款資訊;(4)確認和提交最終賬單。以上4個步驟均由CheckOut.aspx頁面提供的嚮導來完成。圖18-11和18-12所示顯示了結賬過程中的步驟1和步驟2的頁面。
以上內容介紹了PetShop 4.0應用程式的主要功能和使用者介面。另外,該應用程式還包括一些無法從使用者介面中反映出來的功能。
圖18-12
結賬處理頁面CheckOut.aspx
支援不同類型資料庫儲存
PetShop 4.0預設支援兩種類型資料庫:SQL Server 2005和Oracle 10g。為了提高應用程式適應性,還提供了對其他資料庫儲存的擴充支援。
支援N層應用程式體系架構
作為一個企業級應用範例,必須考慮應用程式的重用型、可維護性、可擴充性等。因此,PetShop 4.0支援N層應用程式體繫結構。
提供資料緩衝功能
為改善使用者體驗,降低伺服器資源使用率,PetShop 4.0使用了多種資料緩衝功能來實現這一目的。尤其是利用了ASP.NET 2.0提供的SQL資料緩衝依賴功能。