服装类电子商务网站的设计与实现

/学号武汉科技大学城市学院课程设计报告课程设计名称WEB应用开发（ASP.NET）课程设计题目服装类电子商务网站的设计和实现院系信息工程学部专业电子商务（本）班级二班姓名指导老师李庆2015年7月2日设计题目:服装类电子商务网站的设计和实现1.课程设计教学条件要求VisualStudio2010+SQLServer20052.课程设计任务1、主要功能设计一个服装销售的电子商务网站，该网站的用户分别是：客户和网站管理员。顾客可以在该购物网站进行服装购买，用SQLServer2005创建后台数据库，然后利用ASP.NET技术编写程序实现对数据库的操作，依据要求完成全部的功能和模块。读者的主要功能模块包括：（1）用户注册和登录（2）查询、订购商品（3）查看、修改自己的购物信息（4）购物结算网站管理员的主要功能模块包括：（1）管理员登录（2）服装新增、服装信息修改、查询（3）订单查询以及订单处理2、主要数据库表单（1）用户基本信息表单主要字段有：用户编号、用户名、性别、E-mail、联系电话，用户密码、注册时间、累计积分、等级（2）商品信息表单主要字段有：商品编号、商品名称、商品数量、商品单价、商品类型、商品介绍，是否举荐，上架日期、商品积分。（3）商品订购表单主要字段有：订单号、商品编号、用户编号、用户名、订购日期、地址、付款方式、联系方式、运输方式、订单核对、备注。3.课程设计报告书主要内容1、系统功能模块设计：2、数据库设计：系统主要的数据库表单的结构定义。3、各功能模块的程序设计及运行测试结果。4、小结：收获、体会和建议5、参考文献：按正确格式列出3篇以上的参考文献4．课程设计参考资料[1]段克奇.ASP.NET基础教程.北京.清华高校出版社.2009[2]吴志祥.高级Web程序设计—ASP.NET网站开发.北京.科学出版社.2013[3]郑齐心.ASP.NET项目开发案例全程实录（第2版）.北京：清华高校出版社.2011目录TOC\o"1-2"\h\z\u1需求分析 31．1系统概述 31．2详细分析 41．3用户需求 42系统概要设计 42．1系统结构图 42．2数据字段说明 63详细设计 83．1用户界面设计 93．2管理员界面设计 124系统关键技术介绍 145系统实现 145.1用户登录模块实现 145.2用户注册模块实现 155.3商品详细信息模块实现 165.4商品分类模块实现 175.5商品新增模块实现 18课程设计小结 21参考文献 21课程设计评分表 22

1需求分析1．1系统概述系统介绍：随着当今互联网的快速发展，信息借以网络平台，不存在时间和地域的限制，传播的更为快速，经济的发展使得电脑得以普及，人们对网上购物要求以及需求日益增加。网上购物的兴起诞生了一批B2C和C2C帝国，淘宝、京东、当当等就是其中的代表，此外还诞生了众多的追随者。当前形势下，覆盖全方位产品的购物平台市场上基本趋于饱和，要想在电子商务的竞争中获得生存空间，必需对网站内容进行定位，网上购物可以解决实体服装店的众多问题，而且用户不需出门，只要会上网就可以满足自己购物的欲望，并且可以享受送货上门的服务。整个平台分为前台和后台，前台为商品展示和销售界面，面对广袤消费者，后台为管理员界面，面对网站管理和运营者。在前台顾客可以注册，登录并阅读商品，也可干脆阅读，查看商品信息，但购买商品必需登陆才能进行。在后台管理人可以管理商品、订单等信息，并对此做相应的增删查改。其开发内容主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。网站建设基于SQL

Server2005和Visual

Studio2010为平台，以ASP.NET为编程基础，功能强大，平安性好，易于操作，可视化的界面开发出更为完备的应用程序。经过调试、编译和实现，该程序界面友好、程序设计风格朴实，简洁明白。此系统的主要功能分为商品展示界面功能、用户信息界面功能和系统管理员界面功能：(1)商品展示界面功能：1.用户注册，登录功能：用户可以进行注册，登录之后，才可进行相关操作。2.查看商品：用户可以在网页中阅读众多服装，也可以查看某件服装的详细信息。3.购物功能：用户可以实现将商品加入购物车的功能，提交并生成订单。（2）用户信息界面功能：1.用户注册，登录功能：用户可以注册为网站会员，登录之后，进行相关操作。2.订单查询：用户登录后可对自己曾经购买过的商品进行订单查询。（3）管理员界面功能：1.商品管理：管理员可以添加商品和对商品信息进行相应的修改。2.订单管理：管理员可以对用户所提交的订单进行查看、删除及更改订单状态。3.管理员管理：添加、修改管理员的用户名及密码，以及删除管理员。1．2详细分析（1）用户系统：用户可以干脆查看相关商品的详细介绍、登录添加商品至购物车生成订单，并进行结算。（2）商品系统：管理员可以在线添加新产品，并对添加的商品进行查询、更新及删除操作。（3）管理员：该系统为后台管理员运用，通过修改，更新，删除可以实现对商品管理，订单管理。1．3用户需求（1）用户：用户可以在网站上对商品进行阅读和查询，并购买商品。（2）管理员：管理员通过后台登录的运用，可以实现对商品、订单、管理员进行相应的增删查改。2系统概要设计2．1系统结构图服装销售电子商务网站系统主要分为两大模块，分别是用户功能模块和管理员功能模块，用户在不登录状况下可以阅读全部商品信息，但只有在登录之后才可加入购物车、生成订单，完成购买，管理员必需进行管理员登录才可进行一系列修改，更新，删除的操作。用户功能模块主要包括用户注册，阅读商品，加入购物车，提交订单。注册页面主要包括用户名，密码，性别，年龄，电话等几个方面。商品信息阅读方面主要有展示各类服装信息，用户可依据自己须要查看阅读自己须要的服装信息，首页设置有热销商品。在商品详细内容页面有商品的价格，数量及详细介绍，未登录用户在加入购物车时将被提示登录后才能接着购买，并提交订单，当完成整个订单流程，管理员会对历史订单订单状态进行修改。管理员功能模块主要包括管理员登陆，订单管理，药品管理，用户管理，管理员等管理界面，进行相关的修改，更新，删除的操作。服装销售网站用户的主要功能服装销售网站用户的主要功能阅读注册登录阅读注册登录用户名登录密码商品详情购物车订单管理结算管理用户名登录密码商品详情购物车订单管理结算管理图2.1用户能结构图服装销售网站管理员的主要功能服装销售网站管理员的主要功能用户管理订单管理商品管理登录查询处理删除新增编辑新增密码管理员用户管理订单管理商品管理登录查询处理删除新增编辑新增密码管理员图2.2网站管理员功能结构图2．2数据字段说明2.2.1表设计1．管理员表设计管理员表的主要功能是：用来存储管理员的信息。详细见表2-1：表2-1管理员表字段名数据类型长度是否主键用户名文本20是密码文本32否2.用户表设计用户表的功能是：用来存储用户注册时的信息，其中包括用户注册的用户名，密码以及用户个人的真实信息有年龄，电话，性别等详细信息。详细见表2-2。表2-2用户表字段名数据类型长度是否主键用户名文本20是密码文本32否姓名文本20否性别文本2否联系地址l文本50否联系电话文本13否3.服装表设计服装表的主要功能是：用来存储商品详细信息，其中包括商品名称、商品数量、商品价格、商品图片等信息。详细见表2-3：表2-3服装表字段名数据类型长度是否主键服装编号数字整型是类型编号文本20外键服装名文本200否商品描述文本500否尺码文本20否颜色文本50否价格文本money否适用年龄文本50否数量数字整型否图片文本50否4.购物车表设计购物车表的主要功能是：用来存各用户加入购物车的商品编号、商品名称以及购买数量。详细见表2-4：表2-4购物车表字段名数据类型长度是否主键购物车编号数字整型是用户名文本12否服装编号数字50否数量数字50否5.订单表设计订单表的主要功能是：用来存储用户提交的订单，其中包括订单编号、商品编号、商品名称、用户名、购买数量、购买总额、订单状态、收件人电话、收件人地址、下单时间等内容。详细见表2-5:表2-6订单表字段名数据类型长度是否主键订单编号数字整型是用户名文本12否订单日期文本datetime否发货方式文本20否付款方式数字20否总金额文本50否是否发货文本2否备注文本ntext否6.服装类型表设计服装类型表的主要功能是：用来存储服装类型的详细信息，其中包括类型编号、类型名、图片，详细见表2-6。表2-6服装类型表字段名数据类型长度是否主键类型编号数字整型是类型名文本50否图片文本50否详细订单表设计详细订单表的主要功能是：用来存储订单信息，包括订单编号、用户名、服装编号、数量。详细见表2-7。表2-7详细订单表字段名数据类型长度是否主键订单编号数字整型是用户名文本12否服装编号数字整型否数量数字整型否3详细设计服装销售网站为一个开放性网站，任何用户都可进行阅读，访问，但用户只有注册了并登陆后才可将商品加入购物车，提交订单，查看订单等等。3．1用户界面设计用户未在网站首页进行登录，在上装、下装、裙装等页面都可以进行登录，点击登录，进入登陆页面，成功登陆之后可进行全部操作。图3.1用户登陆界面图3.2网站首页界面用户可以将所需商品加入购物车，在购物车中可选择删除不须要的商品，并进行结算。如图：图3.3购物车界面用户点击商品可以进入商品详细信息界面，并进行购买，如图：图3.4商品详细信息界面用户查看自己购买的商品，并对自己订单信息进行查询。如图：图3.5订单查询界面图3.6新用户注册界面图3.7结算管理界面图3.8商品分类界面3．2管理员界面设计管理员必需进行登录，才可进行全部的操作。图3.9管理员登陆界面图3.10商品新增界面图3.11商品管理界面图3.12订单查询界面图3.13订单处理界面4系统关键技术介绍服装在线商店购物平台主要接受ASP.NET等技术进行开发，接受CSS+DIV技术，使系统布局更加合理美观。母版页供应了开发人员已通过传统方式创建的功能，这些传统方式包括重复复制现有代码、文本和控件元素；运用框架集；对通用元素运用包含文件；运用ASP.NET用户控件等。运用母版页可以集中处理页的通用功能，以便可以只在一个位置上进行更新。因此，本系统主要建立了一个的母版页，使系统更加专业化。而CSS的运用，利用CSS的运用，可以很好的削减页面的请求，从而大大提高页面的性能，同时它能削减图片的字节。因此，CSS的运用带来的合理化的布局。和此同时，整个网站页面增加了部分的Javascript,为网页增加了动态的图片显示，也加入了一些广告的元素，是页面看起来更加专业化。另一方面，本系统主要接受SQL技术和VisualStudio2010来开发。SQL功能强大、简洁易学、运用便利，已经成为了数据库操作的基础，并且现在几乎全部的数据库均支持SQL。5系统实现5.1用户登录模块实现protectedvoidbtndl_Click(objectsender,EventArgse){stringUsername=username.Text.Trim();stringPassword=password.Text.Trim();SqlConnectionconn=newSqlConnection();conn.ConnectionString=@"server=PC-31\SQL2005;database=fuzhuang_DB;integratedsecurity=sspi";stringsqlstring="select用户名,密码from用户表where用户名='"+Username+"'";SqlDataAdaptersda=newSqlDataAdapter(sqlstring,conn);DataSetds=newDataSet();sda.Fill(ds);if(ds.Tables[0].Rows.Count==0){Response.Write("<scriptlanguage='javascript'>alert('用户名输入错误！');history.back();</script>");Response.End();}else{stringpassword_db=ds.Tables[0].Rows[0]["密码"].ToString();if(Password==password_db){Session["用户名"]=Username;Response.Write("<scriptlanguage='javascript'>alert('登陆成功！');history.back();</script>");Response.End();}else{Response.Write("<scriptlanguage='javascript'>alert('密码输入错误！');history.back();</script>");Response.End();}}5.2用户注册模块实现protectedvoidbtndl_Click(objectsender,EventArgse){stringuser=txtusername.Text.Trim();stringpwd=txtpwd.Text.Trim();stringpwdagain=txtpwdagain.Text.Trim();stringname=txtname.Text.Trim();stringSex=sex.SelectedValue;stringadress=txtdizhi.Text.Trim();stringphone=txtphone.Text.Trim();stringsqlString="insertinto用户表(用户名,密码,姓名,性别,联系地址,联系电话)values('"+user+"','"+pwd+"','"+name+"','"+Sex+"','"+adress+"','"+phone+"')";SqlConnectionconn=newSqlConnection();conn.ConnectionString=@"server=PC-31\SQL2005;database=fuzhuang_DB;integratedsecurity=sspi";conn.Open();SqlCommandcmd=newSqlCommand(sqlString,conn);if(cmd.ExecuteNonQuery()==-1){this.Label13.Text="注册失败！";}else{this.Label13.Text="注册成功！";}conn.Close();conn.Dispose();}protectedvoidbtnqx_Click(objectsender,EventArgse){this.txtusername.Text="";this.txtpwd.Text="";this.txtpwdagain.Text="";this.txtname.Text="";this.sex.Text="";this.txtdizhi.Text="";this.txtphone.Text="";}5.3商品详细信息模块实现{protectedvoidPage_Load(objectsender,EventArgse){stringid=Request.QueryString["id"].ToString();SqlConnectionconn=newSqlConnection();conn.ConnectionString=@"server=PC-31\SQL2005;database=fuzhuang_DB;integratedsecurity=sspi";SqlDataAdaptersda=newSqlDataAdapter();stringsql="select*from服装表where服装编号="+id;sda.SelectCommand=newSqlCommand(sql,conn);DataSetds=newDataSet();sda.Fill(ds);fm.Text=ds.Tables[0].Rows[0][2].ToString();ms.Text=ds.Tables[0].Rows[0][3].ToString();cm.Text=ds.Tables[0].Rows[0][4].ToString();ys.Text=ds.Tables[0].Rows[0][5].ToString();nl.Text=ds.Tables[0].Rows[0][7].ToString();jg.Text=ds.Tables[0].Rows[0][6].ToString();image.ImageUrl="image/"+ds.Tables[0].Rows[0][9].ToString();}protectedvoidbtnbuy_Click(objectsender,EventArgse){Response.Redirect("jiesuanguanli.aspx");}}5.4商品分类模块实现{protectedvoidPage_Load(objectsender,EventArgse){stringid=Request.QueryString["id"].ToString();SqlConnectionconn=newSqlConnection();conn.ConnectionString=@"server=PC-31\SQL2005;database=fuzhuang_DB;integratedsecurity=sspi";SqlDataAdaptersda=newSqlDataAdapter();stringsql="SELECTdbo.服装表.图片,dbo.服装表.服装名,dbo.服装表.价格,dbo.服装类型表.类型编号,dbo.服装表.类型编号ASExpr1FROMdbo.服装表INNERJOINdbo.服装类型表ONdbo.服装表.类型编号=dbo.服装类型表.类型编号wheredbo.服装类型表.类型编号='A'";sda.SelectCommand=newSqlCommand(sql,conn);DataSetds=newDataSet();sda.Fill(ds);}protectedvoidbtndl_Click(objectsender,EventArgse){}protectedvoidbtnzc_Click(objectsender,EventArgse){Response.Redirect("zhuce.aspx");}protectedvoidLinkButton1_Click(objectsender,EventArgse){Response.Redirect("jiesuanguanli.aspx");}protectedvoidLinkButton2_Click(objectsender,EventArgse){Response.Redirect("gouwuche.aspx");}}5.5商品新增模块实现protectedvoidbtnxz_Click(objectsender,EventArgse){stringXZ=dpleixing.SelectedValue;stringFB=txtfb.Text.Trim();stringFM=txtfm.Text.Trim();stringCM=txtcm.Text.Trim();stringYS=txtys.Text.Trim();stringJG=txtjg.Text.Trim();stringAGE=txtage.Text.Trim();stringSL=txtsl.Text.Trim();stringIMAGE=image.ImageUrl.ToString();stringMS=txtms.Text.Trim();stringsqlString="insertinto服装表(服装编号,类型编号,服装名,商品描述,尺码,颜色,价格,适用年龄,数量,图片)values('"+FB+"','"+XZ+"','"+FM+"','"+MS+"','"+CM+"','"+YS+"','"+JG+"','"+AGE+"','"+SL+"','"+IMAGE+"')";SqlConnectionconn=newSqlConnection();conn.ConnectionString=@"server=PC-31\SQL2005;database=fuzhuang_DB;integratedsecurity=sspi";conn.Open();SqlCommandcmd=newSqlCommand(sqlString,conn);if(cmd.ExecuteNonQuery()==-1){Response.Write("<scriptlanguage='javascript'>alert('上传失败!');</script>");conn.Close();}else{Response.Write("<scriptlanguage='javascript'>alert('恭喜您上传成功！');</script>");conn.Close();}conn.Close();conn.Dispose();}privatestringGetFilname(){Randomrnd=newRandom();inta=1000;intb=9999;stringstr=string.Empty;str+=DateTime.Now.Year.ToString();if(DateTime.Now.Month<10){str+="0"+DateTime.Now.Month.ToString();}else{str+=DateTime.Now.Month.ToString();}if(DateTime.Now.Day<10){str+="0"+DateTime.Now.Day.ToString();}else{str+=DateTime.Now.Day.ToString();}if(DateTime.Now.Hour<10){str+="0"+DateTime.Now.Hour.ToString();}else{str+=DateTime.Now.Hour.ToString();}if(DateTime.Now.Minute<10){str+="0"+DateTime.Now.Minute.ToString();}else{str+=DateTime.Now.Minute.ToString();}if(DateTime.Now.Second<10){str+="0"+DateTime.Now.Second.ToString();}else{str+=DateTime.Now.Second.ToString();}str+=rnd.Next(a,b).ToString();returnstr;}protectedvoidbtnsc_Click(objectsender,EventArgse){stringFilename=FileUpload1.PostedFile.FileName;intFilesize=FileUpload1.PostedFile.ContentLength;stringTxt=Filename.Substring(Filename.LastIndexOf(".")).ToLower();intMaxsize=300*1024;stringFiletype=".gif,.jpg";stringNewFilename=GetFilname()+Txt;if(Filetype.Contains(Txt)){if(Filesize<=Maxsize){FileUpload1.PostedFile.SaveAs(Server.MapPath(NewFilename));Response.Write("<scriptlanguage='javascript'>alert('恭喜您新增成功！');</script>");image.ImageUrl=NewFilename;}