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

1、学号武汉科技大学城市学院课程设计报告课程设计名称 WEB应用开发（ASP.NET）课程设计题目服装类电子商务网站的设计与实现院系 信息工程学部专业 电子商务（本）班 级 二班姓 名 指导教师李庆2015 年 7 月 2 日设计题目 : 服装类电子商务网站的设计与实现1. 课程设计教学条件要求 Visual Studio2010+SQL Server20052. 课程设计任务1、主要功能 设计一个服装销售的电子商务网站，该网站的用户分别是：客户和网站管理员。顾客 可以在该购物网站进行服装购买， 用 SQL Server2005 创建后台数据库， 然后利用 ASP.NET 技术编写程序实现对数据库

2、的操作，按照要求完成所有的功能和模块。读者的主要功能模块包括：（1）用户注册与登录（2）查询、订购商品（3）查看、修改自己的购物信息（ 4）购物结算 网站管理员的主要功能模块包括：（1）管理员登录（2）服装新增、服装信息修改、查询（3）订单查询以及订单处理2、主要数据库表单（ 1）用户基本信息表单主要字段有：用户编号、用户名、性别、 E-mail 、联系电话，用户密码、注册时间、累 计积分、等级（ 2）商品信息表单 主要字段有：商品编号、商品名称、商品数量、商品单价、商品类型、商品介绍，是否 推荐，上架日期、商品积分。（ 3）商品订购表单 主要字段有：订单号、商品编号、用户编号、用户名、订购日

3、期、地址、付款方式、 联系方式、运送方式、订单核对、备注。3. 课程设计报告书主要内容1、系统功能模块设计： 2、数据库设计：系统主要的数据库表单的结构定义。3、各功能模块的程序设计及运行测试结果。4、小结：收获、体会与建议5、参考文献：按正确格式列出 3 篇以上的参考文献4课程设计参考资料1 段克奇 . ASP .NET 基础教程 . 北京. 清华大学出版社 . 20092 吴志祥 . 高级 Web 程序设计 ASP.NET 网站开发 .北京 . 科学出版社 .20133 郑齐心 . ASP.NET 项目开发案例全程实录（第 2版） . 北京：清华大学出版社 .2011目录1 需求分析 3.

4、11 系统概述 3.12 具体分析 4.13 用户需求 4.2 系统概要设计 4.21 系统结构图 4.22 数据字段说明 6.3 详细设计 8.31 用户界面设计 9.32 管理员界面设计 1.24 系统关键技术介绍 1.5.5 系统实现 用户登录模块实现 1.55.2 用户注册模块实现 1.65.3 商品详细信息模块实现 1.75.4 商品分类模块实现 1.85.5 商品新增模块实现 1.9课程设计小结 2.2.参考文献 2.2.课程设计评分表 2.3.1 需求分析1 1 系统概述系统介绍：随着当今互联网的迅速发展，信息借以网络平台，不存在时间 和地域的限制，传播的更为迅速

5、，经济的发展使得电脑得以普及，人们对网上 购物要求以及需求日益增加。网上购物的兴起诞生了一批B2C和C2C帝国，淘宝、京东、当当等就是其中的代表，此外还诞生了众多的追随者。当前形势下， 覆盖全方位产品的购物平台市场上基本趋于饱和，要想在电子商务的竞争中获 得生存空间，必须对网站内容进行定位，网上购物可以解决实体服装店的众多 问题，而且用户不需出门，只要会上网就可以满足自己购物的欲望，并且可以 享受送货上门的服务。整个平台分为前台和后台， 前台为商品展示和销售界面， 面向广大消费者， 后台为管理员界面，面向网站管理和运营者。在前台顾客可以注册，登录并浏 览商品，也可直接浏览，查看商品信息，但购买

6、商品必须登陆才能进行。在后 台管理人可以管理商品、订单等信息，并对此做相应的增删查改。其开发内容主要包括后台数据库的建立和维护以及前端应用程序的开发两 个方面。网站建设基于 SQL Server2005 和 Visual Studio2010 为平台，以 ASP.NET为编程基础，功能强大，安全性好，易于操作，可视化的界面开发出 更为完备的应用程序。经过调试、编译与实现，该程序界面友好、程序设计风 格朴素，简单明了。此系统的主要功能分为商品展示界面功能、用户信息界面功能和系统管理 员界面功能：(1) 商品展示界面功能：1. 用户注册，登录功能：用户可以进行注册，登录之后，才可进行相关操作。2.

7、 查看商品：用户可以在网页中浏览众多服装， 也可以查看某件服装的详细 信息。3. 购物功能：用户可以实现将商品加入购物车的功能，提交并生成订单。( 2)用户信息界面功能：1. 用户注册，登录功能：用户可以注册为网站会员，登录之后，进行相关 操作。2. 订单查询：用户登录后可对自己曾经购买过的商品进行订单查询。（3）管理员界面功能：1. 商品管理：管理员可以添加商品和对商品信息进行相应的修改。2. 订单管理：管理员可以对用户所提交的订单进行查看、删除及更改订单 状态。3. 管理员管理：添加、修改管理员的用户名及密码，以及删除管理员。1 2 具体分析（1）用户系统： 用户可以直接查看相关商品的详细

8、介绍、登录添加商 品至购物车生成订单，并进行结算。（2）商品系统：管理员可以在线添加新产品，并对添加的商品进行查 询、更新及删除操作。（3）管理员：该系统为后台管理员使用，通过修改，更新，删除可以 实现对商品管理，订单管理。13 用户需求（1）用户：用户可以在网站上对商品进行浏览和查询，并购买商品。（2）管理员：管理员通过后台登录的使用，可以实现对商品、订单、管理 员进行相应的增删查改。2 系统概要设计21 系统结构图服装销售电子商务网站系统主要分为两大模块，分别是用户功能模块和管理 员功能模块，用户在不登录情况下可以浏览所有商品信息，但只有在登录之后 才可加入购物车、生成订单，完成购买，管理

9、员必须进行管理员登录才可进行一系列修改，更新，删除的操作用户功能模块主要包括用户注册，浏览商品，加入购物车，提交订单。注 册页面主要包括用户名，密码，性别，年龄，电话等几个方面。商品信息浏览 方面主要有展示各类服装信息，用户可根据自己需要查看浏览自己需要的服装 信息，首页设置有热销商品。在商品详细内容页面有商品的价格，数量及详细 介绍，未登录用户在加入购物车时将被提示登录后才能继续购买，并提交订单,当完成整个订单流程，管理员会对历史订单订单状态进行修改。管理员功能模 块主要包括管理员登陆，订单管理，药品管理，用户管理，管理员等管理界面， 进行相关的修改，更新，删除的操作。服装销售网站用户的主要

10、功能注mt 册登 录 密 码订单管理商 品 详 情图2.1用户能结构图服装销售网站管理员的主要功能1厂管理员密码用 户 管 理图22网站管理员功能结构图2. 2数据字段说明2.2.1表设计1 管理员表设计管理员表的主要功能是：用来存储管理员的信息。详细见表2-1 :表2-1管理员表字段名数据类型长度是否主键用户名文本20是密码文本32否2. 用户表设计用户表的功能是：用来存储用户注册时的信息，其中包括用户注册的用户 名，密码以及用户个人的真实信息有年龄，电话，性别等详细信息。详细见表2-2。表2-2用户表字段名数据类型长度是否主键用户名文本20是密码文本32否姓名文本20否性别文本2否联系地址

11、1文本50否联系电话文本13否3. 服装表设计服装表的主要功能是：用来存储商品详细信息，其中包括商品名称、商品数量、商品价格、商品图片等信息。详细见表2-3 :表2-3服装表字段名数据类型长度是否主键服装编号数字整型是类型编号文本20外键服装名文本200否商品描述文本500否尺码文本20否颜色文本50否价格文本money否适用年龄文本50否数量数字整型否图片文本50否4. 购物车表设计购物车表的主要功能是：用来存各用户加入购物车的商品编号、商品名称以及购买数量。详细见表2-4 :表2-4购物车表字段名数据类型长度是否主键购物车编号数字整型是用户名文本12否服装编号数字50否数量数字50否5.

12、订单表设计订单表的主要功能是：用来存储用户提交的订单，其中包括订单编号、商 品编号、商品名称、用户名、购买数量、购买总额、订单状态、收件人电话、 收件人地址、下单时间等内容。详细见表 2-5:表2-6订单表字段名数据类型长度是否主键订单编号数字整型是用户名文本12否订单日期文本datetime否发货方式文本20否付款方式数字20否总金额文本50否是否发货文本2否备注文本n text否6服装类型表设计服装类型表的主要功能是：用来存储服装类型的详细信息，其中包括类型 编号、类型名、图片，详细见表 2-6。表2-6服装类型表字段名数据类型长度是否主键类型编号数字整型是类型名文本50否图片文本50否7

13、详细订单表设计详细订单表的主要功能是：用来存储订单信息，包括订单编号、用户名、服装 编号、数量。详细见表2-7。表2-7详细订单表字段名数据类型长度是否主键订单编号数字整型是用户名文本12否服装编号数字整型否数量数字整型否3详细设计服装销售网站为一个开放性网站，任何用户都可进行浏览，访问，但用户只有注册了并登陆后才可将商品加入购物车，提交订单，查看订单等等。3.1用户界面设计用尸未在网站首页进行登录，在上装、下装、裙装等页面都可以进行登录, 点击登录，进入登陆页面，成功登陆之后可进行所有操作。图3.1用户登陆界面ni>«s 厂砂；（IJB IflWFlV 1M»MD啊

14、 12QHM0 畀畤 MlAkMXM« My电 iso qdixiFIBb Vi a feme曲胡廿类甘航±«下装弟装佔去产吕ZfpMWSVK9 iQaiU*£ ««£«Km .am*HM A时nit、却 etnD2HM： UiBIW医fl« 2M曲 立鼻昭禮叫阳时EHWn3.2网站首页界面用户可以将所需商品加入购物车，在购物车中可选择删除不需要的商品, 并进行结算。如图：用尸呂Hit砂期施聊朗用邮戸：F雷遺宙护科師訣卅vtw 石拆酿響探昨團删第欣孵俪瞬 诉鱼fl*:甌拓魅斗JB習左期讯社卿拓切毒 石胃紳

15、K :&融险 «M£ S*Wff w*r? Sfj(rLnhfi*rH*rP .、m"；m“rFl堆:姒甘精I由三删罕经隼13心I图3.3购物车界面用户点击商品可以进入商品详细信息界面，并进行购买，如图:19用海季衣披靈姿石畫葡社|« 证吐: UtuFTiiseeitijiDTftSLfair ra：9询曲怀時fi_rfitffi WKRD用户杆rs： 厂直杲J X两品分类詐艇上5 下駆图3.4商品详细信息界面用户查看自己购买的商品，并对自己订单信息进行查询。如图:海秀衣披is 页lira*灯津查简tV.iT*号：|甘内 |Ji 询IIt首审tr

16、tiM內氛力戒MAXJtua1至2B1U14Q0tDD賈伽rMP也殆口产 Qc&e屮：仃诃 1丄爪bngmz r:nf. ;图3.5订单查询界面HUIfl户打*海考衣披MM4輛”n申暉用户注辑时卢庸：r宏码:r忆认进码二独塔：厂牲刖：阪3聊爲班址I鞍卑岂怯：I'竺昵清|图3.6新用户注册界面a aJB户*海季衣披JSPS-厂M： I商品分类导飢 匕磐AM屮曲 Ml号*ih«* 畧Rfi|量馨史罢供KMUKBMX更口工BAPXIP* IT*«F'MiWpoflwr EEISWXDfiVXmjPi便±Ffl4TE苦点;壬产时库事iEWOP玄|d

17、M4&C亡 2車冬匝 >J>'：e：TV圳铤产.tS时""Tt亠虬旦 世gtirw.lS珈耳JIH 豪I3.JMH* irilhflj變Udi阳需曲日中图3.7结算管理界面吳海考衣披祝申ifinMfirS布品分类导航 ±Jft zi ft.fiI鶴疋产丽nId囂 g WfitfLHk薑M >*pirf1h欄册hnnftrfi-IE SFlfiTEfrit XKffX：flitfia sMn：hlft实miw盂 miw m 辟峯”禅 ttL' l&ftiSIRff军£H-£ MwntJiif1?帝

18、 PSMtWJC 邱图3.8商品分类界面3. 2管理员界面设计管理员必须进行登录，才可进行所有的操作海秀衣城后台管理系统管理员姓名匚管理畠密码二登录取消图3.9管理员登陆界面商品管理OMnva -fi耳V£4H1更吊曽養f?即厂na：厂riH：厂1订单管理MW-SL»r:rLt-.-両±ftlIV4.W >J订年址理用户餐埋畐1P.J1J阳Him? C4日曲賞邨皿1处对图3.10商品新增界面帝品管匡Ham用計増"管離9w 4aR«BIB用鼻1All -II1AgIQOlWMiK«4I|T«RaeW-W4Mltll2AM

19、ELMDE.ftWl'ENlVrXtTtM气WC II*3Ji,XL134毬为WWliF-ilOUiatH<旺2fh-3QJrP«hi*l 丽i4L垃MKV补啊”爭昨IM豊 士 irt白践型:All II ItQBL冊irnim阿JI剽h®障#*色1Il II h昔QIS再ZCaa#衆亡孑ueU謂yFIWfli7工3V9LISO DON304CtAiTlMrW-Lft «*WTs%l»-K>dfidCIM唾 itMlmr«ujrM9-ntniHi4L目邑1*-HF14.Will*9典耐皮 mHizomfli1Q4邑1

20、7;-ZE»tsi! «i1Qc世机E«191MM104电1MWt图3.11商品管理界面訂津杏询商结管埋M 时歯品駅2D13-3lJi3OTflD啊 4订甲百理订単訥厨户菅理fi户菱尴图3.12订单查询界面订?|陋沽优曲昂蚩辑CF>«i IflFS 口曰拥豎三 ZD15-?-14flUDSD 学 * rajJC FZD订单百逼"5VT甲遊弔户百邑剧尸trf甲户图3.13订单处理界面4 系统关键技术介绍服装在线商店购物平台主要采用ASP.NET等技术进行开发，采用CSS+DIV技术，使系统布局更加合理美观。母版页提供了开发人员已通过传统方式

21、创建 的功能， 这些传统方式包括重复复制现有代码、 文本和控件元素； 使用框架集； 对通用元素使用包含文件；使用 ASP.NET 用户控件等。 使用母版页可以集中 处理页的通用功能，以便可以只在一个位置上进行更新。因此，本系统主要建 立了一个的母版页，使系统更加专业化。而CSS的使用，利用CSS的使用，可 以很好的减少页面 http 的请求， 从而大大提高页面的性能， 同时它能减少图片 的字节。因此，CSS的使用带来的合理化的布局。与此同时，整个网站页面增 加了部分的 Javascript, 为网页增加了动态的图片显示，也加入了一些广告的 元素，是页面看起来更加专业化。另一方面，本系统主要采用

22、 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

23、= "server=PC-31SQL2005;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);if (ds.Tables0.Rows.Count = 0)Response

24、.Write("<script language='javascript'>alert(' 用 户 名 输 入 错 误 ！ ');history.back();</script>");Response.End();elsestring password_db = ds.Tables0.Rows0"密码 ".ToString();if (Password = password_db)Session"用户名 " = Username;Response.Write("<

25、script language='javascript'>alert(' 登 陆 成 功 ！ ');history.back();</script>");Response.End();elseResponse.Write("<script language='javascript'>alert('密 码 输 入 错 误 ！');history.back();</script>");Response.End();5.2 用户注册模块实现protected voi

26、d 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 sq

27、lString = "insert into 用户表 ( 用户名,密码,姓名,性别,联系地址,联系电话 ) values ('" + user + "','" + pwd + "','" + name + "','" + Sex + "','" + adress + "','" + phone + "')"SqlConnection conn = new Sql

28、Connection();conn.ConnectionString= "server=PC-31SQL2005; database=fuzhuang_DB;integratedsecurity=sspi"conn.Open();SqlCommand cmd = new SqlCommand(sqlString, conn);if (cmd.ExecuteNonQuery() = -1) this.Label13.Text = "注册失败！ " else this.Label13.Text = "注册成功！ " conn.Close(

29、);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 =

30、 " "5.3 商品详细信息模块实现public partial class xiangxi1 : System.Web.UI.Pageprotected void Page_Load(object sender, EventArgs e)string id = Request.QueryString"id".ToString(); SqlConnection conn = new SqlConnection();conn.ConnectionString ="server=PC-31SQL2005;database=fuzhuang_DB;i

31、ntegrated security=sspi"SqlDataAdapter sda = new SqlDataAdapter();string sql = "select * from服装表 where 服装编号 ="+id;sda.SelectCommand = new SqlCommand(sql,conn);DataSet ds = new DataSet(); sda.Fill(ds);fm.Text = ds.Tables0.Rows02.ToString();ms.Text = ds.Tables0.Rows03.ToString();cm.Text

32、 = ds.Tables0.Rows04.ToString();ys.Text = ds.Tables0.Rows05.ToString();nl.Text = ds.Tables0.Rows07.ToString();jg.Text = ds.Tables0.Rows06.ToString(); image.ImageUrl = "image/"+ds.Tables0.Rows09.ToString();protected void btnbuy_Click(object sender, EventArgs e)Response.Redirect("jiesua

33、nguanli.aspx"); 5.4 商品分类模块实现public partial class shangzhuang : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e)string id = Request.QueryString"id".ToString();SqlConnection conn = new SqlConnection();conn.ConnectionString = "server=PC-31SQL2005;database=fuzh

34、uang_DB;integrated security=sspi"SqlDataAdapter sda = new SqlDataAdapter();string sql = "SELECT dbo. 服装表 . 图片 , dbo. 服装表 . 服装名 , dbo. 服装表 . 价格 , dbo. 服装类型表.类型编号，dbo.服装表.类型编号AS Exprl FROM dbo. 服装表INNER JOIN dbo. 服装类型表 ON dbo. 服装表.类型编号 = dbo. 服装类型表 .类型编号 where dbo. 服装类型表 .类型编 号 ='A'&

35、quot;sda.SelectCommand = new SqlCommand(sql, conn);DataSet ds = new DataSet();sda.Fill(ds);protected void btndl_Click(object sender, EventArgs e)protected void btnzc_Click(object sender, EventArgs e)Response.Redirect("zhuce.aspx");protected void LinkButton1_Click(object sender, EventArgs e

36、)Response.Redirect("jiesuanguanli.aspx");protected void LinkButton2_Click(object sender, EventArgs e)Response.Redirect("gouwuche.aspx");5.5 商品新增模块实现protected void btnxz_Click(object sender, EventArgs e)string XZ = dpleixing.SelectedV alue;string FB = txtfb.Text.Trim();string FM =

37、 txtfm.Text.Trim();string CM = txtcm.Text.Trim();string YS = txtys.Text.Trim();string JG = txtjg.Text.Trim();string AGE = txtage.Text.Trim();string SL = txtsl.Text.Trim();string IMAGE = image.ImageUrl.ToString();string MS = txtms.Text.Trim();string sqlString = "insert into 服装表 (服装编号 ,类型编号 ,服装名

38、, 商品描述 ,尺码 , 颜色 ,价格,适用年龄 ,数量 ,图片) values ('" + FB + "','" + XZ + "','" + FM + "','" + MS + "','" + CM + "','" + YS + "','" + JG + "','" + AGE + "','&quo

39、t; + SL + "','" + IMAGE + "')"SqlConnection conn = new SqlConnection();conn.ConnectionString = " server=PC-31SQL2005; database=fuzhuang_DB;integrated security=sspi"conn.Open();SqlCommand cmd = new SqlCommand(sqlString, conn);if (cmd.ExecuteNonQuery() = -1)Re

40、sponse.Write("<script language='javascript'>alert(' 上传失败 !');</script>"); conn.Close();elseResponse.Write("<script language='javascript'>alert(' 恭喜您上传成功！ ');</script>");conn.Close();conn.Close();conn.Dispose();private string

41、 GetFilname()Random rnd = new Random(); int a = 1000;int b = 9999; string str = string.Empty;str += DateTime.Now.Year.ToString(); if (DateTime.Now.Month < 10) str += "0" + DateTime.Now.Month.ToString();elsestr += DateTime.Now.Month.ToString();if (DateTime.Now.Day < 10)str += "0&

42、quot; + DateTime.Now.Day.ToString(); else str += DateTime.Now.Day.ToString();if (DateTime.Now.Hour < 10)str += "0" + DateTime.Now.Hour.ToString();elsestr += DateTime.Now.Hour.ToString();if (DateTime.Now.Minute < 10)str += "0" + DateTime.Now.Minute.ToString(); else str += Da

43、teTime.Now.Minute.ToString();if (DateTime.Now.Second < 10)str += "0" + DateTime.Now.Second.ToString();elsestr += DateTime.Now.Second.ToString();str += rnd.Next(a, b).ToString();return str;protected void btnsc_Click(object sender, EventArgs e)string Filename = FileUpload1.PostedFile.FileName;int Filesize = FileUpload1.PostedFile.ContentLength;string Txt = Filename.Substring(Filename.LastIndexOf(".").ToLower();int Maxsize = 300 * 1024;string Filetype = ".gif,.jpg"string NewFilename = GetFilname() + Txt;if (Filetype.Contains(Txt)if (Filesize <= Maxs