服装类电子商务网站的设计与实现.docx
《服装类电子商务网站的设计与实现.docx》由会员分享,可在线阅读,更多相关《服装类电子商务网站的设计与实现.docx(33页珍藏版)》请在冰豆网上搜索。
![服装类电子商务网站的设计与实现.docx](https://file1.bdocx.com/fileroot1/2023-2/22/a70995a2-fab4-4bd0-9324-558db6bfd408/a70995a2-fab4-4bd0-9324-558db6bfd4081.gif)
服装类电子商务网站的设计与实现
学 号
武 汉 科 技 大 学 城 市 学 院
课 程 设 计 报 告
课程设计名称 WEB 应用开发(ASP.NET)课程设计
题目服装类电子商务网站的设计与实现
院系信息工程学部
专业电子商务(本)
班级二班
姓名
指导教师李庆
2015 年 7月2日
设计题目:
服装类电子商务网站的设计与实现
1. 课程设计教学条件要求Visual Studio2010+SQL Server2005
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 需求分析 ....................................................................................................................3
1.1 系统概述 .......................................................................................................3
1.2 具体分析 .......................................................................................................4
1.3 用户需求 .......................................................................................................4
2 系统概要设计 ............................................................................................................4
2.1 系统结构图 ...................................................................................................4
2.2 数据字段说明 ...............................................................................................6
3 详细设计 ....................................................................................................................8
3.1 用户界面设计 ...............................................................................................9
3.2 管理员界面设计 .........................................................................................12
4 系统关键技术介绍 ..................................................................................................14
5 系统实现 ..................................................................................................................14
5.1 用户登录模块实现 .......................................................................................14
5.2 用户注册模块实现 .......................................................................................15
5.3 商品详细信息模块实现 ...............................................................................16
5.4 商品分类模块实现 .......................................................................................17
5.5 商品新增模块实现 .......................................................................................18
课程设计小结 .............................................................................................................21
参考文献 .....................................................................................................................21
课程设计评分表 .........................................................................................................22
1
1 需求分析
1.1 系统概述
系统介绍:
随着当今互联网的迅速发展,信息借以网络平台,不存在时间
和地域的限制,传播的更为迅速,经济的发展使得电脑得以普及,人们对网上
购物要求以及需求日益增加。
网上购物的兴起诞生了一批 B2C 和 C2C 帝国,淘
宝、京东、当当等就是其中的代表,此外还诞生了众多的追随者。
当前形势下,
覆盖全方位产品的购物平台市场上基本趋于饱和,要想在电子商务的竞争中获
得生存空间,必须对网站内容进行定位,网上购物可以解决实体服装店的众多
问题,而且用户不需出门,只要会上网就可以满足自己购物的欲望,并且可以
享受送货上门的服务。
整个平台分为前台和后台,前台为商品展示和销售界面,面向广大消费者,
后台为管理员界面,面向网站管理和运营者。
在前台顾客可以注册,登录并浏
览商品,也可直接浏览,查看商品信息,但购买商品必须登陆才能进行。
在后
台管理人可以管理商品、订单等信息,并对此做相应的增删查改。
其开发内容主要包括后台数据库的建立和维护以及前端应用程序的开发两
个方面。
网站建设基于 SQL Server2005 和 Visual Studio2010 为平台,以
ASP.NET 为编程基础,功能强大,安全性好,易于操作,可视化的界面开发出
更为完备的应用程序。
经过调试、编译与实现,该程序界面友好、程序设计风
格朴素,简单明了。
此系统的主要功能分为商品展示界面功能、用户信息界面功能和系统管理
员界面功能:
(1) 商品展示界面功能:
1.用户注册,登录功能:
用户可以进行注册,登录之后,才可进行相关操
作。
2.查看商品:
用户可以在网页中浏览众多服装,也可以查看某件服装的详细
信息。
3.购物功能:
用户可以实现将商品加入购物车的功能,提交并生成订单。
(2)用户信息界面功能:
2
1.用户注册,登录功能:
用户可以注册为网站会员,登录之后,进行相关
操作。
2.订单查询:
用户登录后可对自己曾经购买过的商品进行订单查询。
(3)管理员界面功能:
1.商品管理:
管理员可以添加商品和对商品信息进行相应的修改。
2.订单管理:
管理员可以对用户所提交的订单进行查看、删除及更改订单
状态。
3.管理员管理:
添加、修改管理员的用户名及密码,以及删除管理员。
1.2 具体分析
(1)用户系统:
用户可以直接查看相关商品的详细介绍、登录添加商
品至购物车生成订单,并进行结算。
(2)商品系统:
管理员可以在线添加新产品,并对添加的商品进行查
询、更新及删除操作。
(3)管理员:
该系统为后台管理员使用,通过修改,更新,删除可以
实现对商品管理,订单管理。
1.3 用户需求
(1)用户:
用户可以在网站上对商品进行浏览和查询,并购买商品。
(2)管理员:
管理员通过后台登录的使用,可以实现对商品、订单、管理
员进行相应的增删查改。
2 系统概要设计
2.1 系统结构图
服装销售电子商务网站系统主要分为两大模块,分别是用户功能模块和管理
员功能模块,用户在不登录情况下可以浏览所有商品信息,但只有在登录之后
才可加入购物车、生成订单,完成购买,管理员必须进行管理员登录才可进行
3
一系列修改,更新,删除的操作。
用户功能模块主要包括用户注册,浏览商品,加入购物车,提交订单。
注
册页面主要包括用户名,密码,性别,年龄,电话等几个方面。
商品信息浏览
方面主要有展示各类服装信息,用户可根据自己需要查看浏览自己需要的服装
信息,首页设置有热销商品。
在商品详细内容页面有商品的价格,数量及详细
介绍,未登录用户在加入购物车时将被提示登录后才能继续购买,并提交订单,
当完成整个订单流程,管理员会对历史订单订单状态进行修改。
管理员功能模
块主要包括管理员登陆,订单管理,药品管理,用户管理,管理员等管理界面,
进行相关的修改,更新,删除的操作。
服装销售网站用户的主要功能
登
录
注
册
浏
览
用
户
名
登
录
密
码
商
品
详
情
购
物
车
结
算
管
理
订
单
管
理
图 2.1 用户能结构图
服装销售网站管理员的主要功能
登
录
商
品
管
理
订
单
管
理
用
户
管
理
管
理
密
码
新
增
编
辑
查
询
处
理
新
增
删
除
员
4
字段名
数据类型
长度
是否主键
用户名
文本
20
是
密码
文本
32
否
姓名
文本
20
否
性别
文本
2
否
联系地址 l
文本
50
否
联系电话
文本
13
否
字段名
数据类型
长度
是否主键
用户名
文本
20
是
密码
文本
32
否
字段名
数据类型
长度
是否主键
服装编号
数字
整型
是
表 2-3 服装表
图 2.2 网站管理员功能结构图
2.2 数据字段说明
2.2.1 表设计
1.管理员表设计
管理员表的主要功能是:
用来存储管理员的信息。
详细见表 2-1:
2.用户表设计
用户表的功能是:
用来存储用户注册时的信息,其中包括用户注册的用户
名,密码以及用户个人的真实信息有年龄,电话,性别等详细信息。
详细见表
2-2。
3.服装表设计
服装表的主要功能是:
用来存储商品详细信息,其中包括商品名称、商品
数量、商品价格、商品图片等信息。
详细见表 2-3:
类型编号
文本
20
外键
服装名
文本
200
否
商品描述
文本
500
否
尺码
文本
20
否
颜色
文本
50
否
价格
文本
money
否
适用年龄
文本
50
否
数量
数字
整型
否
图片
文本
50
否
字段名
数据类型
长度
是否主键
购物车编号
数字
整型
是
用户名
文本
12
否
服装编号
数字
50
否
数量
数字
50
否
字段名
数据类型
长度
是否主键
订单编号
数字
整型
是
用户名
文本
12
否
订单日期
文本
datetime
否
发货方式
文本
20
否
4.购物车表设计
购物车表的主要功能是:
用来存各用户加入购物车的商品编号、商品名称
以及购买数量。
详细见表 2-4:
5.订单表设计
订单表的主要功能是:
用来存储用户提交的订单,其中包括订单编号、商
品编号、商品名称、用户名、购买数量、购买总额、订单状态、收件人电话、
收件人地址、下单时间等内容。
详细见表 2-5:
6
字段名
数据类型
长度
是否主键
订单编号
数字
整型
是
用户名
文本
12
否
服装编号
数字
整型
否
数量
数字
整型
否
字段名
数据类型
长度
是否主键
类型编号
数字
整型
是
类型名
文本
50
否
图片
文本
50
否
付款方式
数字
20
否
总金额
文本
50
否
是否发货
文本
2
否
备注
文本
ntext
否
6.服装类型表设计
服装类型表的主要功能是:
用来存储服装类型的详细信息,其中包括类型
编号、类型名、图片,详细见表 2-6。
7.详细订单表设计
详细订单表的主要功能是:
用来存储订单信息,包括订单编号、用户名、服装
编号、数量。
详细见表 2-7。
3 详细设计
服装销售网站为一个开放性网站,任何用户都可进行浏览,访问,但用户只
有注册了并登陆后才可将商品加入购物车,提交订单,查看订单等等。
7
3.1 用户界面设计
用户未在网站首页进行登录,在上装、下装、裙装等页面都可以进行登录,
点击登录,进入登陆页面,成功登陆之后可进行所有操作。
图 3.1 用户登陆界面
图 3.2 网站首页界面
用户可以将所需商品加入购物车,在购物车中可选择删除不需要的商品,
并进行结算。
如图:
图 3.3 购物车界面
8
用户点击商品可以进入商品详细信息界面,并进行购买,如图:
图 3.4 商品详细信息界面
用户查看自己购买的商品,并对自己订单信息进行查询。
如图:
图 3.5 订单查询界面
9
图 3.6 新用户注册界面
图 3.7 结算管理界面
图 3.8 商品分类界面
10
3.2 管理员界面设计
管理员必须进行登录,才可进行所有的操作。
图 3.9 管理员登陆界面
图 3.10 商品新增界面
11
图 3.11 商品管理界面
图 3.12 订单查询界面
图 3.13 订单处理界面
12
4 系统关键技术介绍
服装在线商店购物平台主要采用 ASP.NET 等技术进行开发,采用 CSS+DIV
技术,使系统布局更加合理美观。
母版页提供了开发人员已通过传统方式创建
的功能,这些传统方式包括重复复制现有代码、文本和控件元素;使用框架集;
对通用元素使用包含文件;使用 ASP.NET 用户控件等。
使用母版页可以集中
处理页的通用功能,以便可以只在一个位置上进行更新。
因此,本系统主要建
立了一个的母版页 ,使系统更加专业化。
而 CSS 的使用,利用 CSS 的使用,可
以很好的减少页面 http 的请求,从而大大提高页面的性能,同时它能减少图片
的字节。
因此,CSS 的使用带来的合理化的布局。
与此同时,整个网站页面增
加了部分的 Javascript,为网页增加了动态的图片显示,也加入了一些广告的
元素,是页面看起来更加专业化。
另一方面,本系统主要采用 SQL 技术和 Visual Studio 2010 来开发。
SQL
功能强大、简单易学、使用方便,已经成为了数据库操作的基础,并且现在几
乎所有的数据库均支持 SQL。
5 系统实现
5.1 用户登录模块实现
protected void btndl_Click(object sender, EventArgs e)
{
string Username = username.Text.Trim();
string Password = password.Text.Trim();
SqlConnection conn = new SqlConnection();
conn.ConnectionString = @"server=PC-31\SQL2005;database=fuzhuang_DB;integrated
security=sspi";
string sqlstring = "select 用户名,密码 from 用户表 where 用户名='" + Username +
"'";
SqlDataAdapter sda = new SqlDataAdapter(sqlstring,conn );
DataSet ds = new DataSet();
sda.Fill(ds);
13
if (ds.Tables[0].Rows.Count == 0)
{
Response.Write("alert('用户名输入错误!
');
history.back();");
Response.End();
}
else
{
string password_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 用户注册模块实现
protected void btndl_Click(object sender, EventArgs e)
{
string user = txtusername.Text.Trim();
string pwd = txtpwd.Text.Trim();
string pwdagain = txtpwdagain.Text.Trim();
string name = txtname.Text.Trim();
string Sex = sex.SelectedValue;
string adress = txtdizhi.Text.Trim();
string phone = txtphone.Text.Trim();
string sqlString = "insert into 用户表 (用户名,密码,姓名,性别,联系地址,联系电话)
values ('" + user + "','" + pwd + "','" + name + "','" + Sex + "','" + adress + "','" +
phone + "')";
SqlConnection conn = new SqlConnection();
conn.ConnectionString=@"server=PC-31\SQL2005;
database=fuzhuang_DB;integrated security=sspi";
conn.Open();
14
SqlCommand cmd = new SqlCommand(sqlString, conn);
if (cmd.ExecuteNonQuery() == -1)
{ this.Label13.Text = "注册失败!
"; }
else
{ this.Label13.Text = "注册成功!
"; }
conn.Close();
conn.Dispose();
}
protected void btnqx_Click(object sender, EventArgs e)
{
this.txtusername.Text = " ";
this.txtpwd.Text = " ";
this.txtpwdagain.Text = " ";
this.txtname.Text = " ";
this.sex.Text = " ";
this.txtdizhi.Text = " ";
this.txtphone.Text = " ";
}
5.3 商品详细信息模块实现
public partial class xiangxi1 :
System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string id = Request.QueryString