第15章-MyPetShop综合实例

Web程序设计——ASP.NET实用网站开发1第15章MyPetShop综合实例Web程序设计——ASP.NET实用网站开发2本章要点：了解MyPetShop系统的总体设计熟悉系统数据库设计掌握用户控件设计掌握前台功能模块设计掌握购物车模块掌握订单处理模块掌握后台功能管理模块Web程序设计——ASP.NET实用网站开发3目录15.1系统总体设计15.2MyPetShop数据库设计15.3用户控件设计15.4前台显示页面设计15.5用户注册和登录模块15.6购物车模块15.7订单处理15.8后台管理功能模块15.9小结Web程序设计——ASP.NET实用网站开发415.1系统总体设计系统功能模块设计用户控件设计系统数据库总体设计web.config配置文件的设计Web程序设计——ASP.NET实用网站开发515.1.1系统功能模块设计Web程序设计——ASP.NET实用网站开发6前台商品浏览模块Web程序设计——ASP.NET实用网站开发7购物车模块应用Profile个性化用户配置技术实现购物车模块，允许匿名用户访问购物车。购物车中包含了用户决定购买的所有商品信息，包括商品编号、商品名称、商品价格、购买数量以及用户应付总价等。用户在查看商品详细信息时，如果决定购买即可将商品加入购物车，然后可以继续浏览其他产品。Web程序设计——ASP.NET实用网站开发8购物车模块（续）Web程序设计——ASP.NET实用网站开发9订单结算模块用户完成购物后即可进入结算中心，系统对用户的产品及数量进行价格计算，最后生成用户应付款金额。然后用户向系统下达定单并提供送货地址和付款方式等信息。Web程序设计——ASP.NET实用网站开发10订单结算模块（续）Web程序设计——ASP.NET实用网站开发11后台管理功能模块根据系统数据维护要求而设计的后台管理平台，只有拥有管理员角色的用户才可进入后台功能模块实现系统的维护与管理。Web程序设计——ASP.NET实用网站开发12后台管理功能模块（续）Web程序设计——ASP.NET实用网站开发1315.1.2用户控件Navigation1用户控件：根据用户的不同角色，显示不同的登录状态信息。Navigation2用户控件：根据站点地图实现站点导航功能。Category用户控件：实现商品类别显示功能。Web程序设计——ASP.NET实用网站开发1415.1.2用户控件（续）NewProduct用户控件：实现最新商品显示功能。PetTree用户控件：实现商品类别及所有商品导航功能。Weather用户控件：实现全国所有省、直辖市的主要城市天气预报功能。Web程序设计——ASP.NET实用网站开发1515.1.3系统数据库总体设计MyPetShop数据库：包含Category、Product、Supplier、Order和OrderItem。其中Category表存储商品类别信息，Product表存储商品详细信息，Supplier表存储供应商详细信息，OrderItem表存储订单的详细信息，Order表存储订单信息。ASPNETDB数据库：存储实现Profile用户个性化配置功能、Web部件功能、成员资格管理和角色管理等功能相关的数据。Web程序设计——ASP.NET实用网站开发1615.1.4web.config配置文件启用了Web部件功能、Profile个性化用户配置、Forms身份验证和URL授权、成员资格和角色管理等功能，因此必须对web.config配置文件进行相应的配置。源程序：web.configWeb程序设计——ASP.NET实用网站开发1715.2MyPetShop数据库设计数据表设计表与表之间的联系Web程序设计——ASP.NET实用网站开发1815.2.1数据表设计商品分类信息表（Category）商品信息表（Product）供应商信息表（Supplier）订单信息表（Order）订单详细信息表（OrderItem）Web程序设计——ASP.NET实用网站开发19商品分类信息表（Category）字段说明类型备注CategoryId商品分类编号int主键，自动递增Name商品分类名称varchar(80)允许为空Descn商品类别描述varchar(255)允许为空Web程序设计——ASP.NET实用网站开发20商品信息表(Product)字段说明类型备注ProductId商品编号int主键，自动递增CategoryId所属商品分类编号int外键，不允许为空ListPrice商品单价decimal(10,2)允许为空UnitCost商品成本decimal(10,2)允许为空SuppId供应商编号int外键Name商品名称varchar(80)允许为空Descn商品介绍varchar(255)允许为空Image商品图片varchar(80)存储图片路径Qty商品库存int不允许为空Web程序设计——ASP.NET实用网站开发21供应商信息表(Supplier)字段说明类型备注SuppId供应商编号int主键，自动递增Name供应商名称varchar(80)允许为空Addr1供应商地址1varchar(80)允许为空Addr2供应商地址2varchar(80)允许为空City供应商所在城市varchar(80)允许为空State供应商所在省份varchar(80)允许为空Zip城市邮编varchar(5)允许为空Phone供应商电话varchar(40)允许为空Web程序设计——ASP.NET实用网站开发22订单信息表(Order)字段说明类型备注OrderId订单编号int主键，自动递增UserName用户名varchar(80)不允许为空OrderDate订单日期datetime不允许为空Addr1用户地址1varchar(80)允许为空Addr2用户地址2varchar(80)允许为空City用户所在城市varchar(80)允许为空State用户所在省份varchar(80)允许为空Zip城市邮编varchar(5)允许为空Phone用户电话varchar(40)允许为空Status订单状态varchar(10)允许为空Web程序设计——ASP.NET实用网站开发2315.2.2数据表联系设计Web程序设计——ASP.NET实用网站开发2415.3用户控件设计商品类别列表用户状态站点导航最新商品列表商品类别商品导航天气预报Web程序设计——ASP.NET实用网站开发2515.3.1商品类别列表用户控件Category.ascx包括一个GridView控件，用于显示商品类别及该类别所有的商品数量，其中商品类别显示为超链接，通过单击商品类别可进入该类别的商品列表页面。Web程序设计——ASP.NET实用网站开发2615.3.2用户状态用户控件Navigation1.ascx包括LoginView、LoginName和LoginStatus控件，实现根据不同角色用户的不同状态显示不同的用户状态信息和可操作菜单。Web程序设计——ASP.NET实用网站开发2715.3.3站点导航用户控件Navigation2.ascxWeb.sitemap包括一个SiteMapPath控件Web程序设计——ASP.NET实用网站开发2815.3.4最新商品列表用户控件NewProduct.ascx包括一个GridView控件，用于显示最新商品信息，包括商品名称和商品价格信息，单击商品名称将进入商品详细信息页面。Web程序设计——ASP.NET实用网站开发2915.3.5商品类别及商品导航用户控件PetTree.ascx包含一个TreeView控件Web程序设计——ASP.NET实用网站开发3015.3.6天气预报用户控件Weather.ascx通过调用Web服务，显示全国所有省、直辖市的主要城市最近3天的天气情况。实现天气预报控件有两个关键步骤：一是添加天气预报Web服务引用，二是调用天气预报Web服务的相关方法再显示天气预报信息，如GetCityWeather(stringcityCode)方法用于获取相应城市的天气预报信息。Web程序设计——ASP.NET实用网站开发3115.3.6天气预报用户控件（续）Web程序设计——ASP.NET实用网站开发3215.4前台显示页面设计母版页应用程序首页商品详细信息浏览页面商品搜索页面Web程序设计——ASP.NET实用网站开发3315.4.1母版页的设计ASP.NETAJAX技术Web部件功能。用户状态用户控件和站点导航用户控件。商品搜索功能使用ASP.NETAJAX技术，运用ASP.NETAJAXControlToolkit组件中的AutoCompleteExtender控件实现典型的AJAXTextBox自动完成功能，实现商品名称的模糊查找，并将所有与搜索关键字模糊匹配的商品以列表的形式显示。Web程序设计——ASP.NET实用网站开发3415.4.1母版页的设计（续）Web程序设计——ASP.NET实用网站开发3515.4.2应用程序首页Default.aspx除了显示母版页中的内容外，还显示最新商品信息、商品分类信息和天气预报信息等。ASP.NETAJAX技术。最新商品列表用户控件、商品类别列表用户控件和天气预报用户控件。Web程序设计——ASP.NET实用网站开发3615.4.2应用程序首页Default.aspx（续）使用了5个WebPartZone控件，每个WebPartZone控件内的WebPart控件分别对应商品类别列表用户控件、用户状态用户控件、最新商品列表用户控件、商品类别及商品导航用户控件和天气预报用户控件。浏览时，因为天气预报信息通过Web服务方式从中国气象局获取，因此要求连通Internet。Web程序设计——ASP.NET实用网站开发3715.4.2应用程序首页Default.aspx（续）Web程序设计——ASP.NET实用网站开发3815.4.3商品详细信息浏览页面ProShow.aspxPetTree用户控件GridView控件Web程序设计——ASP.NET实用网站开发3915.4.3商品详细信息浏览页面（续）Web程序设计——ASP.NET实用网站开发4015.4.3商品详细信息浏览页面（续）Web程序设计——ASP.NET实用网站开发4115.4.4商品搜索页面Search.aspx实现模糊查找商品并显示商品详细信息的功能。PetTree用户控件GridView控件Web程序设计——ASP.NET实用网站开发4215.4.4商品搜索页面（续）Web程序设计——ASP.NET实用网站开发4315.4.4商品搜索页面（续）Web程序设计——ASP.NET实用网站开发4415.5用户注册和登录模块注册新用户登录系统修改用户密码找回用户密码退出系统Web程序设计——ASP.NET实用网站开发4515.5.1注册新用户NewUser.aspxCreateUserWizard控件Web程序设计——ASP.NET实用网站开发4615.5.1注册新用户（续）Web程序设计——ASP.NET实用网站开发4715.5.2用户登录Login.aspxLogin控件Web程序设计——ASP.NET实用网站开发4815.5.2用户登录（续）Web程序设计——ASP.NET实用网站开发4915.5.3修改用户密码ChangePwd.aspxChangePassword控件Web程序设计——ASP.NET实用网站开发5015.5.3修改用户密码（续）Web程序设计——ASP.NET实用网站开发5115.5.4找回用户密码GetPwd.aspxPasswordRecovery控件web.configPasswordMail.txtWeb程序设计——ASP.NET实用网站开发5215.5.4找回用户密码（续）Web程序设计——ASP.NET实用网站开发5315.5.4找回用户密码（续）Web程序设计——ASP.NET实用网站开发5415.5