计算机软件及应用电子商务网站设计报告.docx

计算机软件及应用电子商务网站设计报告.docx

《计算机软件及应用电子商务网站设计报告.docx》由会员分享，可在线阅读，更多相关《计算机软件及应用电子商务网站设计报告.docx（12页珍藏版）》请在冰豆网上搜索。

计算机软件及应用电子商务网站设计报告

[计算机软件及应用]电子商务网站设计报告

[计算机软件及应用]电子商务网站设计报告实训报告题目_电子商务系统设计与开发_学生姓名专业班级电子商务09-1班学号院（系）计算机与通信工程学院指导教师（职称）完成时间2012年6月28日目录一、需求分析说明书31、网站介绍32、网站面向的用户群体33、产品应当遵循的标准或规范44、功能描述45、产品的非功能性需求6二、项目开发计划81、网站开发方法82、网站分工设计83、开发进程设定8三、设计说明书91、数据库架构设计92、网站开发架构设计112.1功能界面设计112.2网站设计123、网站制作163.1创建数据库163.2创建母版页193.3创建登录页与注册页203.4实现文本框验证223.5使用QueryString进行页面间参数传递223.6制作具体页面、加入购物车功能实现223.7制作管理页面283.8错误处理页面333.9加入导航34四、测试计划351、编写目的352、项目背景353、任务简述354、测试计划36五、测试分析报告371、输入372、输出393、功能测试404、缺陷统计与分析445、测试结论44六、总结性报告45一、需求分析说明书网站名称：

单反部落本网站提供各品牌单镜头反光相机的在线销售。

主要用户对象是喜欢探察微观世界的摄影爱好者、专业摄影师、体育摄影师、记者、新闻记录、商务活动记录、享受手动操作乐趣的单反新玩家、摄影发烧友等，网站提供各品牌单镜头反光相机，按佳能、索尼、尼康、宾得、松下等品牌进行分类，针对单镜头反光相机的市场需求，以及买家卖家的需要。

针对市面上类似的网站运行版本风格的变动，以及系统更新换代的趋势。

提供单反相机的交易电子网站多功能，方便用户和商店顾客的使用。

1、网站介绍

（1）本次制作为：

M单镜头反光相机销售的电子商务网站，用于网络电子商务式的单反相机业务销售、便于客户对此类商品的了解以及采购、使用等

（2）本网站开发的背景是针对时代性的变更，市场销售模式的更替、市场需求性变化的趋势。

尽量适应人类文明生活购买方式、风格的改变，尽最大努力的为消费者、为市场需要而产生的一种全新型的电子商务网站系统。

2、网站面向的用户群体本网站中销售的产品面向广大摄影师、记者、单反相机等数码产品经营商、以及对探察微观世界有爱好的摄影爱好者而需要用到单反相机作为其承载工具的各大市民。

3、产品应当遵循的标准或规范本电子商务网站制作应遵循互联网使用标准，网站使用应符合互联网合法化的使用。

网站内销售过程应遵守国家经济法的标准。

4、功能描述4.1前台功能：

4.1.1．新用户注册：

用户注册成为本站会员，要求用户个人需提供身份证号码与扫描件进行实名认证，企业需提供营业执照扫描件以及法人身份证件。

4.1.2．单反相机分类搜索：

用户可根据对单反相机的品牌分类浏览和输入关键字进行查找浏览。

4.1.5.实现购物车功能模块：

实时显示用户当前所购的商品，可以增加或删除4.1.6订单查询功能：

客户确认购买号即生成一个唯一的订单号，客户依此号码可以查询所购的单反相机的情况。

4.1.7．在线支付功能/网上银行支付功能：

用户确认购买后实现在线支付货款或者使用网上银行支付的选择和实现。

4.1.8管理员入口：

进入后台管理商品及信息。

4.2后台管理实现功能4.2.1商品上架管理：

网站管理人员发布新商品信息4.2.2商品管理功能：

对于商品的下架/修改管理。

4.2.3用户管理：

设置用户登录权限4.2.4订单管理；查询订单状态4.2.5访问统计管理：

对网站的流量进行日，周，和季度的统计。

反馈网站的浏览量。

4.3数据流图5、产品的非功能性需求5.1用户界面需求：

需求名称详细要求首页显示网站发布后首先浏览到的页面是网站的首页页面风格绿色祥云购物网站页面字体显示以白色为主5.2软件硬件需求：

需求名称详细要求CPU1.0GHz以上（推荐）内存256MB以上（推荐）操作系统Windows技术选择WEBDBMS选择SQLServer20005.3产品质量需求：

主要质量属性详细要求正确性确保各项资料数据的准确有效，禁止数据遗漏，重复，丢失。

健壮性数据异常扑获，灾难性恢复。

可靠性数据校验，人机稽核，平衡检查。

性能，效率一般易用性操作简单，符合用户工作习惯清晰性流程清晰易记，分类管理安全性错误提示，数据验证可扩展性不同平台之间数据共享兼容性自适应各种系统环境可移植性自由选择不同类型的数据库5.4其他需求：

按客户要求和技术支持待定。

二、项目开发计划1、网站开发方法本网站开发使用VS2010专业版，不分层的架构进行开发。

2、网站分工设计第一分队：

数据库及代码编写第二分队：

前台设计，用户界面第三分队：

实训文档编写和相关辅助工作3、开发进程设定全组小组在两天内拿出页面设计方案（草图）、第一分队制定数据库设计方案；第二分队在四天内拿出前台实施方案，全组在第5天内完成代码编写，第6天完成网站样本数据录入、运行测试，第9天完成文档编写，第10天网站验收答辩及上交实训报告时间。

三、设计说明书1、数据库架构设计把ASP.NET设置为基于窗体的身份验证类型之后，系统会自动创建一个ASPNETDB.MDF数据库，并且定义了一系列的数据库表，创建用户账户。

根据分析，需要五个需要手工创建的表：

Departments：

商品部表，用来定义网站论坛不同的商品部，如服装销售中的男装、女装、婴童等；Products：

商品信息表，包括商品名称标题、价格、描述及其它信息；Orders：

订单表，用户的一次购买被称为一个订单，包括订单号（主键）、下单日期、下单人、商品合计金额、运费、收货地址等；OrderItems：

订单详细内容表，它与Orders是一对多的关系，该表中保存所有指定订单的相应的商品，包括商品号、订单号（作为Orders表的外键）、商品名称、购买数量、单价Comments：

评论表，对购买的商品进行评论，包括内容、评论时间等；表1商品部表（表名Departments）结构列名数据类型与长度属性列名含义说明DepartmentIdint主键自动递增DepartmenttNamenvarchar（10）不允许空商品部名称表2商品信息表（表名Products）结构列名数据类型与长度属性列名含义说明ProductIdint主键自动递增DepartmentIdint外键商品部IdTitlenvarchar（40）不允许空商品名称Bodynvarchar（4000）不允许空商品描述UnitPricemoney不允许空单价NumInStockint不允许空库存数量ImageUrlnvarchar（256）允许空商品图片表3订单表（表名Orders）结构列名数据类型与长度属性列名含义说明OrderIdint主键自动递增UserNamenvarchar（20）不允许空购买用户名Namenvarchar（20）允许空收货人姓名ShippingAddressnvarchar（100）允许空收货地址OrderDatedatetime不允许空发货日期Phonenvarchar（20）允许空收货人电话Statusnvarchar（5）不允许空订单状态（待付款、等待发货、已发货、交易成功）表4订单详细内容表（表名OrderItems）结构列名数据类型与长度属性列名含义说明OrderItemIdint主键自动递增OrderIdint外键订单IdProductIdint外键商品IdTitlenvarchar（40）不允许空商品名称UnitPricemoney不允许空商品单价Quantityint不允许空商品数量表5评论表（表名Comments）结构列名数据类型与长度属性列名含义说明CommentIdint主键自动递增ProductIdint外键商品IdUserNamenvarchar（20）不允许空商品购买用户名Commentnvarchar（1000）不允许空评论内容SubmitDatedatetime不允许空评论日期表6购物车（表名ShoppingCarts）结构列名数据类型与长度属性列名含义说明CartIdint主键自动递增UserNamenvarchar（20）外键用户名ProductIdint外键商品编码Quantityint不允许空购买数量AddDatedatetime不允许空购买日期2、网站开发架构设计2.1功能界面设计用户界面是应用的前端部分，用户通过用户界面与系统交互。

对于Web网站应用系统来说，用户界面是网站的一系列网页。

用户对网站质量的判断，大多是来自于对网页可用性、快捷性的评价，所以确保网页用户界面的直观及方便非常重要。

电子商务网站需要如下网页：

l主页：

在该网页中，匿名用户会看到一个“登录”和“注册”链接，而已登录用户则可以进行购买商品及对已购买商品发评论的操作，如果登录用户为商城员工，可以发布新商品。

l商品部页：

本页将列出本商品部全部商品，包括图片、品名、单价等。

l发布新商品页：

该网页只能被商城员工打开访问，用户可以在该网页中发布新商品，l商品详细内容页：

该网页显示商品详细内容及对于该商品的评论，该页面可以看到“现在购买”按钮及“加入购物车”按钮，匿名用户点击这两个按钮时，弹出注册页面，已登录用户点击这两个按钮时，进入相应功能。

l用户页面：

商城消费者可以访问，能够看到自己已经购买商品的信息、对已经购买的商品进行评价，当然这里需要包括用户的订单2.2网站设计网站首页设计用户访问页面（部分）详细内容页面3、网站制作3.1创建数据库3.1.1创建用户与数据库

（1）打开VS2008，选择菜单【文件】|【新建网站】，将网站位置选择为“文件系统”，目录命名为“ClubForum”，语言选择为“VisualC#”；选择菜单【网站】|【ASP.NET配置】，出现【ASP.NET网站管理工具】欢迎页面；

（2）单击页面上部的【安全】选项卡（或中部的【安全】链接），此时可以进行创建用户、创建角色及身份验证类型设置；（3）单击界面左下角【选择身份验证类型】链接，默认设置是【通过本地网络】单选钮，即Windows身份验证，单击【通过Internet】单选钮，将其设置为基于窗体的安全，单击【完成】按钮返回；（4）在返回的界面中，【用户】窗格由于身份验证类型已经改为基于窗体的安全，因此现在可以创建用户及管理用户，（5）单击【创建用户】链接，提示进行用户名、密码等的输入，在输入时，注意保证左下角的【活动用户】复选框为选中状态（默认为选中），否则用户将无法登录网站。

用户账户内容的输入会进行验证检查，比如保证用户名为唯一，密码满足特定强度（默认至少为七个字符长，并至少包含一个非字母数据字符），电子邮件符合正确格式等，如果输入无效数据，将显示验证错误消息，禁止创建新用户。

如果没有错误，单击【创建用户】按钮，有创建用户完成的信息提示，用户创建完成。

在【ASP.NET网站管理工具】页面内，创建一个用户名Admin，再创建几个普通用户，用户名自己设定，注意记录下密码，供以后使用（数据表中的密码已经被加密，无法看出明文密码）。

同时创建一个Administrator用户角色，将用户名Admin加入这个角色。

在设置基于窗体的安全之后，系统会自动创建一个名为ASPNETDB的数据库。

关闭ASP.NET管理工具，进入ClubForum网站，在解决方案资源管理器中，单击上方的【刷新】按钮，再单击App_Data文件夹前边的“+”号，可以看到该文件夹中存在一个系统新建的数据库ASPNETDB.MDF。

进入数据库资源管理器，观察ASPNETDB数据库的表，其中有11个系统表。

有两个表与账户密切相关，它们是aspnet_Users和aspnet_Membership，这两个表存储用户的账户信息，对网站的每个注册用户，这两个表中将有一条对应的记录。

aspnet_Users表包含标识用户的基本列，特别是用户名。

aspnet_Membership表包含注册用户所提供的信息，如电子邮件地址、密码、账户创建时间、安全问题与答案、用户是否为活动状态等。

3.1.2在【服务器资源管理器】界面，单击“ASPNETDB.MDF”前面的“+”号，右击【表】，单击【添加新表】，将4.2讨论的数据表结构创建三个新表。

并在Columns表中添加两到三条记录，如健走、骑行、游泳等，作为实验数据供开发使用。

3.1.3连接数据库数据库的连接方式在web.config文件中设置。

通过在appSetting元素中添加一个数据库连接字符串ConnectionString来实现，代码如下：

其中的value值为连接字符串，可以在第2步中右击“ASPNETDB.MDF”文件，选择【属性】，查找其“连接字符串”属性，将其属性值复制粘贴即可。

3.2创建母版页在【解决方案资源管理器】右击，单击【添加新项】，在对话框中选择【母版页】，使用默认文件名，MasterPage.master，在【源】视图，可以把部分的元素删除，只保留部分的元素，将已经制作好的网页布局的页头部分HTML代码放入部分的上部，将页脚部分放入其下部，将正文部分放入其中间，这样的结果，以后所有以这个母版页为母版的页面，都有相同的页头与页脚。

删除创建网站时默认建立的Default.aspx页面，重新创建一个主页名为Index.aspx，注意在【添加新项】对话框，保证【选择母版页】选项被选中，这时就可以选择已经制作好的母版页。

以后的页面都要选定这个母版页，保证整个网站的页面是统一风格。

如果要设定主页、栏目页及帖子详细内容页的正文部分有不同的布局，可以在具体的页面内进行调整。

在主页Index.aspx的元素内，将前述网页布局正文部分内容放入，在【设计】视图检查效果。

母版页3.3创建登录页与注册页登录页命名为Login.aspx，注册页命名为Register.aspx，注意这两个网页的母版页仍然选择MasterPage.master，将【工具箱】中【登录】内的控件Login和CreateUserWizard分别拖放到这两个网页上，即完成了登录页面与注册页面的制作。

如果想把用户登录功能做到主页上并提供更好的用户体验界面，可以调整Login控件，并结合【登录】选项卡内的其它控件如LoginView、LoginName等，制作到主页上。

如图所示：

用户登录页面用户注册页面3.4实现文本框验证可以使用【工具箱】|【验证】中的RequiredFieldValidator控件，对文本框完成验证，要求文本框必须输入内容。

3.5使用QueryString进行页面间参数传递现在制作两个网页，一个是Index.aspx，即主页，另外一个是Post.aspx，用这个页面显示帖子及评论的详细内容。

完成QueryString传递。

使用【数据】选项卡中的数据绑定控件或普通控件，数据源不使用【数据】选项卡中的数据源控件，而是利用存储过程完成记录的提取，页面将QueryString传来的参数捕获，以捕获的这个参数做为存储过程的输入参数，做为存储过程的WHERE子句中的查询条件，存储过程返回的结果（可以考虑使用输出参数）与相应的数据绑定控件或者普通控件绑定显示，即可以完成任务。

3.6制作具体页面、加入购物车功能实现主页、商品部页、商品详细信息页，这三个页面类似于论坛中的主页、栏目页和帖子内容页，通过QueryString方式进行链接。

需要注意的是，要根据B2C网站的特征，合理设计页面中关于商品的图片、购买、加入购物车等布局的安排。

在所有的商品详细信息页，都要出现一个“加入购物车”按钮。

其后台实现思想，就是将当前页面商品的编码（ProductId）及用户购买数量添加到购物车数据表（ShoppingCarts）中，即SQL的Insert语句功能。

检查ShoppingCarts数据表可以看到，5个字段，其中CartId为自动递增，SubmitDate自动获取，UserName也可以获取当前登录用户名（参考

因此，在设计加入购物车功能时，需要两对SqlDataSource+DetailsView控件，第一对是显示当前商品的详细信息，对应于数据表Products；第二对是插入一条新记录到数据表ShoppingCarts中。

这第二对的DetailsView控件，除了Quantity是文本框可以编辑以外，其它绑定字段在UI界面中均删除，将DetailsView设定为默认插入模式，将“插入”文本改为“加入购物车”，并将其样式由链接改为按钮，在这个DetailsView的ItemInserting事件中，加入如下代码：

e.Values[“UserName“]=User.Identity.Name;e.Values[“ProductId“]=Request.QueryString[“id“];e.Values[“AddDate“]=DateTime.Now;注意获取ProductId的前提是，显示这个商品详细页是通过QueryString方式来完成的，比如ProductInfo.aspx?

id=320，即是显示ProductId=320的商品信息。

对于所有的登录用户，都会在页面的显著位置看到“我的购物车”链接，点击该链接可进入该用户购物车信息页面。

登录用户在购物车信息页面可以看到自己购物车中的商品及数量。

当用户确认购买（点击购物车内的“购买”或“结账”按钮）时，购物车内被选中的商品被添加到Orders及OrderItems表中。

这部分内容需要使用存储过程及事务处理，事务处理SQL的一种高级应用，由于后续涉及内容较多，本实训对结账之后的内容不做要求，只描述一下思想，有兴趣的同学，可以在毕业设计中，完成一个完整的包括结账及在线支付的电子商务网站。

结账的后台实现思想，就是将当前页面购物车的内容首先添加到订单数据表（Orders）中，从订单数据表中获取主键值后，再将订单的详细内容插入相应的记录到订单详细内容表（OrderItems）中，实现这种功能需要即SQL的Insert语句功能。

但不是普通的Insert功能，需要使用事务处理，即这两个表是对应关系，如果插入成功，两个表的记录都要插入成功，如果插入失败，两个表都失败，即事务处理中的“要么什么都不做，要么都做完”的核心思想。

当结账的两个表都插入后，购物车的相应内容被清空，然后会显示在线付款（比如支付宝、银联等）的办法，完成一单的购买工作。

购物车页面商品详细信息及购买和加入购物车已购商品评论商品商品搜索3.7制作管理页面管理页面实际上就是后台页面，需要根据网站的不同类型制作。

本网站是B2C网站，后台管理页面，就是可以上传管理商品信息的页面、特定用户对自己的购物车或收货地址进行管理的页面以及网站管理员需要进行管理的页面。

在创建这些页面时，注意将不同的用户组设定好角色，属于特定角色的用户才可以进入到特定的页面。

具体的管理页面有：

B2C网站职工发送商品信息页面和管理商品信息页面（类似于发新帖页面和管理帖子页面）、网站用户页面（内有管理购物车、管理收货地址，实际上是一个具有编辑功能的页面，可以对购物车、收货地址进行管理）后台管理首页商品上架商品管理用户管理订单管理3.8错误处理页面用户在查看帖子内容时，手工在浏览器地址栏中输入了Post1.aspx（假如正确的应该是Post.aspx），结果出现如图3所示的页面：

错误的网页地址导致“无法找到资源”错误类似这种错误不可预知也无法避免，但显示出来的错误信息的确令用户困惑。

网站实际应用中，通常定制错误处理页面，把所有无法避免的错误重定向到一个或数个定制的错误处理页面，给用户以提示并提供返回网站主页或联系网站管理员的方式。

作为存储ASP.NET网站应用配置信息的文件，web.config文件包含了错误处理的配置办法。

web.config文件位于网站项目根目录下，该文件在创建网站时自动生成，它是XML格式文件。

双击打开web.config文件，进入节，可以看到如下被注释的代码：

节可以配置相应的处理步骤。

具体说来，开发人员通过该节可以配置要显示的html错误页以代替错误堆栈跟踪。

-->注意语句，其中有两个属性：

lmode：

打开或者关闭应用程序自定义错误页面，该属性取On|Off|RemoteOnly三个值之一，On是打开，Off是关闭，RemoteOnly是只在远程打开，在本地开发时为关闭。

ldefaultRedirect：

应用程序出现的任何错误，都将显示该属性值所指定的页面。

实际制作时，需要一个专门的错误提示页面，提示用户出现错误，在这个错误页面中应该有链接可以返回到主页。

通过对web.config相应语句的修改，用户出现的任何错误，都可以导向这个专门的错误提示页面，给用户一个良好的体验（一切皆在掌控之中的体验）。

3.9加入导航对于网站来说，应该有多种不同的导航方式，方便用户快捷地找到他们需要的信息。

在导航方式制作中，应该有以下三种方式的两种出现：

1.菜单导航：

往往出现在网站的页头、页尾或者页面左上方；2.链接：

使用QueryString方式制作3.面包屑：

往往和菜单导航相邻，用于返回到上一级或根一级网页对于13两种方式的导航，由于需要出现的每一个网页上，所以建议制作在母版页上四、测试计划1、编写目的在开发电子商务系统的过程中，面对及其复杂的问题，认得主观认识不可能完全符合客观现实，与工程密切相关的各类人员之间的通信和配合也不可能完美无缺。

因此，在系统生命周期的每个阶段都不可避免地会产生差错。

尤其对电子商务系统这类使用率很高的系统，必须尽量减少差错，以避免造成严重的损失，测试时“为了发现程序中的错误而执行程序的过程”，测试的目的就是在网站投入运行钱，尽可能多的发现系统中的错误，时必不可少的关键步骤。

2、项目背景在项目开发即将结束阶段，我组对单反部落电子商务网站系统进行了一系列的测试活动，以保证单反部落电子商务交易平台的正常运行，作为用户能轻松查看商品的各类信息，并根据自已意向购买商品；方便系统管理人员管理网站系统、增加商品信息。