畢業(yè)設(shè)計(jì)---網(wǎng)上花店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

上傳人：奔*** IP屬地：河北更新時間：2024-03-02 格式：doc 頁數(shù)：30 大?。?.94MB 人氣指數(shù)：12 舉報(bào) 版權(quán)申訴

畢業(yè)設(shè)計(jì)---網(wǎng)上花店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)_第1頁

已閱讀1頁，還剩29頁未讀，繼續(xù)免費(fèi)閱讀

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、　　目錄　　摘要： 1　　一、引言1　　二、需求分析2　　（一）開發(fā)背景2

2、　?。ǘ┕δ苄枨蠓治?　?。ㄈ╅_發(fā)環(huán)境需求3　　（四）可行性分析3　　三、系統(tǒng)設(shè)計(jì)4　　（一）系統(tǒng)功能圖4　?。ǘ?/p>

3、管理員系統(tǒng)活動圖 5　?。ㄈ┫到y(tǒng)用例圖 6　　（四）前臺購物流程圖 6　　四、數(shù)據(jù)庫設(shè)計(jì)7　　（一）E-R模型圖7　?。ǘ?shù)據(jù)庫模型圖7

4、;　　（三）數(shù)據(jù)庫表設(shè)計(jì)8　?。ㄋ模?shù)據(jù)字典 9　　五、系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)11　　（一）前臺網(wǎng)站11　?。ǘ┖笈_管理20　　六、系統(tǒng)測試26<p&g

5、t;　　七、小結(jié)26　　八、參考文獻(xiàn)27　　網(wǎng)上花店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)　　摘要：21世紀(jì)是個日新月異的時代，一切的更新速度都是如此之快，人們生活的節(jié)奏也隨之提高，時間已經(jīng)成為一種奢侈品，再也容不得我們?nèi)]霍半分，網(wǎng)上購物順應(yīng)時代的

6、潮流，走入了人們的日常生活，網(wǎng)上購物突破了傳統(tǒng)商務(wù)的障礙，無論對消費(fèi)者、企業(yè)還是市場都有著巨大的吸引力和影響力，在新經(jīng) 濟(jì)時期無疑是達(dá)到“多贏”效果的理想模式。鮮花在人們的生活中是不可或缺的人類情感的傳遞者，但是快節(jié)奏的生活，讓他們?nèi)鄙倭诉@樣的機(jī)會去表達(dá)，網(wǎng)上花店提供這樣一個平臺，快捷，方便，安全，讓他們在忙自己的事情的同時，也能保留這份美好。下面我將介紹一下我們網(wǎng)上花店管理系統(tǒng)的功能，流程。

7、　關(guān)鍵詞：網(wǎng)上鮮花銷售；后臺管理系統(tǒng)；購物車；訂單　　一、引言　　上世紀(jì)90年代以來，隨著網(wǎng)絡(luò)、通信和信息技術(shù)的突破性進(jìn)展，Internet在全球爆炸性增長并迅速普及。在這一前提下，電子商務(wù)應(yīng)運(yùn)而生了。　　電子商務(wù)是基于互聯(lián)網(wǎng)、以交易雙方為主體、以銀行電子支付和結(jié)算為手段、以

8、客戶數(shù)據(jù)為依托的全新的商務(wù)模式，它可以使商家與供應(yīng)商更緊密地聯(lián)系起來，更快地滿足客戶需求，也可以讓商家在全球范圍內(nèi)選擇最佳供應(yīng)商。　　據(jù)調(diào)查，中國經(jīng)常網(wǎng)上購物人數(shù)已達(dá)3000萬人，有1/4的網(wǎng)民有過購物經(jīng)歷。與上年同期相比，經(jīng)常購物的網(wǎng)民增長了50%。國網(wǎng)上購物市場巨大，從交易額來看，根據(jù)統(tǒng)計(jì)，2009上半年我國網(wǎng)上購物者累計(jì)購物金額達(dá)到100億元。相比之下，去年全年也只有34億元。 </

9、p>　　隨著中國電子商務(wù)環(huán)境的不斷改善，網(wǎng)上購物以其便捷、省時、省錢和安全等特點(diǎn)日益為人們所熟悉和青睞，這樣的機(jī)遇之下，網(wǎng)上購物網(wǎng)站也必將迅速崛起。同時網(wǎng)上購物網(wǎng)站涉及范圍也在不斷的擴(kuò)大。網(wǎng)上鮮花銷售網(wǎng)站也在市場的巨大需求之下產(chǎn)生。 　　目前，世界各國紛紛看好電子商務(wù)這塊新大陸，普遍認(rèn)為電子商務(wù)的發(fā)展將是未來25年世界經(jīng)濟(jì)發(fā)展的一個重要推動力，對經(jīng)濟(jì)的促進(jìn)將遠(yuǎn)遠(yuǎn)超過2

10、00年前的工業(yè)革命。著名經(jīng)濟(jì)調(diào)查評論家Robert Metcalfe聲稱：聯(lián)網(wǎng)的價(jià)值等于（與之相聯(lián)結(jié)的）網(wǎng)點(diǎn)數(shù)量的平方。 　　二、需求分析　?。ㄒ唬╅_發(fā)背景　　鮮花本身是一種比較容易在網(wǎng)絡(luò)上進(jìn)行銷售的產(chǎn)品，不存在網(wǎng)上和現(xiàn)實(shí)中具有較大的品質(zhì)

11、差異，在網(wǎng)上挑選更加直觀和方便，而且現(xiàn)在大部分網(wǎng)上的花店都將訂花、送花合并成一條龍服務(wù)，讓買花的網(wǎng)民越加方便。輕松點(diǎn)擊之間，鮮花與衷心的祝福便可以準(zhǔn)時送抵家人或朋友。所以，設(shè)計(jì)一個能進(jìn)行鮮花查詢、訂購及管理功能的網(wǎng)上花店管理系統(tǒng)，將傳統(tǒng)的花店經(jīng)營管理模式與計(jì)算機(jī)網(wǎng)絡(luò)及數(shù)據(jù)庫系統(tǒng)的綜合經(jīng)營管理模式相結(jié)合，是現(xiàn)實(shí)客觀的需要。　　本文主要是采用ASP.Net和SQlServer2005開發(fā)的鮮花銷售系

12、統(tǒng)，目標(biāo)是實(shí)現(xiàn)一個以銷售為中心的網(wǎng)上花店管理系統(tǒng)，構(gòu)建用戶信息與賬號，賬號與訂單信息有機(jī)結(jié)合的業(yè)務(wù)系統(tǒng)。提供了包括傳統(tǒng)業(yè)務(wù)中最基本的用戶注冊、登錄、查詢、訂購、購物車管理、生成訂單、鮮花信息管理、用戶信息管理及訂單信息管理等功能，是一個比較完善的系統(tǒng)。　?。ǘ┕δ苄枨蠓治?lt;/b>　　網(wǎng)站分為兩個部分：前臺服務(wù)和后臺管理，其

13、功能如下：　　1.前臺設(shè)計(jì)主要實(shí)現(xiàn)：　　(1)網(wǎng)站采用紅色為主色調(diào)，突出鮮花主題，讓顧客感受到一種氛圍，帶著一種愉悅的心情瀏覽我們網(wǎng)站。　　(2)客戶在瀏覽我們網(wǎng)站的鮮花時，根據(jù)商品的分類可以查看不同類型的鮮花，也可以直接在站內(nèi)搜索自己想看的鮮花品種。　　(3)當(dāng)看中的鮮

14、花可以點(diǎn)擊查看詳細(xì)內(nèi)容以及加入購物車直到最終購買。　　(4)當(dāng)用戶提交訂單以后可以查詢訂單，首頁也有滾動的訂單發(fā)貨情況的顯示。　　(5)用戶可以對網(wǎng)站進(jìn)行留言的操作。　　(6)客戶可以查看網(wǎng)站的最新公告以及一些關(guān)于鮮花的文章。　　(7)管理員可以通過入口進(jìn)入后臺管理。 &

15、lt;/p>　　2. 后臺管理主要實(shí)現(xiàn)：　　(1)管理員管理在我們網(wǎng)站注冊的客戶的一些基本資料，客戶根據(jù)積分分為不同的等級，以及相應(yīng)的等級管理。　　(2)查看購物表以及管理訂單，可以對訂單進(jìn)行審核以及發(fā)貨。訂單報(bào)表的打印，查看銷售業(yè)績。　　(3)可以對前臺用戶的留言進(jìn)行審核和回復(fù)。&l

16、t;/p>　　(4)發(fā)布一些網(wǎng)站的公告和關(guān)于鮮花的一些文章。對其進(jìn)行增刪改查。　　(5)管理鮮花的進(jìn)貨，庫存的管理，以及鮮花的分類和熱賣，特賣的推薦。　　(6)主要還原和備份數(shù)據(jù)庫，保證系統(tǒng)數(shù)據(jù)的完整性和安全性。送貨和付款方式的增刪改查。　　(7)管理本花店的基本信息，對其進(jìn)行修改的操

17、作。　　(8)對員工信息的管理，以及密碼能進(jìn)行修改操作。　?。ㄈ╅_發(fā)環(huán)境需求　　操作系統(tǒng)：Windows XP/ Windows 2003。　　數(shù)據(jù)庫：SQL Server 2005。　　開

18、發(fā)工具：Microsoft Visual Studio 2008　　輔助開發(fā)工具：Photoshop CS2、Flash8。　　（四）可行性分析　　1.經(jīng)濟(jì)可行性分析　　在我國，網(wǎng)上購物從無到有也

19、不過短短幾年時間。如今已經(jīng)普及到每個人得身上，根據(jù)CNNIC的統(tǒng)計(jì)結(jié)果，截止2009年1月中國有互聯(lián)網(wǎng)用戶7950萬人，而又有40.7%以上的網(wǎng)民在過去的一年里有過網(wǎng)上購物經(jīng)歷，這就說明中國有網(wǎng)上購物的用戶達(dá)是3235.7萬人，并且這一數(shù)字還在以17%左右的速度增長，預(yù)計(jì)到2010年中國網(wǎng)上購物用戶將達(dá)到10262萬人，這說明在中國發(fā)展網(wǎng)上購物具有良好的群眾基礎(chǔ)，網(wǎng)上購物方式越來越被大家所接受。電子商務(wù)的功能也日趨完善，軟件行業(yè)的飛速發(fā)

20、展，為網(wǎng)站的開發(fā)提供了充分的條件。單獨(dú)的鮮花店，已經(jīng)滿足不了市場的需求，鮮花在網(wǎng)上銷售，能滿足更多，更遠(yuǎn)顧客的要求。　　2.技術(shù)可行性分析　　網(wǎng)上花店管理系統(tǒng)采用了當(dāng)前的主流計(jì)算結(jié)構(gòu)—B/S模式進(jìn)行開發(fā)，前臺開發(fā)工具選用Microsoft Visual Studio 2008平臺。ASP.net, JavaScrip

21、t等語言的運(yùn)用 Microsoft Visual Studio 2008是一種可視化的、面向?qū)ο蟮腤indows開發(fā)語言，Microsoft Visual Studio 2008具有易用、通用和開發(fā)效率高的特點(diǎn)。后臺的數(shù)據(jù)庫開發(fā)工具選用了Microsoft SQL Server 2005，它能夠處理大量數(shù)據(jù)，同時保持?jǐn)?shù)據(jù)完整性并提供許多高級管理和數(shù)據(jù)分配功能。這兩種開發(fā)工具功能強(qiáng)大，有較好的接口，作為本系統(tǒng)開發(fā)工具是可行的。</p

22、>　　三、系統(tǒng)設(shè)計(jì)　　（一）系統(tǒng)功能圖　　根據(jù)上述系統(tǒng)功能的需求分析，按照結(jié)構(gòu)化程序設(shè)計(jì)的需求，得到如下的后臺的系統(tǒng)模塊圖。如圖3-1所示。　　圖3-1 系統(tǒng)功能圖&

23、lt;b>　　1.用戶管理模塊　　此模塊包括了員工信息的添加、刪除、修改、查詢以及管理員和員工密碼修改的部分。　　2.客戶管理模塊　　此模塊包括了對客戶信息的查詢、客戶類型增刪改查的管理、客戶的購買量以及金額和積分的管理。 &

24、lt;p>　　3.業(yè)績管理模塊　　此模塊主要是對鮮花銷售的情況進(jìn)行查詢和報(bào)表的打印，以及對訂單的查詢和商品的發(fā)貨管理。　　4.新聞管理模塊　　此模塊主要是網(wǎng)站公告的添加，修改，刪除和發(fā)布，以及一些關(guān)于鮮花文章的添加，修改，刪除和發(fā)布

25、。　　5.論壇管理模塊　　主要是管理顧客的意見反饋，審核留言內(nèi)容，給予及時的回復(fù)。　　6.商品管理模塊　　此模塊中主要是對鮮花的采購，庫存的管理，鮮花信息的修改和刪除以及對鮮花進(jìn)行分類。</

26、p>　　7.商店信息管理模塊　　此模塊中主要是對商店的基本信息進(jìn)行管理。 　　8.基本設(shè)置模塊　　此模塊主要是數(shù)據(jù)庫的還原與備份以及送貨方式和付款方式的添加，修改，刪除，查詢。 　?。ǘ┕芾韱T系統(tǒng)活動圖

27、如圖3-2所示。　　圖3-2 系統(tǒng)活動圖　　（三）系統(tǒng)用例圖如圖3-3所示。　　圖3-3 系統(tǒng)用例圖　　（四）前臺購物流程圖如圖3-4所示。　　圖3-4 前臺購物流程圖<b

28、>　　四、數(shù)據(jù)庫設(shè)計(jì)　　數(shù)據(jù)庫的設(shè)計(jì)在系統(tǒng)的開發(fā)中尤為重要，要考慮整個業(yè)務(wù)流程的邏輯關(guān)系。　　1．首先充分體現(xiàn)系統(tǒng)的需求，數(shù)據(jù)庫是為應(yīng)用服務(wù)的，好的數(shù)據(jù)庫設(shè)計(jì)應(yīng)該首先能滿足應(yīng)用系統(tǒng)的業(yè)務(wù)需求，準(zhǔn)確的表達(dá)數(shù)據(jù)間關(guān)系。　　2．保證數(shù)據(jù)的準(zhǔn)確性和一致性，通過主外鍵、非空、限制、唯一索引等保證數(shù)

29、據(jù)的健壯。　　3．提高數(shù)據(jù)的查詢效率，通過合理表結(jié)構(gòu)，安排物理存儲分區(qū)、增加索引等方式，提高數(shù)據(jù)的讀取速度，提高查詢效率。　　4．有好的擴(kuò)展性，在必要時能根據(jù)需求擴(kuò)展數(shù)據(jù)結(jié)構(gòu)。　?。ㄒ唬〦-R模型圖　　ER圖簡潔的反映出整個流程的概況

30、和系統(tǒng)中所有實(shí)體之間相對應(yīng)的關(guān)系，綜合了管理員在整個系統(tǒng)中的聯(lián)系和各自的安排，前臺服務(wù)顧客的購物流程等，把系統(tǒng)的內(nèi)部聯(lián)系明了化。如圖4-1所示。　　圖4-1 ER模型圖　?。ǘ?shù)據(jù)庫模型圖　　圖中顯示了數(shù)據(jù)庫中有哪些表，各張表在數(shù)據(jù)庫中所存在的聯(lián)系，即他們之間的主外鍵的

31、關(guān)系。如圖4-2所示。　　圖4-2 數(shù)據(jù)庫模型圖　　（三）數(shù)據(jù)庫表設(shè)計(jì)　　經(jīng)過分析，系統(tǒng)中建立了數(shù)據(jù)庫NetFlower，并創(chuàng)建了如下表：如圖4-3所示。 　　圖4-3 數(shù)據(jù)庫表<

32、b>　?。ㄋ模?shù)據(jù)字典 　　表4-1 Article（章信息表）　　表4-2 Customer（客戶信息表）　　表4-3 Delivery（送貨方式表）　　表4-4 FlowerInfo（鮮花信息表）

33、　表4-5 OrderInfo（訂單信息表）　　表4-6 News（新聞信息表）　　表4-7 QuestionInfo（留言信息表）　　表4-8 Shopping（商店信息表）　　五、系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)　?。ㄒ唬?/p>

34、前臺網(wǎng)站　　1.網(wǎng)站首頁　　網(wǎng)站首頁是套用模板，在加上兩個自定義控件組成，頭部和底部是套用的模板，頂部網(wǎng)站的導(dǎo)航展示網(wǎng)站的主要功能，一張鮮花的flash圖片簡單而顯得優(yōu)美讓人賞心悅目。首頁主要是產(chǎn)品的展示，有熱賣和特賣推薦，以及左邊的菜單何以查找不同類型的鮮花。點(diǎn)擊鮮花查看詳細(xì)信息，繼而購買。首頁

35、還展示網(wǎng)站的一些公告，以及文章的信息，都可點(diǎn)擊進(jìn)入詳細(xì)內(nèi)容，訂單的滾動查看以及登陸后的個人訂單的查看都可實(shí)現(xiàn)。購物車信息，會員登錄，注冊一應(yīng)俱全。如圖5-1所示。　　圖5-1 網(wǎng)站首頁　?。?）網(wǎng)站首頁UI層前臺代碼　　綁定鮮花信息，采用datalist綁定數(shù)據(jù)庫的數(shù)據(jù)，主要

36、實(shí)現(xiàn)代碼如下：　　<asp:DataList ID="FlowerList" runat="server" RepeatDirection="Horizontal" Width="100%"　　RepeatColumns="4"></p&

37、gt;　　<ItemTemplate>　　<table border="0" cellpadding="0" cellspacing="0" height="200" width="128">

38、　　<tr>　　<td>　　<div align="center">　　<a href='seeflower.aspx?id=<%# Eval("FlowerID&quo

39、t;) %>'>　　<img id="Img1" runat="server" border="0" height="102" src='<%#InsertXXX(Eval("picture").ToString())%>'width=&quo

40、t;102" /></a>　　</div></td></tr><tr><td height="20">　　<div align="center"><a href='seeflower.aspx?id=&

41、lt;%# Eval("FlowerID") %>' class="B">　　<asp:Label ID="Label5" runat="server" Text='<%#Eval("FlowerName")%>'></asp:La

42、bel></a></div></td></tr>　　<tr><td height="20"><div align="center">　　<asp:Label ID="Label1" runat=&qu

43、ot;server" Text='市場價(jià):￥'>　　</asp:Label><asp:Label ID="Label3" runat="server" Text='<%#Eval("martprice")%>'></asp:Label>元&l

44、t;/div></td></tr>　　<tr><td height="20">　　<div align="center"><asp:Label ID="Label2" runat="server" Tex

45、t='會員價(jià):￥'></asp:Label>　　<asp:Label ID="Label4" runat="server" Text='<%#Eval("MemberPrice")%>'></asp:Label>元<p&g

46、t;　　</div></td></tr></table></ItemTemplate><ItemStyle BorderColor="#FFC0FF" BorderStyle="Dotted" BorderWidth="1px" />　　<SelectedIt

47、emStyle BorderColor="#8080FF" /></asp:DataList> 　?。?）網(wǎng)站首頁UI層后臺代碼　　調(diào)用BU層的查詢方法，獲取鮮花的信息，主要實(shí)現(xiàn)代碼如下：　　protected void SelectPicture()

48、　　{　　MyDataTable = MyFlowerInfoManager.SelectPicture().Tables[0];　　FlowerList.DataSource = MyDataTable;　　FlowerList.DataBind();&l

49、t;/p>　　}　　public string InsertXXX(string XXX)　　{　　return XXX.Insert(2, "/Manager");

50、　　}　　（3）網(wǎng)站首頁BU層代碼　　定義綁定查詢的函數(shù)，運(yùn)用Sql語句從數(shù)據(jù)庫中讀取前八行的數(shù)據(jù)，主要實(shí)現(xiàn)代碼如下：　　public DataSet SelectPicture()　　{</

51、b>　　DataSet myDs = new DataSet();　　string SqlQuery = "select top 8 FlowerID,Picture,FlowerName,MartPrice,MemberPrice from FlowerInfo where IsHot=1 and [Count]>0 "

52、;　　myDs = MyDataBase.GetList(SqlQuery);　　return myDs;　　} 　　2.鮮花詳細(xì)信息頁面　　本頁面是顧客點(diǎn)擊看中的鮮花后跳轉(zhuǎn)的頁面

53、，主要是看花的詳細(xì)信息，以及查看購物流程，可以點(diǎn)擊放入購物車，也可以繼續(xù)購物，返回首頁。如圖5-2所示。　　圖5-2 鮮花詳細(xì)信息頁面　　（1）鮮花信息頁面UI層前臺代碼　　用table搭建，顯示鮮花的詳細(xì)信息。Button按鈕的click事件跳轉(zhuǎn)頁面，主要實(shí)現(xiàn)代碼如下：

54、;　　<tr>　　<td align="left" background="images/shangpinfeilei1.jpg" height="46" colspan="2">　　市場價(jià)：<asp:La

55、bel ID="priceLb" runat="server"></asp:Label>元　　</td>　　</tr>　　…………<

56、/b>　　<tr style="font-weight: bold; color: red">　　<td align="left" background="images/shangpinfeilei1.jpg" height="46" colspan=

57、"2">　　<a href="#"></a>　　<asp:ImageButton ID="ImageButton1" runat="server" Height="41px" ImageUrl="images/

58、go.gif"　　OnClick="ImageButton1_Click" /> 　　<asp:ImageButton ID="ImageButton2" runat="server" Height="36px" ImageUrl=&q

59、uot;images/goon.gif"　　OnClick="ImageButton2_Click" Width="132px" /> 　　 　　</td&

60、gt;　　（2）鮮花信息頁面UI層后臺代碼　　從數(shù)據(jù)庫查詢數(shù)據(jù)，賦值給相對應(yīng)的label.text，主要實(shí)現(xiàn)代碼如下：　　protected void Page_Load(object sender, EventArgs e)　　{&

61、lt;/b>　　if (!IsPostBack)　　{　　string FlowerID = Request.QueryString["ID"];　　ViewState["FlowerID"

62、;] = FlowerID;　　SelectFlower();　　}　　}　　protected void SelectFlower()

63、　　{　　string paramID = ViewState["FlowerID"].ToString(); 　　MyDt = MyFlowerInfoManager.SelectFlower(paramID).Tables[0];　　if (MyDt.Rows

64、.Count != 0)　　{　　Label1.Text = MyDt.Rows[0]["Integral"].ToString(); 　　this.DataList1.DataSource = MyDt;　　th

65、is.DataList1.DataBind();　　nameLb.Text = MyDt.Rows[0]["FlowerName"].ToString();　　priceLb.Text = MyDt.Rows[0]["MartPrice"].ToString();　　sal

66、epriceLb.Text = MyDt.Rows[0]["MemberPrice"].ToString();　　this.Label2.Text = MyDt.Rows[0]["Florid"].ToString(); 　　}<

67、;b>　　}　?。?）鮮花信息頁面BU層代碼　　根據(jù)鮮花的種類FlowerTypeID，從數(shù)據(jù)庫查詢相應(yīng)鮮花的DataSet，主要實(shí)現(xiàn)代碼如下：　　public DataSet SelectFlower(string paramFlowerTypeID)<p

68、>　　{　　DataSet myDataSet = new DataSet();　　string sqlQuery = " select FlowerID,Picture,FlowerName,MartPrice,MemberPrice,Florid,(MemberPrice*0.1) as Inte

69、gral from FlowerInfo where FlowerID='" + paramFlowerTypeID + "'";　　myDataSet = MyDataBase.GetList(sqlQuery);　　return myDataSet;<b&g

70、t;　　} 　　圖5-3 采用放大鏡查看　?。?）放大鏡查看頁面代碼　　本頁面主要是用JavaScript代碼實(shí)現(xiàn)，代碼如下：　　(function($){　　$.fn.jqueryzoom = functi

71、on(options){　　var settings = {　　xzoom: 470,yzoom: 300,offset: 10,position: "right" };if(options) {　　$.extend(settings, options);<

72、;p>　　}　　$(this).hover(function(){　　var imageLeft = $(this).get(0).offsetLeft;　　var imageRight = $(this).get(0).offsetRight;

73、　　var imageTop = $(this).get(0).offsetTop;　　var imageWidth = $(this).get(0).offsetWidth;　　var imageHeight = $(this).get(0).offsetHeight;　　var bigim

74、age = $(this).attr("bigpp");　　if($("div.zoomdiv").get().length == 0){　　$(this).after("<div class='zoomdiv'><img class='bigimg' s

75、rc='"+bigimage+"'/></div>");　　}　　………… 　　function MouseEvent(e) {<p&g

76、t;　　this.x = e.pageX　　this.y = e.pageY}　　3.加入購物車　　當(dāng)查看鮮花的詳細(xì)信息之后滿意的話可以加入購物車，本頁顯示你所有加入購物車的商品，你還可以進(jìn)行修改數(shù)量，以及刪除購物車的信息，離開重新購物，如果滿意可以提交訂單。如圖5-4所示。

77、　　圖5-4 購物車信息頁面　?。?）加入購物車頁面UI層前臺代碼　　采用DataGrid綁定表shopping的數(shù)據(jù)，顯示用戶的購物車信息，主要實(shí)現(xiàn)代碼如下：　　<asp:DataGrid ID="ShopCart" runat="s

78、erver" AutoGenerateColumns="False" BorderWidth="1px" CellPadding="4" Font-Names="Verdana" ForeColor="#333333" GridLines="Vertical"Width="764px" O

79、nDeleteCommand="ShopCart_DeleteCommand" OnItemCommand="ShopCart_ItemCommand" OnItemDataBound="ShopCart_ItemDataBound"><Columns><asp:BoundColumn DataField="ID" HeaderTex

80、t="編號"></asp:BoundColumn> 　　…………　　<asp:ButtonColumn CommandName="Delete" HeaderText="刪除" Text="<div id=&

81、amp;quot;de" onclick="javascript:return confirm('執(zhí)行此項(xiàng)操作，信息將無法恢復(fù)，確認(rèn)刪除嗎？');">刪除</div>"></asp:ButtonColumn><asp:ButtonColumn ButtonType="PushButt

82、on" CommandName="update" HeaderText="更新" Text="更新"> </asp:ButtonColumn></Columns><HeaderStyle BackColor="#FFE6EF" Font-Bold="True&

83、quot; ForeColor="Black" /></asp:DataGrid>　　（2）加入購物車頁面UI層后臺代碼　　根據(jù)登陸的用戶名從shopping表中查詢記錄，在DataGrid的刪除事件里根據(jù)shoppingID刪除購物車信息，主要實(shí)現(xiàn)代碼如下：　　protec

84、ted DataTable SelectShopping()　　{　　string paramname = Session["UserName"].ToString();　　string paramID = MyShoppingManager.GetID(

85、paramname).Rows[0][0].ToString();　　MyDt = MyShoppingManager.SelectShopping1(paramID);　　this.ShopCart.DataSource = MyDt;　　this.ShopCart.DataBind();

86、　　return MyDt; } 　　protected void ShopCart_DeleteCommand(object source, DataGridCommandEventArgs e)　　{ string id = e.Item.Cells[0].Text;　　MyShop

87、pingManager.deleteshopping(id);　　jisuan();　　jisuanjifen();　　SelectShopping();} 　　（3）加入購物車頁面BU層代碼

88、　　調(diào)用Insert Sql語句向購物添加信息，主要實(shí)現(xiàn)代碼如下：　　public int IntoBus(ShoppingData MyShoppingData) { string sqlQuery = "Insert into Shopping (CusID,FlowerID,MartPrice,FactPrice,Count,Integral,ShopTime,IsBuy)Val

89、ues　　('" + MyShoppingData.CusID + "','" + MyShoppingData.FlowerID　　+ "','" + MyShoppingData.MartPrice + "',<p

90、>　　'" + MyShoppingData.FactPrice + "',　　'" + MyShoppingData.Count + "','" + MyShoppingData.Integral + "',　　'" +

91、MyShoppingData.ShopTime + "','"+MyShoppingData.IsBuy+"')";　　int returnValue = myDataBase.ExecuteNonQuery(sqlQuery);　　return returnValue; }</p&g

92、t;　　4．客戶留言頁面　　在本頁面客戶可以對我們網(wǎng)站以及鮮花的信息，送貨情況進(jìn)行留言反饋，管理員會在后臺及時進(jìn)行審核和回復(fù)?？蛻袅粞詴r要登記一下基本的信息，以方便我們聯(lián)系。如圖5-5所示。　　圖5-5 客戶留言頁面　?。?）客戶留言頁面UI層前臺代碼

93、　　TextBox填寫留言用戶的信息，點(diǎn)擊提交按鈕提交留言信息，點(diǎn)擊查看留言回復(fù)按鈕查看留言回復(fù)內(nèi)容，主要實(shí)現(xiàn)代碼如下：　　<tr><td align="center" >nbsp; 姓名： </td><td class="style26">

94、 　　<input id="txtName" type="text" />　　<label id="lblName" style="color: Red;">　　*<

95、;/label>　　</td><td align="center" rowspan="4">　　<img src="images/liuleft.png" style="width: 208px; height: 176px&q

96、uot; /> </td> </tr> 　　…………　　<tr><td colspan="2" align="right"><input id="btnS

97、ubmit" type="button" value="提交" onclick="Submit()" /> <asp:Button ID="btnBack" runat="server" onclick="btnBack_Click" Text="查看留言反饋" />&l

98、t;/p>　　</td></tr>　?。?）客戶留言頁面UI層后臺代碼　　用Ajax 獲取TextBox的值，調(diào)用BU層添加方法，添加留言信息，主要實(shí)現(xiàn)代碼如下：　　[AjaxPro.AjaxMethod()]　　pub

99、lic void SubmitQuestion(string paramName, string paramEmail, string paramTitle, string paramContent)　　{　　QuestionInfoManager paramQuestionInfo = new QuestionIn

100、foManager();　　paramQuestionInfo.CusName = paramName;　　…………　　paramQuestionInfo.CreateTime = System.DateTime.Now.ToString();<

101、p>　　paramQuestionInfo.IsCheck = "否";　　MyQuestionInfoManager.InsertInfo(paramQuestionInfo);　　} 　?。?）客戶留言頁面BU層代碼<

102、;p>　　Sql語句insert into ，向數(shù)據(jù)庫插入留言的信息，主要實(shí)現(xiàn)代碼如下：　　public int InsertInfo(QuestionInfoData MyQuestionInfoData)　　{　　int returnValue = 0;</p

103、>　　string SqlQuery = "INSERT INTO [NetFlower].[dbo].[QuestionInfo]([CusName],[Question],[Answer],[Email],CreateTime,IsCheck)VALUES('" + MyQuestionInfoData.CusName + "','" + M

104、yQuestionInfoData.Question + "','" + MyQuestionInfoData.Answer + "','" + MyQuestionInfoData.Email + "','" + MyQuestionInfoData.CreateTime + "','" +

105、MyQuestionInfoData.IsCheck + "')";　　returnValue=MyDataBase.ExecuteNonQuery(SqlQuery);　　return returnValue;}　?。ǘ┖笈_管理</p&g

106、t;　　1.后臺管理主頁面　　主頁面由iframe框架搭建而成，左邊是javascript 寫的一個treeview 主要展示系統(tǒng)的總模塊，頂部是系統(tǒng)的一些基本信息以及操作。點(diǎn)擊treeview 右邊會出現(xiàn)相應(yīng)模塊的信息。也可以點(diǎn)擊右面的圖例，進(jìn)入相應(yīng)的頁面。如圖5-6所示。　　5-6 后臺管

107、理主頁面　?。?）后臺管理主頁面UI層前臺代碼　　利用Js創(chuàng)建樹，形成模塊的菜單,主要實(shí)現(xiàn)代碼如下：　　<script type="text/javascript">　　var tree = null; var root = new Tre

108、eNode('系統(tǒng)菜單'); var fun1 = new TreeNode('用戶管理'); root.add(fun1);　　var fun2 = new TreeNode('員工信息', 'Web_Staff/UIWeb_StaffManager.aspx', 'tree_node.gif', null, &#

109、39;tree_node.gif', null); fun1.add(fun2); 　　…… …… 　　var fun38 = new TreeNode('商店管理'); var fun39 = new TreeNode('商店信息', 'ShopIn

110、fo/UIShopInfoEdit.aspx', 'tree_node.gif', null, 'tree_node.gif', null);　　fun38.add(fun39); root.add(fun38);　　tree = new Tree(root); tree.show('menuTre

111、e');　　</script>　　（2）后臺管理主頁面UI層前臺代碼　　用Attributes給服務(wù)器控件添加Html的鏈接方法，點(diǎn)擊tree 出現(xiàn)鏈接的頁面，主要實(shí)現(xiàn)代碼如下：　　public void Init

112、ProtalBar(){　　this.Protalbtn1.Attributes.Add("href", base.GetBaseUrl() + "Index.aspx");　　…… 　　this.Protalbtn5.Attribut

113、es.Add("href", "../Manager/Web_Staff/StaffPassWord.aspx"); this.Protalbtn5.Attributes.Add("target", "frameContent");　　…………&

114、lt;p>　　base.JsWrite("OldSystem=" + this.Protalbtn4.ClientID, "Default");}　　2．鮮花信息管理頁面　　本頁面主要是對鮮花的采購以及庫存的管理，當(dāng)庫存不足會出現(xiàn)紅色預(yù)警，可以根據(jù)條件查詢鮮花的信息。如圖5-7所示。&

115、lt;p>　　5-7 鮮花信息管理頁面　?。?）鮮花信息管理頁面UI層前臺代碼　　采用Gridview 綁定鮮花的詳細(xì)信息，還可以根據(jù)鮮花的編號，鮮花的名稱等條件進(jìn)行模糊查詢，主要實(shí)現(xiàn)代碼如下：　　<asp:GridView ID="grdvMessage" runat=&quo

116、t;server" AutoGenerateColumns="False" BackColor="#E7E7FF"　　BorderStyle="Ridge" DataKeyNames="ID" Height="5px" Width="100%" OnRowDataBo

117、und="grdvMessage_RowDataBound">　　<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />　　<Columns><

118、;p>　　<asp:TemplateField>　　<HeaderTemplate>　　<input id="chkAll" onclick="SelectAll(this, 99)" type="checkbox" /><

119、p>　　…… 　　<asp:TemplateField HeaderText="詳細(xì)">　　<ItemStyle HorizontalAlign="Center"></ItemStyle>

120、　　<ItemTemplate>　　<asp:ImageButton ID="imgbtnDetail" runat="server" CommandArgument='<%# Eval("ID") %>' SkinID="btnDetail"></asp:I

121、mageButton>　　</ItemTemplate>　　</asp:TemplateField>　　</Columns>　　<RowStyle BackColor="White" CssClass=&

122、quot;GridRow" Height="5px" HorizontalAlign="Center" />　　<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />&l

123、t;/p>　　<PagerStyle ForeColor="#4A3C8C" HorizontalAlign="Right" />　　<HeaderStyle CssClass="GridHeader" Font-Bold="True" />

124、　　<AlternatingRowStyle BackColor="#F7F7F7" Height="5px" />　　</asp:GridView>　?。?）鮮花信息管理頁面UI層后臺代碼　　調(diào)用BU層的模糊查詢的方法，主要實(shí)現(xiàn)代

125、碼如下：　　public void BindGrid(int paramPageIndex, int paramPageSize)　　{　　FlowerInfoManager myFlowerInfo = new FlowerInfoManager();

126、　　myDs = myFlowerInfo.Search(null, this.myQueryData);　　this.Master.BindData(this.grdvMessage, myDs.Tables[0].DefaultView);　　}

127、（3）鮮花信息管理頁面BU層代碼　　從數(shù)據(jù)庫讀取數(shù)據(jù)鮮花的所有信息，要實(shí)現(xiàn)代碼如下：　　public DataSet SelectFlower(string paramFlowerTypeID)　　{　　DataSet myDataS

128、et = new DataSet();　　string sqlQuery = " select FlowerID,Picture,　　FlowerName,MartPrice,MemberPrice,　　Florid,(MemberPrice*0.1) as Integral from FlowerIn

129、fo　　where FlowerID='" + paramFlowerTypeID + "'";　　myDataSet = MyDataBase.GetList(sqlQuery);　　return myDataSet;<

130、;b>　　}　　3．鮮花的添加修改頁面　　本頁面主要是對鮮花的信息進(jìn)行修改，以及添加庫存，減少庫存，對庫存量進(jìn)行預(yù)警，可以上傳鮮花圖片。如圖5-8所示。　　圖5-8 鮮花添加修改頁面　?。?）鮮花添加修改頁面UI層前臺代碼

131、　　用table搭建的，TextBox填寫添加的鮮花信息，主要實(shí)現(xiàn)代碼如下：　　<tr><td style="width: 100px">　　鮮花編號　?。?lt;/td></b&

132、gt;　　<td style="width: 120px">　　<asp:TextBox ID="txtFlowerID" runat="server" Width="100%" 　　ontextchanged=&q

133、uot;txtFlowerID_TextChanged" AutoPostBack="true"></asp:TextBox>　　</td>　　<td style="width: 40px"><p

眾賞文庫> 全部分類> 畢業(yè)設(shè)計(jì)

溫馨提示

1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 眾賞文庫僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

畢業(yè)設(shè)計(jì)---網(wǎng)上花店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

文檔簡介

溫馨提示

最新文檔

評論

免費(fèi)下載