/學號武漢科技大學城市學院課程設計報告課程設計名稱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;}