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

1、精選優(yōu)質(zhì)文檔-傾情為你奉上學(xué) 號(hào)武 漢 科 技 大 學(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ù)（本） 班 級(jí) 二班 姓 名 指導(dǎo)教師 李慶 2015年7月2日專心-專注-專業(yè)設(shè)計(jì)題目: 服裝類電子商務(wù)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)1. 課程設(shè)計(jì)教學(xué)條件要求 Visual Studio2010+SQL Server20052. 課程設(shè)計(jì)任務(wù)1、主要功能設(shè)計(jì)一個(gè)服裝銷售的電子商務(wù)網(wǎng)站，該網(wǎng)站的用戶分別是：客戶和網(wǎng)站管理員。顧客可以在該購物網(wǎng)站進(jìn)行服裝購買，用SQL Server2

2、005創(chuàng)建后臺(tái)數(shù)據(jù)庫，然后利用ASP.NET技術(shù)編寫程序?qū)崿F(xiàn)對(duì)數(shù)據(jù)庫的操作，按照要求完成所有的功能和模塊。讀者的主要功能模塊包括：（1）用戶注冊(cè)與登錄（2）查詢、訂購商品（3）查看、修改自己的購物信息（4）購物結(jié)算網(wǎng)站管理員的主要功能模塊包括：（1）管理員登錄（2）服裝新增、服裝信息修改、查詢（3）訂單查詢以及訂單處理2、主要數(shù)據(jù)庫表單 （1）用戶基本信息表單 主要字段有：用戶編號(hào)、用戶名、性別、E-mail、聯(lián)系電話，用戶密碼、注冊(cè)時(shí)間、累計(jì)積分、等級(jí)（2）商品信息表單 主要字段有：商品編號(hào)、商品名稱、商品數(shù)量、商品單價(jià)、商品類型、商品介紹，是否推薦，上架日期、商品積分。 （3）商品訂購表單

3、 主要字段有：訂單號(hào)、商品編號(hào)、用戶編號(hào)、用戶名、訂購日期、地址、付款方式、聯(lián)系方式、運(yùn)送方式、訂單核對(duì)、備注。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)行測(cè)試結(jié)果。4、小結(jié)：收獲、體會(huì)與建議5、參考文獻(xiàn)：按正確格式列出3篇以上的參考文獻(xiàn) 4課程設(shè)計(jì)參考資料 1 段克奇 . ASP.NET基礎(chǔ)教程 . 北京. 清華大學(xué)出版社. 20092 吳志祥. 高級(jí)Web程序設(shè)計(jì)ASP.NET網(wǎng)站開發(fā).北京. 科學(xué)出版社.20133 鄭齊心. ASP.NET項(xiàng)目開發(fā)案例全程實(shí)錄（第2版）. 北京：清華大學(xué)出版社.2011

4、目 錄1需求分析11系統(tǒng)概述系統(tǒng)介紹：隨著當(dāng)今互聯(lián)網(wǎng)的迅速發(fā)展，信息借以網(wǎng)絡(luò)平臺(tái)，不存在時(shí)間和地域的限制，傳播的更為迅速，經(jīng)濟(jì)的發(fā)展使得電腦得以普及，人們對(duì)網(wǎng)上購物要求以及需求日益增加。網(wǎng)上購物的興起誕生了一批B2C和C2C帝國，淘寶、京東、當(dāng)當(dāng)?shù)染褪瞧渲械拇?，此外還誕生了眾多的追隨者。當(dāng)前形勢(shì)下，覆蓋全方位產(chǎn)品的購物平臺(tái)市場(chǎng)上基本趨于飽和，要想在電子商務(wù)的競(jìng)爭(zhēng)中獲得生存空間，必須對(duì)網(wǎng)站內(nèi)容進(jìn)行定位，網(wǎng)上購物可以解決實(shí)體服裝店的眾多問題，而且用戶不需出門，只要會(huì)上網(wǎng)就可以滿足自己購物的欲望，并且可以享受送貨上門的服務(wù)。整個(gè)平臺(tái)分為前臺(tái)和后臺(tái)，前臺(tái)為商品展示和銷售界面，面向廣大消費(fèi)者，后臺(tái)為管

5、理員界面，面向網(wǎng)站管理和運(yùn)營者。在前臺(tái)顧客可以注冊(cè)，登錄并瀏覽商品，也可直接瀏覽，查看商品信息，但購買商品必須登陸才能進(jìn)行。在后臺(tái)管理人可以管理商品、訂單等信息，并對(duì)此做相應(yīng)的增刪查改。其開發(fā)內(nèi)容主要包括后臺(tái)數(shù)據(jù)庫的建立和維護(hù)以及前端應(yīng)用程序的開發(fā)兩個(gè)方面。網(wǎng)站建設(shè)基于SQL Server2005和Visual Studio2010為平臺(tái)，以ASP.NET為編程基礎(chǔ)，功能強(qiáng)大，安全性好，易于操作，可視化的界面開發(fā)出更為完備的應(yīng)用程序。經(jīng)過調(diào)試、編譯與實(shí)現(xiàn)，該程序界面友好、程序設(shè)計(jì)風(fēng)格樸素，簡(jiǎn)單明了。此系統(tǒng)的主要功能分為商品展示界面功能、用戶信息界面功能和系統(tǒng)管理員界面功能：

6、(1) 商品展示界面功能： 1.用戶注冊(cè)，登錄功能：用戶可以進(jìn)行注冊(cè)，登錄之后，才可進(jìn)行相關(guān)操作。2.查看商品：用戶可以在網(wǎng)頁中瀏覽眾多服裝，也可以查看某件服裝的詳細(xì)信息。3.購物功能：用戶可以實(shí)現(xiàn)將商品加入購物車的功能，提交并生成訂單。（2）用戶信息界面功能：1.用戶注冊(cè)，登錄功能：用戶可以注冊(cè)為網(wǎng)站會(huì)員，登錄之后，進(jìn)行相關(guān)操作。2.訂單查詢：用戶登錄后可對(duì)自己曾經(jīng)購買過的商品進(jìn)行訂單查詢。（3）管理員界面功能：1.商品管理：管理員可以添加商品和對(duì)商品信息進(jìn)行相應(yīng)的修改。2.訂單管理：管理員可以對(duì)用戶所提交的訂單進(jìn)行查看、刪除及更改訂單狀態(tài)。 3.管理員管理：添加、修改管理員的用戶名及密碼，

7、以及刪除管理員。12具體分析（1）用戶系統(tǒng)： 用戶可以直接查看相關(guān)商品的詳細(xì)介紹、登錄添加商品至購物車生成訂單，并進(jìn)行結(jié)算。（2）商品系統(tǒng)：管理員可以在線添加新產(chǎn)品，并對(duì)添加的商品進(jìn)行查詢、更新及刪除操作。（3）管理員：該系統(tǒng)為后臺(tái)管理員使用，通過修改，更新，刪除可以實(shí)現(xiàn)對(duì)商品管理，訂單管理。13用戶需求（1）用戶：用戶可以在網(wǎng)站上對(duì)商品進(jìn)行瀏覽和查詢，并購買商品。（2）管理員：管理員通過后臺(tái)登錄的使用，可以實(shí)現(xiàn)對(duì)商品、訂單、管理員進(jìn)行相應(yīng)的增刪查改。2系統(tǒng)概要設(shè)計(jì)21系統(tǒng)結(jié)構(gòu)圖 服裝銷售電子商務(wù)網(wǎng)站系統(tǒng)主要分為兩大模塊，分別是用戶功能模塊和管理員功能模塊，用戶在不登錄情況下可以瀏覽所有商品信

8、息，但只有在登錄之后才可加入購物車、生成訂單，完成購買，管理員必須進(jìn)行管理員登錄才可進(jìn)行一系列修改，更新，刪除的操作。用戶功能模塊主要包括用戶注冊(cè)，瀏覽商品，加入購物車，提交訂單。注冊(cè)頁面主要包括用戶名，密碼，性別，年齡，電話等幾個(gè)方面。商品信息瀏覽方面主要有展示各類服裝信息，用戶可根據(jù)自己需要查看瀏覽自己需要的服裝信息，首頁設(shè)置有熱銷商品。在商品詳細(xì)內(nèi)容頁面有商品的價(jià)格，數(shù)量及詳細(xì)介紹，未登錄用戶在加入購物車時(shí)將被提示登錄后才能繼續(xù)購買，并提交訂單，當(dāng)完成整個(gè)訂單流程，管理員會(huì)對(duì)歷史訂單訂單狀態(tài)進(jìn)行修改。管理員功能模塊主要包括管理員登陸，訂單管理，藥品管理，用戶管理，管理員等管理界面，進(jìn)行相

9、關(guān)的修改，更新，刪除的操作。服裝銷售網(wǎng)站用戶的主要功能瀏覽注冊(cè)登錄用戶名登錄密碼商品詳情購物車訂單管理結(jié)算管理圖2.1用戶能結(jié)構(gòu)圖服裝銷售網(wǎng)站管理員的主要功能用戶管理訂單管理商品管理登錄查詢處理刪除新增編輯新增密碼管理員圖2.2網(wǎng)站管理員功能結(jié)構(gòu)圖22數(shù)據(jù)字段說明2.2.1表設(shè)計(jì)1管理員表設(shè)計(jì)管理員表的主要功能是：用來存儲(chǔ)管理員的信息。詳細(xì)見表2-1：表2-1管理員表字段名數(shù)據(jù)類型長(zhǎng)度是否主鍵用戶名文本20是密碼文本32否2.用戶表設(shè)計(jì)用戶表的功能是：用來存儲(chǔ)用戶注冊(cè)時(shí)的信息，其中包括用戶注冊(cè)的用戶名，密碼以及用戶個(gè)人的真實(shí)信息有年齡，電話，性別等詳細(xì)信息。詳細(xì)見表2-2。表2-2 用戶表字段

10、名數(shù)據(jù)類型長(zhǎng)度是否主鍵用戶名文本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ù)類型長(zhǎng)度是否主鍵服裝編號(hào)數(shù)字整型是類型編號(hào)文本20外鍵服裝名文本200否商品描述文本500否尺碼文本20否顏色文本50否價(jià)格文本money否適用年齡文本50否數(shù)量數(shù)字整型否圖片文本50否4.購物車表設(shè)計(jì)購物車表的主要功能是：用來存各用戶加入購物車的商品編號(hào)、商品名稱以及購買數(shù)量。詳細(xì)見表2-4：表2-4 購物車表字段名數(shù)據(jù)類型長(zhǎng)度

11、是否主鍵購物車編號(hào)數(shù)字整型是用戶名 文本12否服裝編號(hào)數(shù)字50否數(shù)量數(shù)字50否5.訂單表設(shè)計(jì)訂單表的主要功能是：用來存儲(chǔ)用戶提交的訂單，其中包括訂單編號(hào)、商品編號(hào)、商品名稱、用戶名、購買數(shù)量、購買總額、訂單狀態(tài)、收件人電話、收件人地址、下單時(shí)間等內(nèi)容。詳細(xì)見表2-5:表2-6 訂單表字段名數(shù)據(jù)類型長(zhǎng)度是否主鍵訂單編號(hào)數(shù)字整型是用戶名文本12否訂單日期文本datetime否發(fā)貨方式文本20否付款方式數(shù)字20否總金額文本50否是否發(fā)貨文本2否備注文本ntext否6.服裝類型表設(shè)計(jì)服裝類型表的主要功能是：用來存儲(chǔ)服裝類型的詳細(xì)信息，其中包括類型編號(hào)、類型名、圖片，詳細(xì)見表2-6。表2-6 服裝類型表

12、字段名數(shù)據(jù)類型長(zhǎng)度是否主鍵類型編號(hào)數(shù)字整型是類型名文本50否圖片文本50否7. 詳細(xì)訂單表設(shè)計(jì)詳細(xì)訂單表的主要功能是：用來存儲(chǔ)訂單信息，包括訂單編號(hào)、用戶名、服裝編號(hào)、數(shù)量。詳細(xì)見表2-7。表2-7 詳細(xì)訂單表字段名數(shù)據(jù)類型長(zhǎng)度是否主鍵訂單編號(hào)數(shù)字整型是用戶名文本12否服裝編號(hào)數(shù)字整型否數(shù)量數(shù)字整型否3詳細(xì)設(shè)計(jì) 服裝銷售網(wǎng)站為一個(gè)開放性網(wǎng)站，任何用戶都可進(jìn)行瀏覽，訪問，但用戶只有注冊(cè)了并登陸后才可將商品加入購物車，提交訂單，查看訂單等等。31用戶界面設(shè)計(jì) 用戶未在網(wǎng)站首頁進(jìn)行登錄，在上裝、下裝、裙裝等頁面都可以進(jìn)行登錄，點(diǎn)擊登錄，進(jìn)入登陸頁面，成功登陸之后可進(jìn)行所有操作。圖3.1 用戶登陸界面

13、圖3.2 網(wǎng)站首頁界面用戶可以將所需商品加入購物車，在購物車中可選擇刪除不需要的商品，并進(jìn)行結(jié)算。如圖：圖3.3 購物車界面用戶點(diǎn)擊商品可以進(jìn)入商品詳細(xì)信息界面，并進(jìn)行購買，如圖：圖3.4 商品詳細(xì)信息界面用戶查看自己購買的商品，并對(duì)自己訂單信息進(jìn)行查詢。如圖：圖3.5 訂單查詢界面圖3.6 新用戶注冊(cè)界面圖3.7 結(jié)算管理界面圖3.8 商品分類界面32管理員界面設(shè)計(jì)管理員必須進(jìn)行登錄，才可進(jìn)行所有的操作。圖3.9 管理員登陸界面圖3.10商品新增界面圖3.11 商品管理界面圖3.12 訂單查詢界面圖3.13 訂單處理界面4系統(tǒng)關(guān)鍵技術(shù)介紹服裝在線商店購物平臺(tái)主要采用ASP.NET等技術(shù)進(jìn)行開

14、發(fā)，采用CSS+DIV技術(shù)，使系統(tǒng)布局更加合理美觀。母版頁提供了開發(fā)人員已通過傳統(tǒng)方式創(chuàng)建的功能，這些傳統(tǒng)方式包括重復(fù)復(fù)制現(xiàn)有代碼、文本和控件元素；使用框架集；對(duì)通用元素使用包含文件；使用 ASP.NET 用戶控件等。 使用母版頁可以集中處理頁的通用功能，以便可以只在一個(gè)位置上進(jìn)行更新。因此，本系統(tǒng)主要建立了一個(gè)的母版頁 ，使系統(tǒng)更加專業(yè)化。而CSS的使用，利用CSS的使用，可以很好的減少頁面http的請(qǐng)求，從而大大提高頁面的性能，同時(shí)它能減少圖片的字節(jié)。因此，CSS的使用帶來的合理化的布局。與此同時(shí)，整個(gè)網(wǎng)站頁面增加了部分的Javascript,為網(wǎng)頁增加了動(dòng)態(tài)的圖片顯示，也加入了一些廣告的

15、元素，是頁面看起來更加專業(yè)化。另一方面，本系統(tǒng)主要采用 SQL技術(shù)和Visual Studio 2010來開發(fā)。SQL功能強(qiáng)大、簡(jiǎn)單易學(xué)、使用方便，已經(jīng)成為了數(shù)據(jù)庫操作的基礎(chǔ)，并且現(xiàn)在幾乎所有的數(shù)據(jù)庫均支持SQL。5系統(tǒng)實(shí)現(xiàn)5.1用戶登錄模塊實(shí)現(xiàn)protected void btndl_Click(object sender, EventArgs e) string Username = username.Text.Trim(); string Password = password.Text.Trim(); SqlConnection conn = new SqlConnection();

16、conn.ConnectionString = "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

17、); if (ds.Tables0.Rows.Count = 0) Response.Write("<script language='javascript'>alert('用戶名輸入錯(cuò)誤！');history.back();</script>"); Response.End(); else string password_db = ds.Tables0.Rows0"密碼".ToString(); if (Password = password_db) Session"用戶名"

18、= Username; Response.Write("<script language='javascript'>alert('登陸成功！');history.back();</script>"); Response.End(); else Response.Write("<script language='javascript'>alert('密碼輸入錯(cuò)誤！');history.back();</script>"); Response.En

19、d(); 5.2用戶注冊(cè)模塊實(shí)現(xiàn) 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 p

20、hone = txtphone.Text.Trim(); string sqlString = "insert into 用戶表 (用戶名,密碼,姓名,性別,聯(lián)系地址,聯(lián)系電話) values ('" + user + "','" + pwd + "','" + name + "','" + Sex + "','" + adress + "','" + phone + "'

21、;)" 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) this.Label13.Text = "注冊(cè)失?。?quot; else this.La

22、bel13.Text = "注冊(cè)成功！" 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.txtdiz

23、hi.Text = " " this.txtphone.Text = " " 5.3商品詳細(xì)信息模塊實(shí)現(xiàn)public partial class xiangxi1 : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) string id = Request.QueryString"id".ToString(); SqlConnection conn = new SqlConnection(); conn.ConnectionString =&

24、quot;server=PC-31SQL2005;database=fuzhuang_DB;integrated security=sspi" SqlDataAdapter sda = new SqlDataAdapter(); string sql = "select * from 服裝表 where 服裝編號(hào)="+id; sda.SelectCommand = new SqlCommand(sql,conn); DataSet ds = new DataSet(); sda.Fill(ds); fm.Text = ds.Tables0.Rows02.ToStr

25、ing(); ms.Text = ds.Tables0.Rows03.ToString(); cm.Text = 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

26、(object sender, EventArgs e) Response.Redirect("jiesuanguanli.aspx"); 5.4商品分類模塊實(shí)現(xiàn) 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(); c

27、onn.ConnectionString = "server=PC-31SQL2005;database=fuzhuang_DB;integrated security=sspi" SqlDataAdapter sda = new SqlDataAdapter(); string sql = "SELECT dbo.服裝表.圖片, dbo.服裝表.服裝名, dbo.服裝表.價(jià)格, dbo.服裝類型表.類型編號(hào), dbo.服裝表.類型編號(hào) AS Expr1 FROM dbo.服裝表 INNER JOIN dbo.服裝類型表 ON dbo.服裝表.類型編號(hào) = dbo

28、.服裝類型表.類型編號(hào) where dbo.服裝類型表.類型編號(hào)='A'" 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"); protect

29、ed void LinkButton1_Click(object sender, EventArgs e) Response.Redirect("jiesuanguanli.aspx"); protected void LinkButton2_Click(object sender, EventArgs e) Response.Redirect("gouwuche.aspx"); 5.5商品新增模塊實(shí)現(xiàn)protected void btnxz_Click(object sender, EventArgs e) string XZ = dpleixing.

30、SelectedValue; string FB = txtfb.Text.Trim(); string FM = 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.T

31、rim(); string sqlString = "insert into 服裝表 (服裝編號(hào),類型編號(hào),服裝名,商品描述,尺碼,顏色,價(jià)格,適用年齡,數(shù)量,圖片) values ('" + FB + "','" + XZ + "','" + FM + "','" + MS + "','" + CM + "','" + YS + "','" + JG

32、+ "','" + AGE + "','" + SL + "','" + IMAGE + "')" SqlConnection conn = new SqlConnection(); conn.ConnectionString = " server=PC-31SQL2005; database=fuzhuang_DB;integrated security=sspi" conn.Open(); SqlCommand cmd = new Sq

33、lCommand(sqlString, conn); if (cmd.ExecuteNonQuery() = -1) Response.Write("<script language='javascript'>alert('上傳失敗!');</script>"); conn.Close(); else Response.Write("<script language='javascript'>alert('恭喜您上傳成功！');</script>&quo

34、t;); conn.Close(); conn.Close(); conn.Dispose(); private string 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(); else str += DateTi

35、me.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 &l

36、t; 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(); return str; protected void b

37、tnsc_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 <= Maxsize) FileUpload1.PostedFile.SaveAs(Server.MapPath(NewFilename); Response.Write("<script language='javascript'>alert('恭喜您新增成功！');</script>"); image.ImageUrl = NewFilenam