服裝類電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

/學(xué)號武漢科技大學(xué)城市學(xué)院課程設(shè)計(jì)報(bào)告課程設(shè)計(jì)名稱WEB應(yīng)用開發(fā)（ASP.NET）課程設(shè)計(jì)題目服裝類電子商務(wù)網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)院系信息工程學(xué)部專業(yè)電子商務(wù)（本）班級二班姓名指導(dǎo)老師李慶2015年7月2日設(shè)計(jì)題目:服裝類電子商務(wù)網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)1.課程設(shè)計(jì)教學(xué)條件要求VisualStudio2010+SQLServer20052.課程設(shè)計(jì)任務(wù)1、主要功能設(shè)計(jì)一個(gè)服裝銷售的電子商務(wù)網(wǎng)站，該網(wǎng)站的用戶分別是：客戶和網(wǎng)站管理員。顧客可以在該購物網(wǎng)站進(jìn)行服裝購買，用SQLServer2005創(chuàng)建后臺數(shù)據(jù)庫，然后利用ASP.NET技術(shù)編寫程序?qū)崿F(xiàn)對數(shù)據(jù)庫的操作，依據(jù)要求完成全部的功能和模塊。讀者的主要功能模塊包括：（1）用戶注冊和登錄（2）查詢、訂購商品（3）查看、修改自己的購物信息（4）購物結(jié)算網(wǎng)站管理員的主要功能模塊包括：（1）管理員登錄（2）服裝新增、服裝信息修改、查詢（3）訂單查詢以及訂單處理2、主要數(shù)據(jù)庫表單（1）用戶基本信息表單主要字段有：用戶編號、用戶名、性別、E-mail、聯(lián)系電話，用戶密碼、注冊時(shí)間、累計(jì)積分、等級（2）商品信息表單主要字段有：商品編號、商品名稱、商品數(shù)量、商品單價(jià)、商品類型、商品介紹，是否舉薦，上架日期、商品積分。（3）商品訂購表單主要字段有：訂單號、商品編號、用戶編號、用戶名、訂購日期、地址、付款方式、聯(lián)系方式、運(yùn)輸方式、訂單核對、備注。3.課程設(shè)計(jì)報(bào)告書主要內(nèi)容1、系統(tǒng)功能模塊設(shè)計(jì)：2、數(shù)據(jù)庫設(shè)計(jì)：系統(tǒng)主要的數(shù)據(jù)庫表單的結(jié)構(gòu)定義。3、各功能模塊的程序設(shè)計(jì)及運(yùn)行測試結(jié)果。4、小結(jié)：收獲、體會(huì)和建議5、參考文獻(xiàn)：按正確格式列出3篇以上的參考文獻(xiàn)4．課程設(shè)計(jì)參考資料[1]段克奇.ASP.NET基礎(chǔ)教程.北京.清華高校出版社.2009[2]吳志祥.高級Web程序設(shè)計(jì)—ASP.NET網(wǎng)站開發(fā).北京.科學(xué)出版社.2013[3]鄭齊心.ASP.NET項(xiàng)目開發(fā)案例全程實(shí)錄（第2版）.北京：清華高校出版社.2011目錄TOC\o"1-2"\h\z\u1需求分析 31．1系統(tǒng)概述 31．2詳細(xì)分析 41．3用戶需求 42系統(tǒng)概要設(shè)計(jì) 42．1系統(tǒng)結(jié)構(gòu)圖 42．2數(shù)據(jù)字段說明 63詳細(xì)設(shè)計(jì) 83．1用戶界面設(shè)計(jì) 93．2管理員界面設(shè)計(jì) 124系統(tǒng)關(guān)鍵技術(shù)介紹 145系統(tǒng)實(shí)現(xiàn) 145.1用戶登錄模塊實(shí)現(xiàn) 145.2用戶注冊模塊實(shí)現(xiàn) 155.3商品詳細(xì)信息模塊實(shí)現(xiàn) 165.4商品分類模塊實(shí)現(xiàn) 175.5商品新增模塊實(shí)現(xiàn) 18課程設(shè)計(jì)小結(jié) 21參考文獻(xiàn) 21課程設(shè)計(jì)評分表 22

1需求分析1．1系統(tǒng)概述系統(tǒng)介紹：隨著當(dāng)今互聯(lián)網(wǎng)的快速發(fā)展，信息借以網(wǎng)絡(luò)平臺，不存在時(shí)間和地域的限制，傳播的更為快速，經(jīng)濟(jì)的發(fā)展使得電腦得以普及，人們對網(wǎng)上購物要求以及需求日益增加。網(wǎng)上購物的興起誕生了一批B2C和C2C帝國，淘寶、京東、當(dāng)當(dāng)?shù)染褪瞧渲械拇?，此外還誕生了眾多的追隨者。當(dāng)前形勢下，覆蓋全方位產(chǎn)品的購物平臺市場上基本趨于飽和，要想在電子商務(wù)的競爭中獲得生存空間，必需對網(wǎng)站內(nèi)容進(jìn)行定位，網(wǎng)上購物可以解決實(shí)體服裝店的眾多問題，而且用戶不需出門，只要會(huì)上網(wǎng)就可以滿足自己購物的欲望，并且可以享受送貨上門的服務(wù)。整個(gè)平臺分為前臺和后臺，前臺為商品展示和銷售界面，面對廣袤消費(fèi)者，后臺為管理員界面，面對網(wǎng)站管理和運(yùn)營者。在前臺顧客可以注冊，登錄并閱讀商品，也可干脆閱讀，查看商品信息，但購買商品必需登陸才能進(jìn)行。在后臺管理人可以管理商品、訂單等信息，并對此做相應(yīng)的增刪查改。其開發(fā)內(nèi)容主要包括后臺數(shù)據(jù)庫的建立和維護(hù)以及前端應(yīng)用程序的開發(fā)兩個(gè)方面。網(wǎng)站建設(shè)基于SQL

Server2005和Visual

Studio2010為平臺，以ASP.NET為編程基礎(chǔ)，功能強(qiáng)大，平安性好，易于操作，可視化的界面開發(fā)出更為完備的應(yīng)用程序。經(jīng)過調(diào)試、編譯和實(shí)現(xiàn)，該程序界面友好、程序設(shè)計(jì)風(fēng)格樸實(shí)，簡潔明白。此系統(tǒng)的主要功能分為商品展示界面功能、用戶信息界面功能和系統(tǒng)管理員界面功能：(1)商品展示界面功能：1.用戶注冊，登錄功能：用戶可以進(jìn)行注冊，登錄之后，才可進(jìn)行相關(guān)操作。2.查看商品：用戶可以在網(wǎng)頁中閱讀眾多服裝，也可以查看某件服裝的詳細(xì)信息。3.購物功能：用戶可以實(shí)現(xiàn)將商品加入購物車的功能，提交并生成訂單。（2）用戶信息界面功能：1.用戶注冊，登錄功能：用戶可以注冊為網(wǎng)站會(huì)員，登錄之后，進(jìn)行相關(guān)操作。2.訂單查詢：用戶登錄后可對自己曾經(jīng)購買過的商品進(jìn)行訂單查詢。（3）管理員界面功能：1.商品管理：管理員可以添加商品和對商品信息進(jìn)行相應(yīng)的修改。2.訂單管理：管理員可以對用戶所提交的訂單進(jìn)行查看、刪除及更改訂單狀態(tài)。3.管理員管理：添加、修改管理員的用戶名及密碼，以及刪除管理員。1．2詳細(xì)分析（1）用戶系統(tǒng)：用戶可以干脆查看相關(guān)商品的詳細(xì)介紹、登錄添加商品至購物車生成訂單，并進(jìn)行結(jié)算。（2）商品系統(tǒng)：管理員可以在線添加新產(chǎn)品，并對添加的商品進(jìn)行查詢、更新及刪除操作。（3）管理員：該系統(tǒng)為后臺管理員運(yùn)用，通過修改，更新，刪除可以實(shí)現(xiàn)對商品管理，訂單管理。1．3用戶需求（1）用戶：用戶可以在網(wǎng)站上對商品進(jìn)行閱讀和查詢，并購買商品。（2）管理員：管理員通過后臺登錄的運(yùn)用，可以實(shí)現(xiàn)對商品、訂單、管理員進(jìn)行相應(yīng)的增刪查改。2系統(tǒng)概要設(shè)計(jì)2．1系統(tǒng)結(jié)構(gòu)圖服裝銷售電子商務(wù)網(wǎng)站系統(tǒng)主要分為兩大模塊，分別是用戶功能模塊和管理員功能模塊，用戶在不登錄狀況下可以閱讀全部商品信息，但只有在登錄之后才可加入購物車、生成訂單，完成購買，管理員必需進(jìn)行管理員登錄才可進(jìn)行一系列修改，更新，刪除的操作。用戶功能模塊主要包括用戶注冊，閱讀商品，加入購物車，提交訂單。注冊頁面主要包括用戶名，密碼，性別，年齡，電話等幾個(gè)方面。商品信息閱讀方面主要有展示各類服裝信息，用戶可依據(jù)自己須要查看閱讀自己須要的服裝信息，首頁設(shè)置有熱銷商品。在商品詳細(xì)內(nèi)容頁面有商品的價(jià)格，數(shù)量及詳細(xì)介紹，未登錄用戶在加入購物車時(shí)將被提示登錄后才能接著購買，并提交訂單，當(dāng)完成整個(gè)訂單流程，管理員會(huì)對歷史訂單訂單狀態(tài)進(jìn)行修改。管理員功能模塊主要包括管理員登陸，訂單管理，藥品管理，用戶管理，管理員等管理界面，進(jìn)行相關(guān)的修改，更新，刪除的操作。服裝銷售網(wǎng)站用戶的主要功能服裝銷售網(wǎng)站用戶的主要功能閱讀注冊登錄閱讀注冊登錄用戶名登錄密碼商品詳情購物車訂單管理結(jié)算管理用戶名登錄密碼商品詳情購物車訂單管理結(jié)算管理圖2.1用戶能結(jié)構(gòu)圖服裝銷售網(wǎng)站管理員的主要功能服裝銷售網(wǎng)站管理員的主要功能用戶管理訂單管理商品管理登錄查詢處理刪除新增編輯新增密碼管理員用戶管理訂單管理商品管理登錄查詢處理刪除新增編輯新增密碼管理員圖2.2網(wǎng)站管理員功能結(jié)構(gòu)圖2．2數(shù)據(jù)字段說明2.2.1表設(shè)計(jì)1．管理員表設(shè)計(jì)管理員表的主要功能是：用來存儲(chǔ)管理員的信息。詳細(xì)見表2-1：表2-1管理員表字段名數(shù)據(jù)類型長度是否主鍵用戶名文本20是密碼文本32否2.用戶表設(shè)計(jì)用戶表的功能是：用來存儲(chǔ)用戶注冊時(shí)的信息，其中包括用戶注冊的用戶名，密碼以及用戶個(gè)人的真實(shí)信息有年齡，電話，性別等詳細(xì)信息。詳細(xì)見表2-2。表2-2用戶表字段名數(shù)據(jù)類型長度是否主鍵用戶名文本20是密碼文本32否姓名文本20否性別文本2否聯(lián)系地址l文本50否聯(lián)系電話文本13否3.服裝表設(shè)計(jì)服裝表的主要功能是：用來存儲(chǔ)商品詳細(xì)信息，其中包括商品名稱、商品數(shù)量、商品價(jià)格、商品圖片等信息。詳細(xì)見表2-3：表2-3服裝表字段名數(shù)據(jù)類型長度是否主鍵服裝編號數(shù)字整型是類型編號文本20外鍵服裝名文本200否商品描述文本500否尺碼文本20否顏色文本50否價(jià)格文本money否適用年齡文本50否數(shù)量數(shù)字整型否圖片文本50否4.購物車表設(shè)計(jì)購物車表的主要功能是：用來存各用戶加入購物車的商品編號、商品名稱以及購買數(shù)量。詳細(xì)見表2-4：表2-4購物車表字段名數(shù)據(jù)類型長度是否主鍵購物車編號數(shù)字整型是用戶名文本12否服裝編號數(shù)字50否數(shù)量數(shù)字50否5.訂單表設(shè)計(jì)訂單表的主要功能是：用來存儲(chǔ)用戶提交的訂單，其中包括訂單編號、商品編號、商品名稱、用戶名、購買數(shù)量、購買總額、訂單狀態(tài)、收件人電話、收件人地址、下單時(shí)間等內(nèi)容。詳細(xì)見表2-5:表2-6訂單表字段名數(shù)據(jù)類型長度是否主鍵訂單編號數(shù)字整型是用戶名文本12否訂單日期文本datetime否發(fā)貨方式文本20否付款方式數(shù)字20否總金額文本50否是否發(fā)貨文本2否備注文本ntext否6.服裝類型表設(shè)計(jì)服裝類型表的主要功能是：用來存儲(chǔ)服裝類型的詳細(xì)信息，其中包括類型編號、類型名、圖片，詳細(xì)見表2-6。表2-6服裝類型表字段名數(shù)據(jù)類型長度是否主鍵類型編號數(shù)字整型是類型名文本50否圖片文本50否詳細(xì)訂單表設(shè)計(jì)詳細(xì)訂單表的主要功能是：用來存儲(chǔ)訂單信息，包括訂單編號、用戶名、服裝編號、數(shù)量。詳細(xì)見表2-7。表2-7詳細(xì)訂單表字段名數(shù)據(jù)類型長度是否主鍵訂單編號數(shù)字整型是用戶名文本12否服裝編號數(shù)字整型否數(shù)量數(shù)字整型否3詳細(xì)設(shè)計(jì)服裝銷售網(wǎng)站為一個(gè)開放性網(wǎng)站，任何用戶都可進(jìn)行閱讀，訪問，但用戶只有注冊了并登陸后才可將商品加入購物車，提交訂單，查看訂單等等。3．1用戶界面設(shè)計(jì)用戶未在網(wǎng)站首頁進(jìn)行登錄，在上裝、下裝、裙裝等頁面都可以進(jìn)行登錄，點(diǎn)擊登錄，進(jìn)入登陸頁面，成功登陸之后可進(jìn)行全部操作。圖3.1用戶登陸界面圖3.2網(wǎng)站首頁界面用戶可以將所需商品加入購物車，在購物車中可選擇刪除不須要的商品，并進(jìn)行結(jié)算。如圖：圖3.3購物車界面用戶點(diǎn)擊商品可以進(jìn)入商品詳細(xì)信息界面，并進(jìn)行購買，如圖：圖3.4商品詳細(xì)信息界面用戶查看自己購買的商品，并對自己訂單信息進(jìn)行查詢。如圖：圖3.5訂單查詢界面圖3.6新用戶注冊界面圖3.7結(jié)算管理界面圖3.8商品分類界面3．2管理員界面設(shè)計(jì)管理員必需進(jìn)行登錄，才可進(jìn)行全部的操作。圖3.9管理員登陸界面圖3.10商品新增界面圖3.11商品管理界面圖3.12訂單查詢界面圖3.13訂單處理界面4系統(tǒng)關(guān)鍵技術(shù)介紹服裝在線商店購物平臺主要接受ASP.NET等技術(shù)進(jìn)行開發(fā)，接受CSS+DIV技術(shù)，使系統(tǒng)布局更加合理美觀。母版頁供應(yīng)了開發(fā)人員已通過傳統(tǒng)方式創(chuàng)建的功能，這些傳統(tǒng)方式包括重復(fù)復(fù)制現(xiàn)有代碼、文本和控件元素；運(yùn)用框架集；對通用元素運(yùn)用包含文件；運(yùn)用ASP.NET用戶控件等。運(yùn)用母版頁可以集中處理頁的通用功能，以便可以只在一個(gè)位置上進(jìn)行更新。因此，本系統(tǒng)主要建立了一個(gè)的母版頁，使系統(tǒng)更加專業(yè)化。而CSS的運(yùn)用，利用CSS的運(yùn)用，可以很好的削減頁面的請求，從而大大提高頁面的性能，同時(shí)它能削減圖片的字節(jié)。因此，CSS的運(yùn)用帶來的合理化的布局。和此同時(shí)，整個(gè)網(wǎng)站頁面增加了部分的Javascript,為網(wǎng)頁增加了動(dòng)態(tài)的圖片顯示，也加入了一些廣告的元素，是頁面看起來更加專業(yè)化。另一方面，本系統(tǒng)主要接受SQL技術(shù)和VisualStudio2010來開發(fā)。SQL功能強(qiáng)大、簡潔易學(xué)、運(yùn)用便利，已經(jīng)成為了數(shù)據(jù)庫操作的基礎(chǔ)，并且現(xiàn)在幾乎全部的數(shù)據(jù)庫均支持SQL。5系統(tǒng)實(shí)現(xiàn)5.1用戶登錄模塊實(shí)現(xiàn)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('用戶名輸入錯(cuò)誤！');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('密碼輸入錯(cuò)誤！');history.back();</script>");Response.End();}}5.2用戶注冊模塊實(shí)現(xiàn)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用戶表(用戶名,密碼,姓名,性別,聯(lián)系地址,聯(lián)系電話)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商品詳細(xì)信息模塊實(shí)現(xiàn){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商品分類模塊實(shí)現(xiàn){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.服裝表.價(jià)格,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商品新增模塊實(shí)現(xiàn)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服裝表(服裝編號,類型編號,服裝名,商品描述,尺碼,顏色,價(jià)格,適用年齡,數(shù)量,圖片)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;}