web课程设计.docx
《web课程设计.docx》由会员分享，可在线阅读，更多相关《web课程设计.docx（33页珍藏版）》请在冰豆网上搜索。
web课程设计
MypetShop系统课程
设计报告
名称：
MyPetShop系统课程设计
任课教师：
专业：
班级：
姓名：
学号：
完成日期：
2010年12月20日
第一章绪论
1.1MyPetShop系统概述
随着因特网的不断普及和信息高速公路的逐步延伸，人类社会现今已昂首步入信息社会时代，而商品交易模式在不断地发生着变化。
在社会化大生产以及社会分工日趋专业化的今天，网上购物无形的占据着主要的地位。
网上购物系统一般由商品管理，购物车管理，系统管理和会员管理等要素组成，是一个网上交易过程。
其主要任务是交易各方以电子交易方式而不是通过当面交换或直接面谈方式进行的任何方式的商业交易。
显然，这与“网上购物”的概念和内容既有联系，又有明显的区别。
它们涉及的信息范围，服务功能以及社会意义等都不相同。
网上购物系统搜集和管理的是特定的信息，其范围较窄，功能和目标比较明确，具体，主要是为特定的领域和机构的决策和管理服务；而信息管理则要对各类信息及其相关要素进行全方位管理，而对全社会开展信息服务，以便有效地满足社会的信息需求。
今天，我们可以确信网上购物毋庸置疑是未来的发展方向。
然而网上购物系统却还没有一个严格的定义。
Intel公司认为：
网上购物=电子市场+电子交易+电子服务；IBM认为：
网上购物=web；HP公司则说：
“网上购物是通过电子化的手段来完成商业贸易活动的一种方式。
”如此等等。
那么究竟什么是网上购物系统呢？
1.2系统开发的目的和意义
近年来，随着信息的全球化和国际互联网的普及化，越来越多的人想使用其无国界，无时间，无地域限制的便利环境来经营拓展商务。
因此，网上购物成为成为互联网应用的最大热点，越来越多的企业通过使用网上购物技术来进行商业上的交易以减少成本。
当然，还有更多的公司想使用网络技术来架构一个虚拟的店面进行营业交易，企业与消费者通过网络完成交易，非但能使企业降低成本也可以让消费者在一个舒适的地点享受逛街与购物的乐趣。
随着网上购物风潮的扩大，将会有更多的公司连上网络进行各项业务，而不只是将公司产品介绍的网页放在网站上供人浏览而已。
现在，大多数企业已经建立自己的网站介绍和销售他们的产品。
您只要拥有一个计算机，浏览器，Internet连接和信用卡，今天就可以从网络上购买到书本，CD，鲜花，宠物，电视甚至到汽车。
如今网上购物已经成为企业增加市场竞争力的一种重要手段，同时人民购物更加方便快捷。
所以我想设计一个MyPetShop系统，让喜欢动物的人能够通过网上购物更加方便快捷的买到自己喜欢的宠物。
第二章系统分析
2.1系统需求分析
网上购物从英文的字面意思上看就是利用现在先进的电子技术从事各种商业活动的方式。
其实质是一套完整的网络商务经营及管理信息系统。
再具体一点，它是利用现有的计算机硬件设备，软件和网络基础设施，通过一定的协议连接起来的电子网络环境进行各种各样商务活动的方式。
这是一个比较严格的定义，说的通俗一点，网上购物一般就是利用国际互联网进行商务活动的一种方式，例如：
网上营销，网上客户服务，以及网上做广告，网上调查等。
网上购物可以通过多种电子通讯方式来完成。
简单的，比如你通过打电话或发传真的方式来与客户进行商贸活动，似乎也可以称作为网上购物，但是，现在人们所探讨的网上购物主要是以EDI电子数据交换Internet来完成的。
尤其是随着Internet技术的日益成熟，网上购物真正的发展将是建立在Internet技术上的。
所以也有人把网上购物简称为IC（INTERNETCOMMERCE）。
需求分析是数据库设计的第一阶段。
不断的调查与研究，了解部门的业务流程等系统与需求，对于设计好概念模型是非常重要的。
在需求分析中，应该对现实世界要处理的对象进行详细的调查；在确定系统功能中，收集支持系统功能目标的数据及分析数据之间的关系和处理流程。
可以说，需求分析的质量直接影响到系统设计的成败。
MyPetShop系统是一个具备基本功能的电子商务网站。
系统主要包括五个功能模块：
前台商品浏览模块、用户注册登录模块、购物车模块、订单结算模块和后台管理功能模块。
1.前台商品浏览模块
按照电子商务网站的一般规划和人们使用电子商务网站的习惯，前台商品浏览模块主要实现按照各种条件显示、查看商品的前台显示功能。
2.用户注册登录模块
用户注册和登录模块与通常的会员系统类似，用户注册以后就可以成为系统的会员。
用户只有在成功登录系统后，才可以实现商品的购买。
注册用户还具有修改密码和找回密码的功能。
3.购物车模块
购物车是每个电子商务站点的基本元素。
本系统应用Profile个性化用户配置技术实现购物车模块，润许匿名用户访问购物车。
购物车中包含了用户决定购买的所以商品信息，包括商品编号、商品名称、商品价格、购买数量以及用户应付总价等。
用户在查看商品详细信息时，如果决定购买即可将商品加入购物车，然后可以继续浏览其它产品。
4.订单结算模块
用户完成购物后即可进入结算中心，系统对用户的产品及数量进行价格计算，最后生成用户应付款金额。
然后用户向系统下达订单并提供送货地址和付款方式等信息。
5.后台管理功能模块
后台管理功能模块是根据系统数据维护要求而设计的后台管理平台，只有拥有管理员角色的用户才可进入后台功能模块实现系统的维护与管理。
2.2采用的关键技术介绍
2.2.1ASP.NET简介
ASP.NET是一个Web开发平台，提供了构建企业级应用所需的服务、编程模型和软件基础结构。
虽然ASP.NET的语法基本上与其前辈ASP（ActiveServerPage）兼容，但是ASP.NET是一个全新的编程框架，旨在用于快速开发Web应用程序。
作为Microsoft.NET平台的一部分，ASP.NET提供了一种基于组件的、可扩展的且易于使用的方法，用于购建、部署和运行供所有在浏览器或移动设备中使用的Web应用。
同ASP和其他Web开发环境一样，ASP.NET也是建立在HTTP协议之上的，它利用HTTP命令和策略进行双向的、浏览器到服务器的通信和协作。
真正使ASP.NET有别于其他Web开发技术的是它提供的抽象编程模型，即Web窗体模型。
此外，整个ASP.NET平台是Microsoft.NETFramework的一部分。
ASP.NET应用是一些已编译的代码部件，由一些可重用且可扩展的组件组成，可以用第一类语言（包括、C#、MicrosoftVisualBasic.NET、MicrosoftJscript.NET和J#）创建，并且可以访问.NETFramework中整个类的层次结构。
2.2.2SQLServer2008简介
SQLServer是一种高性能的关系数据库管理系统（RDBMS），其主要特点有：
●与Windows9x和WindowsNT集成
●提供企业级的数据库复制
●提供并行的体系结构
●支持超大型数据库
●与OLE对象紧密集成
对客户／服务器用户的一个主要挑战就是中央管理跨整个企业范围内的多个服务器。
SQLServer用一个称为分布式管理框架（DMF）的企业级系统管理框架来实现。
DMF由对象、服务器和用户管理MicrosoftSQLServer的其他组件组成。
DMF设计为下述结构，该结构由SQLServerEnterpriseManage、DistributedManagementObject（DMO）、SQLServer引擎和包括一个称作管理器的服务核心组件SQLExecutive组成。
SQLServerEnterpriseManage为安排和管理多个服务器提供了一个图形化用户界面（GUI），Server提供的分布式管理对象（DMO）的能力给SQLServer引擎和服务器提供了一个对象接口。
该层包含用户接口组件所使用的OLESQLServer对象及任何遵循OLEServer引擎和服务的途径。
该层包含数据库引擎的后端，并提供由SQLExecutive所管理的核心管理服务。
2.3可行性分析
2.3.1技术可行性
MyPetShop网站是顺应人们的需求而设计的。
采用B／S三层体系结构，表示层（USL）用ASP.NET开发平台,业务层（BLL）用C#编程语言,数据层（DAL）用ADO.NET。
后台数据存储用SQLServer2008数据库。
三层结构体系能够负责客户机与服务器、服务器与服务器间的连接和通信；实现应用与数据库的高效连接；提供一个三层结构应用的开发、运行、部署和管理的平台。
这种三层结构在层与层之间相互独立，任何一层的改变不会影响其它层的功能。
上述技术适用与本网站的开发。
因此，本网站的开发在技术上是可行的。
2.3.2操作可行性
网站运行于Windows环境，其用户操作页面友好，设置“网站导航”便于用户操作。
网站的基本操作如下：
●匿名用户
⏹查看商品、查看天气预报、搜索商品
⏹用户注册
⏹用户登录
⏹访问购物车
●注册用户
⏹查看商品、查看天预报、搜索商品
⏹修改密码、找回密码
⏹查看购物记录
⏹添加购物车商品、删除购物车商品、修改购物车中商品的数量、清空购物车中商品、结算购物车中所以商品
⏹创建订单、查看订单
⏹退出登录
●管理员用户
⏹修改密码、找回密码
⏹进入系统管理
⏹管理商品分类、管理供应商信息、管理商品信息
⏹退出登录
第三章系统概要设计
3.1系统总体设计
3.1.1运行环境
●操作系统：
WindowsNT/2000/XP/2003/7
●安装IIS
●安装SQLServer2008
●安装VisualStudio.NET2010
3.1.2系统流程
后台业务流程（管理员用户执行操作的流程）如图3.1所示
图3.2后台管理系统业务流程图
前台业务流程（普通用户以及匿名用户执行操作的流程）如图3.2所示。
图3.2前台用户业务流程图
3.1.3系统结构
本课题的功能模块设计如图3.3所示。
3.2系统接口的概要设计
3.2.1用户接口
系统的用户接口主要分为前台普通用户的操作界面和后台管理员用户操作界面。
●首页
由头部、左侧部分、右侧内容主体部分以及尾部组成。
布局设计如图3.4所示。
⏹头部包括网站LOGO、导航栏、用户功能菜单等
⏹左侧部分显示最新商品信息、商品分类信息，右侧部分显示搜索栏、天气预报信息、最新商品等
⏹尾部显示作品信息等
功能菜单
LOGO
导航栏
搜索栏
图3.4系统前台首页布局设计
作品信息
下面重点介绍普通用户的操作界面布局设计，如图3.5所示。
其他用户界面类似。
显示用户进行操作的内容
显示用户功能菜单
图3.5用户操作界面布局设计
3.3数据库概要设计
3.3.1逻辑结构设计（E-R）
本课题设计规划出的实体有管理员，普通用户，商品、商品信息、各地天气预报、购物车、订单、结算、分类、供应商。
本课题中实体间的关系如图3.6所示。
3.3.2物理结构设计
本课题目前为数据库建立了5张表。
●商品分类信息表（Category）主要包括商品分类编号、分类名称和类别描述等。
●商品信息表（Product）主要包括商品编号、商品分类编号、商品单价、商品成本、供应商编号、商品名称、商品介绍、商品图片和商品库存等。
●供应商信息表（Supplier）主要包括供应商编号、供应商名称、供应商地址、供应商所在省份、供应商所在城市、城市邮编和供应商电话等内容。
●订单信息表（Order）主要包括订单编号、用户名、订单日期、用户地址、用户所在城市、用户所在省份、城市邮编、用户电话和订单状态等。
●订单详细信息表（OrderItem）主要包括订单详细信息编号、订单编号、商品名称、商品单价、购买数量和总价等。
本课题用到了ASP.NET2.0的新功能成员管理，角色管理机制。
故将用到的成
员管理数据库表生成到了自定义的数据库中。
其中aspnet_Membership表中存储系统的成员信息。
aspnet_Roles表存储角色信息，本课题中设计了2个角色，即普通用户和管理员。
第四章系统详细设计
本课题总体设计的核心思想主要以下两点：
页面是一个容器，是由不同模块（用户控件）组成的；Web页面和用户空间都属于表示层，它们用来处理交互，具体功能由业务对象完成。
4.1表示层即系统界面的详细设计
4.1.1母版页的详细设计
MypetShop应用程序使用了母版页技术、通过将网络Logo标志、导航条、站点导航、版权声明以及商品搜索功能等整合在一起，大大提高了开发效率，减低了维护强度。
同时还应用了ASP.NETAJAX技术和Web部件功能。
header.as在设计母板页时选择“AJAX母版页”，以便能使用ASP.NETAJAX技术。
在设计母板页时有四个关键步骤。
●创建母版页时选择“AJAX母版页”，以便能适应ASP.NETAJAX技术。
添加Web部件。
其中包括了一个ContentPlaceHolder控件以便能使用Web部件功能。
●将用户控件添加到母版页中。
其中使用了用户状态用户控件和站点导航用户控件。
●实现商品搜索功能。
母版页界面设计如图4.1所示。
图4.1母版页界面设计图
4.1.2应用程序首页的详细设计
MyPetShop应用程序的首页由Default.aspx实现。
在首页中除了显示母版页中的内容外，还显示最新商品信息、商品分类信息和天气预报信息等。
在首页前台也没设计中，主要设计三部分内容。
（1）使用ASP.NETAJAX技术。
利用UpdatePanel控件实现局部页面刷新效果。
（2）添加自定义用户控件。
主要使用了三个用户控件：
最新商品列表用户控件、
商品类别列表用户控件和天气预报用户控件。
单击最新商品列表或商品类别列表中的信息，可以跳转到商品详细信息浏览页面。
单击天气预报用户控件中“更多信息”链接，将跳转到天气预报详细信息页面。
（3）添加Web部件控件，这是首页前台页面设计中的主要部分。
在应用程序首
页中共使用了五个WebPartZone控件，每个WebPartZone控件内的WebPart控件分别对应商品类别列表用户控件、用户状态控件、最新商品列表用户控件、商品类别及商品导航用户控件和天气预报用户控件。
浏览时，因为天气预报信息通过Web服务方式从中国气象局获取，因此要求
连通Internet。
效果如图4.2所示。
图4.2首页Default.aspx效果图
4.1.3注册新用户的页面详细设计
注册新用户功能由Register.aspx页面实现，主要设计登录系列控件的CreateUserWizard控件，为用户提供注册新用户功能。
在注册过程中需要提供包括用户名、密码和确认密码、电子邮件、安全提示问题和安全答案等。
Register.aspx浏览效果如图4.3所示。
图4.3注册新用户页面效果图
4.1.4用户登录页面的详细设计
用户登录由Login.aspx页面实现，为注册用户提供登录功能，主要设计登录系列控件的Login控件。
在登录时用户必须提供正确的用户名和密码信息才能正常登录，登录页面还提供了“我还没注册!
”超链接和“忘记密码了？
”超链接，单击“我还没注册！
”超链接将被重定向到注册新用户页面Register.aspx，单击“忘记密码了？
”超链接将被重定向到找回密码页面PasswordRecovery.aspx。
Login.aspx效果如图4.4所示。
图4.4用户登录页面效果图
4.1.5修改用户密码页面的详细设计
修改用户密码功能由ChangePassword.aspx页面实现，主要设计登录系列控件的LoginView控件和ChangPassword控件。
修改用户密码页面为用户提供了修改用户密码的功能，在修改用户密码时，若用户未登录需要提供原密码、新密码和确认新密码信息；若用户已登录，需要提供新密码和确认新密码信息。
ChangePassword.aspx页面浏览效果如图4.5所示。
图4.5修改用户密码页面效果图
4.1.6找回用户密码页面的详细设计
找回用户密码功能由PasswordRecovery.aspx页面实现，主要设计登录系列控件的PasswordRecovery控件。
PasswordRecovery.aspx页面浏览效果如图4.6所示。
图4.6找回用户密码页面效果图
4.1.7ShopCart.aspx页面的详细设计
ShopCart.aspx页面实现了购物车的全部功能，包括购物车中删除商品、修改购买数量和清空购物车管理功能。
在购物车页面前台界面中共有一个用于显示购物车全部商品的GridView控件和四个实现购物车相关操作的Button控件。
购物车功能是围绕购物车的相关操作而发生的，主要设计购物车以下几个功能模块：
添加购物车商品、删除购物车商品、修改购物车商品的数量、清空购物车和购买结算等。
图4.7添加购物车商品后效果图
图4.8删除购物车商品前效果图
图4.9删除购物车商品后效果图
图4.9.1修改商品数量后再重新计算效果图
4.1.8订单处理页面的详细设计
订单处理功能模块主要实现订单管理功能，主要包括创建订单和查看订单功能。
上述功能分别由SubmitCart.aspx和OrderList.aspx页面实现。
图4.9.2创建订单页面效果图
4.2业务层的详细设计
本课题中的数据库操作业务逻辑调用系统中的DataConn类库中的类来实现。
DataConn类库的详细设计
此类库设计了一个数据库连接类和十七个业务对象类。
●数据链接类：
DataConn.designer.cs
●业务对象类
⏹Site.master.cs
⏹ProShow.aspx.cs
⏹Search.aspx.cs
⏹ShopCart.aspx.cs
⏹SubmitCart.aspx.cs
⏹OrderList.aspx.cs
⏹Category.ascx.cs
⏹NewProduct.ascx.cs
⏹PetTree.ascx.cs
⏹CategoryMaster.aspx.cs
⏹OrderMaster.aspx.cs
⏹OrderSub.aspx.cs
⏹ProductMaster.aspx.cs
⏹ProductSub.aspx.cs
⏹SupplierMaster.aspx.cs
⏹AddPro.aspx.cs
⏹Weather.ascx.cs
4.3数据库详细设计
本课题共设计了5张数据表。
4.3.1表的详细设计
1）商品分类信息表的详细设计
表4.1商品分类信息表Category
2）商品信息表的详细设计
表4.2商品信息表Product
3）供应商信息表的详细设计
表4.3供应商信息表Supplier
4）订单信息表的详细设计
表4.4订单信息表Order
5）订单详细信息表
表4.5订单详细信息表OrderItem
4.3.2表间关系图
本课题数据表之间的关系如图4.1所示。
图4.1系统数据表关系图
第五章系统实现
5.1系统开发环境
●系统：
MicrosoftWindows7
●编程环境：
MicrosoftVisualStudio2010
●ASP.NET版本：
ASP.NET2.0
●开发语言：
C#
●数据库：
SQLServer2008
5.2系统实现
5.2.1客户端系统实现
第一次登录系统,主界面显示最新商品信息、商品分类信息和天气预报以及匿名用户级的功能选项。
（如图5.1所示）
图5.1MyPetShop网站的主页
商品详细信息浏览页面由ProShow.aspx实现，可以按商品类别浏览该类别所以商品的详细信息，也可以按商品编号浏览特定商品信息。
如图5.2和图5.3所示
图5.2Pointy单个商品详细信息页面
图5.3Fish类所以商品详细信息页面
商品搜索页面由Search.aspx实现，主要实现模糊查找商品并显示商品详细信息的功能。
模糊查找商品是指根据用户指定的查询关键字（页面传递过来的参数）在MyPetShop数据库中实现全文模糊查找，所以匹配的商品详细信息都将以列表的形式显示。
如图5.4和图5.5所
示。
图5.4商品搜索页面（输入商品名称为Cat）
图5.5模糊搜索商品结果图
5.2.2后台管理系统实现
管理员登录后进入后台管理界面。
界面列出对应管理员信息管理操作的选项。
图5.6商品分类信息管理页面效果图
图5.7供应商信息管理页面效果图
图5.8商品信息管理页面效果图
图5.9订单详细信息页面效果图
5.3系统运行环境要求
5.3.1服务器端要求
1）硬件要求
●处理器：
Pentium4CPU2.40GHz
●内存：
至少256MB
●硬盘：
至少80GB
2）软件要求
●SQLServer2008
●Mircosoft.NETFramework2.0
5.3.2客户端要求
1）硬件要求
●处理器：
Pentium4CPU1.60GHz
●内存：
至少128MB
●硬盘：
至少20GB
2）软件要求
●InternetExplorer6.0以上版本
5.4系统部署
5.4.1数据库设置
MyPetShop应用程序使用SQLServerExpress2005数据库进行开发，所使用的数据库为MyPetShop.mdf和系统数据库ASPNETDB.Mdf。
MyPetShop数据库由开发人员建立，共包含五个表：
Category、Product、Supplier、Order和OrderItem。
其中Category表存储商品类别信息，Product表存储商品详细信息，Supplier表存储供应商详细信息，OrderItem表存储订单的详细信息，Order表存储订单信息。
ASPNETDB数据库由系统自动生成，主要为了存储实现Profile用户个性化配置功能、Web部件功能、成员资格管理和角色管理等功能相关的数据。
5.4.2服务器端运行设置步骤
1）将MyPetShop目录复制到硬盘任意位置。
2）用SQLServer2008附加数据库文件MyPetShop.mdf。
3）用VisualStudio2005打开MyPetShop.sln，查看并修改web.config文件中的数据库连接字符串。
4）设置MyPetShop为活动项目，按Ctrl+F5查看运行。
第六章测试与分析
6.1测试实例（测试集）的研究与选择
测试是为了发现程序中的错误而执行程序的过程。
好的测试方案是尽可能发现尚未发现的错误的测试方案。
本节分别介绍各个功能的测试用例及其预期结果。
身分验证与角色判断功能
●用例内容如下，普通用户信息见表6.1，管理员用户信息见表6.2
表6.1普通用户信息测试用例
普通用户
用户名
feifei
密码
123456
表6.2普通用户信息测试用例
管理员用户
用户名
gaofei
密码
123456
●测试
升级会员 