服装类电子商务的设计与实现复习过程.docx
《服装类电子商务的设计与实现复习过程.docx》由会员分享,可在线阅读,更多相关《服装类电子商务的设计与实现复习过程.docx(30页珍藏版)》请在冰豆网上搜索。
服装类电子商务的设计与实现复习过程
学号
武汉科技大学城市学院
课程设计报告
课程设计名称WEB应用开发(ASP.NET)课程设计
题目
服装类电子商务网站的设计与实现
院系
信息工程学部
专业
电子商务(本)
班级
二班
姓名
指导教师
李庆
2015
年
7
月
2
日
设计题目:
服装类电子商务网站的设计与实现
1.课程设计教学条件要求VisualStudio2010+SQLServer2005
2.课程设计任务
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
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
否
7.详细订单表设计
详细订单表的主要功能是:
用来存储订单信息,包括订单编号、用户名、服装编号、数量。
详细见表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的使用,可以很好的减少页面http的请求,从而大大提高页面的性能,同时它能减少图片的字节。
因此,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("alert('用户名输入错误!
');history.back();");
Response.End();
}
else
{
stringpassword_db=ds.Tables[0].Rows[0]["密码"].ToString();
if(Password==password_db)
{
Session["用户名"]=Username;
Response.Write("alert('登陆成功!
');history.back();");
Response.End();
}
else
{
Response.Write("alert('密码输入错误!
');history.back();");
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商品详细信息模块实现
publicpartialclassxiangxi1:
System.Web.UI.Page
{
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商品分类模块实现
publicpartialclassshangzhuang:
System.Web.UI.Page
{
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;