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数据缓存依赖功能。