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层应用程序体系结构。
提供数据缓存功能