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

1、 目錄摘要 ： 1一、引言1二、需求分析2（一）開(kāi)發(fā)背景2（二）功能需求分析2（三）開(kāi)發(fā)環(huán)境需求3（四）可行性分析3三、系統(tǒng)設(shè)計(jì)4（一）系統(tǒng)功能圖4（二）管理員系統(tǒng)活動(dòng)圖 5（三）系統(tǒng)用例圖 6（四）前臺(tái)購(gòu)物流程圖 6四、數(shù)據(jù)庫(kù)設(shè)計(jì)7（一）e-r模型圖7（二）數(shù)據(jù)庫(kù)模型圖7（三）數(shù)據(jù)庫(kù)表設(shè)計(jì)8（四）數(shù)據(jù)字典 9五、系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)11（一）前臺(tái)網(wǎng)站11（二）后臺(tái)管理20六、系統(tǒng)測(cè)試26七、小結(jié)26八、參考文獻(xiàn)2729 網(wǎng)上花店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 摘要 ：21世紀(jì)是個(gè)日新月異的時(shí)代，一切的更新速度都是如此之快，人們生活的節(jié)奏也隨之提高，時(shí)間已經(jīng)成為一種奢侈品，再也容不得我們?nèi)]霍半分，網(wǎng)上購(gòu)

2、物順應(yīng)時(shí)代的潮流，走入了人們的日常生活，網(wǎng)上購(gòu)物突破了傳統(tǒng)商務(wù)的障礙，無(wú)論對(duì)消費(fèi)者、企業(yè)還是市場(chǎng)都有著巨大的吸引力和影響力，在新經(jīng) 濟(jì)時(shí)期無(wú)疑是達(dá)到“多贏”效果的理想模式。鮮花在人們的生活中是不可或缺的人類(lèi)情感的傳遞者，但是快節(jié)奏的生活，讓他們?nèi)鄙倭诉@樣的機(jī)會(huì)去表達(dá)，網(wǎng)上花店提供這樣一個(gè)平臺(tái)，快捷，方便，安全，讓他們?cè)诿ψ约旱氖虑榈耐瑫r(shí)，也能保留這份美好。下面我將介紹一下我們網(wǎng)上花店管理系統(tǒng)的功能，流程。關(guān)鍵詞：網(wǎng)上鮮花銷(xiāo)售；后臺(tái)管理系統(tǒng)；購(gòu)物車(chē)；訂單一、引言上世紀(jì)90年代以來(lái)，隨著網(wǎng)絡(luò)、通信和信息技術(shù)的突破性進(jìn)展，internet在全球爆炸性增長(zhǎng)并迅速普及。在這一前提下，電子商務(wù)應(yīng)運(yùn)而生了。

3、電子商務(wù)是基于互聯(lián)網(wǎng)、以交易雙方為主體、以銀行電子支付和結(jié)算為手段、以客戶數(shù)據(jù)為依托的全新的商務(wù)模式，它可以使商家與供應(yīng)商更緊密地聯(lián)系起來(lái)，更快地滿足客戶需求，也可以讓商家在全球范圍內(nèi)選擇最佳供應(yīng)商。據(jù)調(diào)查，中國(guó)經(jīng)常網(wǎng)上購(gòu)物人數(shù)已達(dá)3000萬(wàn)人，有1/4的網(wǎng)民有過(guò)購(gòu)物經(jīng)歷。與上年同期相比，經(jīng)常購(gòu)物的網(wǎng)民增長(zhǎng)了50%。國(guó)網(wǎng)上購(gòu)物市場(chǎng)巨大，從交易額來(lái)看，根據(jù)統(tǒng)計(jì)，2009上半年我國(guó)網(wǎng)上購(gòu)物者累計(jì)購(gòu)物金額達(dá)到100億元。相比之下，去年全年也只有34億元。 隨著中國(guó)電子商務(wù)環(huán)境的不斷改善，網(wǎng)上購(gòu)物以其便捷、省時(shí)、省錢(qián)和安全等特點(diǎn)日益為人們所熟悉和青睞，這樣的機(jī)遇之下，網(wǎng)上購(gòu)物網(wǎng)站也必將迅速崛起。同時(shí)網(wǎng)

4、上購(gòu)物網(wǎng)站涉及范圍也在不斷的擴(kuò)大。網(wǎng)上鮮花銷(xiāo)售網(wǎng)站也在市場(chǎng)的巨大需求之下產(chǎn)生。 目前，世界各國(guó)紛紛看好電子商務(wù)這塊新大陸，普遍認(rèn)為電子商務(wù)的發(fā)展將是未來(lái)25年世界經(jīng)濟(jì)發(fā)展的一個(gè)重要推動(dòng)力，對(duì)經(jīng)濟(jì)的促進(jìn)將遠(yuǎn)遠(yuǎn)超過(guò)200年前的工業(yè)革命。著名經(jīng)濟(jì)調(diào)查評(píng)論家robert metcalfe聲稱：聯(lián)網(wǎng)的價(jià)值等于（與之相聯(lián)結(jié)的）網(wǎng)點(diǎn)數(shù)量的平方。 二、需求分析（一）開(kāi)發(fā)背景鮮花本身是一種比較容易在網(wǎng)絡(luò)上進(jìn)行銷(xiāo)售的產(chǎn)品，不存在網(wǎng)上和現(xiàn)實(shí)中具有較大的品質(zhì)差異，在網(wǎng)上挑選更加直觀和方便，而且現(xiàn)在大部分網(wǎng)上的花店都將訂花、送花合并成一條龍服務(wù)，讓買(mǎi)花的網(wǎng)民越加方便。輕松點(diǎn)擊之間，鮮花與衷心的祝福便可以準(zhǔn)時(shí)送抵家人或朋

5、友。所以，設(shè)計(jì)一個(gè)能進(jìn)行鮮花查詢、訂購(gòu)及管理功能的網(wǎng)上花店管理系統(tǒng)，將傳統(tǒng)的花店經(jīng)營(yíng)管理模式與計(jì)算機(jī)網(wǎng)絡(luò)及數(shù)據(jù)庫(kù)系統(tǒng)的綜合經(jīng)營(yíng)管理模式相結(jié)合，是現(xiàn)實(shí)客觀的需要。本文主要是采用asp.net和sqlserver2005開(kāi)發(fā)的鮮花銷(xiāo)售系統(tǒng)，目標(biāo)是實(shí)現(xiàn)一個(gè)以銷(xiāo)售為中心的網(wǎng)上花店管理系統(tǒng)，構(gòu)建用戶信息與賬號(hào)，賬號(hào)與訂單信息有機(jī)結(jié)合的業(yè)務(wù)系統(tǒng)。提供了包括傳統(tǒng)業(yè)務(wù)中最基本的用戶注冊(cè)、登錄、查詢、訂購(gòu)、購(gòu)物車(chē)管理、生成訂單、鮮花信息管理、用戶信息管理及訂單信息管理等功能，是一個(gè)比較完善的系統(tǒng)。（二）功能需求分析網(wǎng)站分為兩個(gè)部分：前臺(tái)服務(wù)和后臺(tái)管理，其功能如下：1.前臺(tái)設(shè)計(jì)主要實(shí)現(xiàn)：(1)網(wǎng)站采用紅色為主色調(diào)

6、，突出鮮花主題，讓顧客感受到一種氛圍，帶著一種愉悅的心情瀏覽我們網(wǎng)站。(2)客戶在瀏覽我們網(wǎng)站的鮮花時(shí)，根據(jù)商品的分類(lèi)可以查看不同類(lèi)型的鮮花，也可以直接在站內(nèi)搜索自己想看的鮮花品種。(3)當(dāng)看中的鮮花可以點(diǎn)擊查看詳細(xì)內(nèi)容以及加入購(gòu)物車(chē)直到最終購(gòu)買(mǎi)。(4)當(dāng)用戶提交訂單以后可以查詢訂單，首頁(yè)也有滾動(dòng)的訂單發(fā)貨情況的顯示。(5)用戶可以對(duì)網(wǎng)站進(jìn)行留言的操作。(6)客戶可以查看網(wǎng)站的最新公告以及一些關(guān)于鮮花的文章。(7)管理員可以通過(guò)入口進(jìn)入后臺(tái)管理。 2. 后臺(tái)管理主要實(shí)現(xiàn)：(1)管理員管理在我們網(wǎng)站注冊(cè)的客戶的一些基本資料，客戶根據(jù)積分分為不同的等級(jí)，以及相應(yīng)的等級(jí)管理。(2)查看購(gòu)物表以及管理

7、訂單，可以對(duì)訂單進(jìn)行審核以及發(fā)貨。訂單報(bào)表的打印，查看銷(xiāo)售業(yè)績(jī)。(3)可以對(duì)前臺(tái)用戶的留言進(jìn)行審核和回復(fù)。(4)發(fā)布一些網(wǎng)站的公告和關(guān)于鮮花的一些文章。對(duì)其進(jìn)行增刪改查。(5)管理鮮花的進(jìn)貨，庫(kù)存的管理，以及鮮花的分類(lèi)和熱賣(mài)，特賣(mài)的推薦。(6)主要還原和備份數(shù)據(jù)庫(kù)，保證系統(tǒng)數(shù)據(jù)的完整性和安全性。送貨和付款方式的增刪改查。(7)管理本花店的基本信息，對(duì)其進(jìn)行修改的操作。(8)對(duì)員工信息的管理，以及密碼能進(jìn)行修改操作。（三）開(kāi)發(fā)環(huán)境需求操作系統(tǒng)：windows xp/ windows 2003。數(shù)據(jù)庫(kù)：sql server 2005。開(kāi)發(fā)工具：microsoft visual studio 200

8、8輔助開(kāi)發(fā)工具：photoshop cs2、flash8。（四）可行性分析1.經(jīng)濟(jì)可行性分析在我國(guó)，網(wǎng)上購(gòu)物從無(wú)到有也不過(guò)短短幾年時(shí)間。如今已經(jīng)普及到每個(gè)人得身上，根據(jù)cnnic的統(tǒng)計(jì)結(jié)果，截止2009年1月中國(guó)有互聯(lián)網(wǎng)用戶7950萬(wàn)人，而又有40.7%以上的網(wǎng)民在過(guò)去的一年里有過(guò)網(wǎng)上購(gòu)物經(jīng)歷，這就說(shuō)明中國(guó)有網(wǎng)上購(gòu)物的用戶達(dá)是3235.7萬(wàn)人，并且這一數(shù)字還在以17%左右的速度增長(zhǎng)，預(yù)計(jì)到2010年中國(guó)網(wǎng)上購(gòu)物用戶將達(dá)到10262萬(wàn)人，這說(shuō)明在中國(guó)發(fā)展網(wǎng)上購(gòu)物具有良好的群眾基礎(chǔ)，網(wǎng)上購(gòu)物方式越來(lái)越被大家所接受。電子商務(wù)的功能也日趨完善，軟件行業(yè)的飛速發(fā)展，為網(wǎng)站的開(kāi)發(fā)提供了充分的條件。單獨(dú)的鮮

9、花店，已經(jīng)滿足不了市場(chǎng)的需求，鮮花在網(wǎng)上銷(xiāo)售，能滿足更多，更遠(yuǎn)顧客的要求。2.技術(shù)可行性分析網(wǎng)上花店管理系統(tǒng)采用了當(dāng)前的主流計(jì)算結(jié)構(gòu)b/s模式進(jìn)行開(kāi)發(fā)，前臺(tái)開(kāi)發(fā)工具選用microsoft visual studio 2008平臺(tái)。asp.net, javascript等語(yǔ)言的運(yùn)用 microsoft visual studio 2008是一種可視化的、面向?qū)ο蟮膚indows開(kāi)發(fā)語(yǔ)言，microsoft visual studio 2008具有易用、通用和開(kāi)發(fā)效率高的特點(diǎn)。后臺(tái)的數(shù)據(jù)庫(kù)開(kāi)發(fā)工具選用了microsoft sql server 2005，它能夠處理大量數(shù)據(jù)，同時(shí)保持?jǐn)?shù)據(jù)完整性并提供

10、許多高級(jí)管理和數(shù)據(jù)分配功能。這兩種開(kāi)發(fā)工具功能強(qiáng)大，有較好的接口，作為本系統(tǒng)開(kāi)發(fā)工具是可行的。三、系統(tǒng)設(shè)計(jì)（一）系統(tǒng)功能圖根據(jù)上述系統(tǒng)功能的需求分析，按照結(jié)構(gòu)化程序設(shè)計(jì)的需求，得到如下的后臺(tái)的系統(tǒng)模塊圖。如圖3-1所示。圖3-1 系統(tǒng)功能圖1.用戶管理模塊此模塊包括了員工信息的添加、刪除、修改、查詢以及管理員和員工密碼修改的部分。2.客戶管理模塊此模塊包括了對(duì)客戶信息的查詢、客戶類(lèi)型增刪改查的管理、客戶的購(gòu)買(mǎi)量以及金額和積分的管理。 3.業(yè)績(jī)管理模塊此模塊主要是對(duì)鮮花銷(xiāo)售的情況進(jìn)行查詢和報(bào)表的打印，以及對(duì)訂單的查詢和商品的發(fā)貨管理。4.新聞管理模塊此模塊主要是網(wǎng)站公告的添加，修改，刪除和發(fā)布，

11、以及一些關(guān)于鮮花文章的添加，修改，刪除和發(fā)布。5.論壇管理模塊主要是管理顧客的意見(jiàn)反饋，審核留言內(nèi)容，給予及時(shí)的回復(fù)。6.商品管理模塊此模塊中主要是對(duì)鮮花的采購(gòu)，庫(kù)存的管理，鮮花信息的修改和刪除以及對(duì)鮮花進(jìn)行分類(lèi)。7.商店信息管理模塊此模塊中主要是對(duì)商店的基本信息進(jìn)行管理。 8.基本設(shè)置模塊此模塊主要是數(shù)據(jù)庫(kù)的還原與備份以及送貨方式和付款方式的添加，修改，刪除，查詢。 （二）管理員系統(tǒng)活動(dòng)圖 如圖3-2所示。圖3-2 系統(tǒng)活動(dòng)圖（三）系統(tǒng)用例圖 如圖3-3所示。圖3-3 系統(tǒng)用例圖（四）前臺(tái)購(gòu)物流程圖 如圖3-4所示。圖3-4 前臺(tái)購(gòu)物流程圖四、數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)的設(shè)計(jì)在系統(tǒng)的開(kāi)發(fā)中尤為重要，要

12、考慮整個(gè)業(yè)務(wù)流程的邏輯關(guān)系。1首先充分體現(xiàn)系統(tǒng)的需求，數(shù)據(jù)庫(kù)是為應(yīng)用服務(wù)的，好的數(shù)據(jù)庫(kù)設(shè)計(jì)應(yīng)該首先能滿足應(yīng)用系統(tǒng)的業(yè)務(wù)需求，準(zhǔn)確的表達(dá)數(shù)據(jù)間關(guān)系。2保證數(shù)據(jù)的準(zhǔn)確性和一致性，通過(guò)主外鍵、非空、限制、唯一索引等保證數(shù)據(jù)的健壯。3提高數(shù)據(jù)的查詢效率，通過(guò)合理表結(jié)構(gòu)，安排物理存儲(chǔ)分區(qū)、增加索引等方式，提高數(shù)據(jù)的讀取速度，提高查詢效率。4有好的擴(kuò)展性，在必要時(shí)能根據(jù)需求擴(kuò)展數(shù)據(jù)結(jié)構(gòu)。（一）e-r模型圖er圖簡(jiǎn)潔的反映出整個(gè)流程的概況和系統(tǒng)中所有實(shí)體之間相對(duì)應(yīng)的關(guān)系，綜合了管理員 在整個(gè)系統(tǒng)中的聯(lián)系和各自的安排，前臺(tái)服務(wù)顧客的購(gòu)物流程等，把系統(tǒng)的內(nèi)部聯(lián)系明了化。如圖4-1所示。圖4-1 er模型圖（二）

13、數(shù)據(jù)庫(kù)模型圖圖中顯示了數(shù)據(jù)庫(kù)中有哪些表，各張表在數(shù)據(jù)庫(kù)中所存在的聯(lián)系，即他們之間的主外鍵的關(guān)系。如圖4-2所示。圖4-2 數(shù)據(jù)庫(kù)模型圖（三）數(shù)據(jù)庫(kù)表設(shè)計(jì)經(jīng)過(guò)分析，系統(tǒng)中建立了數(shù)據(jù)庫(kù)netflower，并創(chuàng)建了如下表：如圖4-3所示。 圖4-3 數(shù)據(jù)庫(kù)表（四）數(shù)據(jù)字典 表4-1 article（章信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是是否標(biāo)識(shí)編號(hào)2artidnvarchar500是文章編號(hào)3arttitlenvarchar500是文章標(biāo)題4artcontentnvarchar00是文章內(nèi)容5createtimenvarchar500是發(fā)表日期 表4-2 cu

14、stomer（客戶信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是是否顧客編號(hào)2cusidnvarchar500否顧客編號(hào)3cusnamenvarchar500否顧客姓名4cussexnvarchar500是性別5cuspwdnvarchar500是密碼6emailnvarchar500是郵件7addressnvarchar500是地址8postcodenvarchar500是郵編9telnvarchar500是電話10qqnvarchar500是qq11logindatadatetime83是登陸日期12custypeidnvarchar500是顧客類(lèi)型13int

15、egralnvarchar500是積分14notesnvarchar00是備注15buycountint40是購(gòu)買(mǎi)量表4-3 delivery（送貨方式表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是是否標(biāo)識(shí)編號(hào)2deliveryidnvarchar500否送貨方式3deliverynamenvarchar500是方式名稱表4-4 flowerinfo（鮮花信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明2floweridnvarchar500否鮮花編號(hào)3flowernamenvarchar500否鮮花名4flotypeidnvarchar500是類(lèi)型編號(hào)5p

16、icturenvarchar500是照片6martpricefloat80是市場(chǎng)價(jià)7memberpricefloat80是會(huì)員價(jià)8floridnvarchar00是話語(yǔ)9countint40是數(shù)量10purchasedatadatetime83是進(jìn)貨日期11ishotint40是是否熱賣(mài)12ismainint40是是否特別推薦13salecountint40是銷(xiāo)量表4-5 orderinfo（訂單信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是是否標(biāo)識(shí)編號(hào)2orderidnvarchar500否訂單編號(hào)3floweridnvarchar500是鮮花編號(hào)4flower

17、namenvarchar500是鮮花名稱5pricenvarchar500是交易價(jià)格6countnvarchar500是交易數(shù)量7cusidnvarchar500是顧客8ordertimenvarchar500是訂購(gòu)時(shí)間9facttimenvarchar500是送貨時(shí)間10deliveryaddressnvarchar500是送貨地址11deliverypeoplenvarchar500是收貨人12telnvarchar500是電話13postcodenvarchar500是郵編14paytypeidnvarchar500是付款方式15isshipnvarchar500否是否發(fā)貨表4-6 ne

18、ws（新聞信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是是否標(biāo)識(shí)編號(hào)2newidnvarchar500是新聞編號(hào)3newtitlenvarchar500否新聞標(biāo)題4newcontentnvarchar00否新聞內(nèi)容5createtimedatetime83是發(fā)布時(shí)間表4-7 questioninfo（留言信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是否標(biāo)識(shí)編號(hào)2cusnamenvarchar500否留言者3questionnvarchar00是留言內(nèi)容4answernvarchar00是回復(fù)內(nèi)容5emailnvarchar500否電子

19、郵件6createtimedatetime83是留言時(shí)間7ischecknvarchar500是是否審核 表4-8 shopping（商店信息表）序號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度小數(shù)位標(biāo)識(shí)主鍵允許空默認(rèn)值說(shuō)明1idint40是是否 標(biāo)識(shí)編號(hào)3floweridnvarchar500否所選花名4cusidnvarchar500否顧客編號(hào)5martpricefloat80是市場(chǎng)價(jià)6factpricefloat80是實(shí)際價(jià)格7countint40是數(shù)量8shoptimedatetime83是購(gòu)物時(shí)間9integralnvarchar500是積分10isbuyint40是是否購(gòu)買(mǎi)五、系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)（一）前臺(tái)網(wǎng)站

20、1.網(wǎng)站首頁(yè)網(wǎng)站首頁(yè)是套用模板，在加上兩個(gè)自定義控件組成，頭部和底部是套用的模板，頂部網(wǎng)站的導(dǎo)航展示網(wǎng)站的主要功能，一張鮮花的flash圖片簡(jiǎn)單而顯得優(yōu)美讓人賞心悅目。首頁(yè)主要是產(chǎn)品的展示，有熱賣(mài)和特賣(mài)推薦，以及左邊的菜單何以查找不同類(lèi)型的鮮花。點(diǎn)擊鮮花查看詳細(xì)信息，繼而購(gòu)買(mǎi)。首頁(yè)還展示網(wǎng)站的一些公告，以及文章的信息，都可點(diǎn)擊進(jìn)入詳細(xì)內(nèi)容，訂單的滾動(dòng)查看以及登陸后的個(gè)人訂單的查看都可實(shí)現(xiàn)。購(gòu)物車(chē)信息，會(huì)員登錄，注冊(cè)一應(yīng)俱全。如圖5-1所示。圖5-1 網(wǎng)站首頁(yè)（1）網(wǎng)站首頁(yè)ui層前臺(tái)代碼綁定鮮花信息，采用datalist綁定數(shù)據(jù)庫(kù)的數(shù)據(jù)，主要實(shí)現(xiàn)代碼如下：<asp:datalist id=

21、"flowerlist" runat="server" repeatdirection="horizontal" width="100%"repeatcolumns="4"><itemtemplate><table border="0" cellpadding="0" cellspacing="0" height="200" width="128"><tr>

22、;<td><div align="center"><a href='seeflower.aspx?id=<%# eval("flowerid") %>'><img id="img1" runat="server" border="0" height="102" src='<%#insertxxx(eval("picture").tostring()%>'wid

23、th="102" /></a></div></td></tr><tr><td height="20"><div align="center"><a href='seeflower.aspx?id=<%# eval("flowerid") %>' class="b"><asp:label id="label5" runat="serv

24、er" text='<%#eval("flowername")%>'></asp:label></a></div></td></tr><tr><td height="20"><div align="center"><asp:label id="label1" runat="server" text='市場(chǎng)價(jià):￥'></asp

25、:label><asp:label id="label3" runat="server" text='<%#eval("martprice")%>'></asp:label>元</div></td></tr><tr><td height="20"><div align="center"><asp:label id="label2" runat

26、="server" text='會(huì)員價(jià):￥'></asp:label><asp:label id="label4" runat="server" text='<%#eval("memberprice")%>'></asp:label>元</div></td></tr></table></itemtemplate><itemstyle bordercolor=&quo

27、t;#ffc0ff" borderstyle="dotted" borderwidth="1px" /><selecteditemstyle bordercolor="#8080ff" /></asp:datalist> （2）網(wǎng)站首頁(yè)ui層后臺(tái)代碼調(diào)用bu層的查詢方法，獲取鮮花的信息，主要實(shí)現(xiàn)代碼如下： protected void selectpicture() mydatatable = myflowerinfomanager.selectpicture().tables0; flower

28、list.datasource = mydatatable; flowerlist.databind(); public string insertxxx(string xxx) return xxx.insert(2, "/manager");（3）網(wǎng)站首頁(yè)bu層代碼定義綁定查詢的函數(shù)，運(yùn)用sql語(yǔ)句從數(shù)據(jù)庫(kù)中讀取前八行的數(shù)據(jù)，主要實(shí)現(xiàn)代碼如下： public dataset selectpicture() dataset myds = new dataset(); string sqlquery = "select top 8 flowerid,picture

29、,flowername,martprice,memberprice from flowerinfo where ishot=1 and count>0 " myds = mydatabase.getlist(sqlquery); return myds; 2.鮮花詳細(xì)信息頁(yè)面本頁(yè)面是顧客點(diǎn)擊看中的鮮花后跳轉(zhuǎn)的頁(yè)面，主要是看花的詳細(xì)信息，以及查看購(gòu)物流程，可以點(diǎn)擊放入購(gòu)物車(chē)，也可以繼續(xù)購(gòu)物，返回首頁(yè)。如圖5-2所示。圖5-2 鮮花詳細(xì)信息頁(yè)面 （1）鮮花信息頁(yè)面ui層前臺(tái)代碼用table搭建，顯示鮮花的詳細(xì)信息。button按鈕的click事件跳轉(zhuǎn)頁(yè)面，主要實(shí)現(xiàn)代碼如下： <

30、;tr> <td align="left" background="images/shangpinfeilei1.jpg" height="46" colspan="2"> 市場(chǎng)價(jià)：<asp:label id="pricelb" runat="server"></asp:label>元 </td> </tr> <tr style="font-weight: bold; color: red&qu

31、ot;> <td align="left" background="images/shangpinfeilei1.jpg" height="46" colspan="2"> <a href="#"></a> <asp:imagebutton id="imagebutton1" runat="server" height="41px" imageurl="images/go.gif

32、" onclick="imagebutton1_click" />&nbsp; <asp:imagebutton id="imagebutton2" runat="server" height="36px" imageurl="images/goon.gif" onclick="imagebutton2_click" width="132px" />&nbsp; <br /> </td>（

33、2）鮮花信息頁(yè)面ui層后臺(tái)代碼從數(shù)據(jù)庫(kù)查詢數(shù)據(jù)，賦值給相對(duì)應(yīng)的label.text，主要實(shí)現(xiàn)代碼如下：protected void page_load(object sender, eventargs e) if (!ispostback) string flowerid = request.querystring"id" viewstate"flowerid" = flowerid; selectflower(); protected void selectflower() string paramid = viewstate"floweri

34、d".tostring(); mydt = myflowerinfomanager.selectflower(paramid).tables0; if (mydt.rows.count != 0) label1.text = mydt.rows0"integral".tostring(); this.datalist1.datasource = mydt; this.datalist1.databind(); namelb.text = mydt.rows0"flowername".tostring(); pricelb.text = mydt

35、.rows0"martprice".tostring(); salepricelb.text = mydt.rows0"memberprice".tostring(); this.label2.text = mydt.rows0"florid".tostring(); （3）鮮花信息頁(yè)面bu層代碼根據(jù)鮮花的種類(lèi)flowertypeid，從數(shù)據(jù)庫(kù)查詢相應(yīng)鮮花的dataset，主要實(shí)現(xiàn)代碼如下：public dataset selectflower(string paramflowertypeid) dataset mydataset =

36、 new dataset(); string sqlquery = " select flowerid,picture,flowername,martprice,memberprice,florid,(memberprice*0.1) as integral from flowerinfo where flowerid='" + paramflowertypeid + "'" mydataset = mydatabase.getlist(sqlquery); return mydataset; 圖5-3 采用放大鏡查看（1）放大鏡查看頁(yè)面

37、代碼本頁(yè)面主要是用javascript代碼實(shí)現(xiàn)，代碼如下：(function($)$.fn.jqueryzoom = function(options)var settings = xzoom: 470,yzoom: 300,offset: 10,position: "right" ;if(options) $.extend(settings, options);$(this).hover(function() var imageleft = $(this).get(0).offsetleft; var imageright = $(this).get(0).offsetr

38、ight; var imagetop = $(this).get(0).offsettop; var imagewidth = $(this).get(0).offsetwidth; var imageheight = $(this).get(0).offsetheight; var bigimage = $(this).attr("bigpp"); if($("div.zoomdiv").get().length = 0) $(this).after("<div class='zoomdiv'><img cl

39、ass='bigimg' src='"+bigimage+"'/></div>"); function mouseevent(e) this.x = e.pagexthis.y = e.pagey3.加入購(gòu)物車(chē)當(dāng)查看鮮花的詳細(xì)信息之后滿意的話可以加入購(gòu)物車(chē)，本頁(yè)顯示你所有加入購(gòu)物車(chē)的商品，你還可以進(jìn)行修改數(shù)量，以及刪除購(gòu)物車(chē)的信息，離開(kāi)重新購(gòu)物，如果滿意可以提交訂單。如圖5-4所示。圖5-4 購(gòu)物車(chē)信息頁(yè)面（1）加入購(gòu)物車(chē)頁(yè)面ui層前臺(tái)代碼采用datagrid綁定表shopping的數(shù)據(jù)，顯示用戶的購(gòu)物車(chē)信息，主要

40、實(shí)現(xiàn)代碼如下： <asp:datagrid id="shopcart" runat="server" autogeneratecolumns="false" borderwidth="1px" cellpadding="4" font-names="verdana" forecolor="#333333" gridlines="vertical"width="764px" ondeletecommand=&qu

41、ot;shopcart_deletecommand" onitemcommand="shopcart_itemcommand" onitemdatabound="shopcart_itemdatabound"><columns><asp:boundcolumn datafield="id" headertext="編號(hào)"></asp:boundcolumn> <asp:buttoncolumn commandname="delete" h

42、eadertext="刪除" text="&lt;div id=&quot;de&quot; onclick=&quot;javascript:return confirm('執(zhí)行此項(xiàng)操作，信息將無(wú)法恢復(fù)，確認(rèn)刪除嗎？');&quot;&gt;刪除&lt;/div&gt;"></asp:buttoncolumn><asp:buttoncolumn buttontype="pushbutton" commandname="u

43、pdate" headertext="更新" text="更新"> </asp:buttoncolumn></columns><headerstyle backcolor="#ffe6ef" font-bold="true" forecolor="black" /></asp:datagrid>（2）加入購(gòu)物車(chē)頁(yè)面ui層后臺(tái)代碼根據(jù)登陸的用戶名從shopping表中查詢記錄，在datagrid的刪除事件里根據(jù)shoppingid刪除

44、購(gòu)物車(chē)信息，主要實(shí)現(xiàn)代碼如下： protected datatable selectshopping() string paramname = session"username".tostring(); string paramid = myshoppingmanager.getid(paramname).rows00.tostring(); mydt = myshoppingmanager.selectshopping1(paramid); this.shopcart.datasource = mydt; this.shopcart.databind(); return

45、mydt; protected void shopcart_deletecommand(object source, datagridcommandeventargs e) string id = e.item.cells0.text; myshoppingmanager.deleteshopping(id); jisuan(); jisuanjifen(); selectshopping(); （3）加入購(gòu)物車(chē)頁(yè)面bu層代碼調(diào)用insert sql語(yǔ)句向購(gòu)物添加信息，主要實(shí)現(xiàn)代碼如下： public int intobus(shoppingdata myshoppingdata) strin

46、g sqlquery = "insert into shopping (cusid,flowerid,martprice,factprice,count,integral,shoptime,isbuy)values('" + myshoppingdata.cusid + "','" + myshoppingdata.flowerid + "','" + myshoppingdata.martprice + "','" + myshoppingdata.fact

47、price + "','" + myshoppingdata.count + "','" + myshoppingdata.integral + "','" + myshoppingdata.shoptime + "','"+myshoppingdata.isbuy+"')" int returnvalue = mydatabase.executenonquery(sqlquery); return returnvalue;

48、 4客戶留言頁(yè)面在本頁(yè)面客戶可以對(duì)我們網(wǎng)站以及鮮花的信息，送貨情況進(jìn)行留言反饋，管理員會(huì)在后臺(tái)及時(shí)進(jìn)行審核和回復(fù)。客戶留言時(shí)要登記一下基本的信息，以方便我們聯(lián)系。如圖5-5所示。圖5-5 客戶留言頁(yè)面（1）客戶留言頁(yè)面ui層前臺(tái)代碼textbox填寫(xiě)留言用戶的信息，點(diǎn)擊提交按鈕提交留言信息，點(diǎn)擊查看留言回復(fù)按鈕查看留言回復(fù)內(nèi)容，主要實(shí)現(xiàn)代碼如下： <tr><td align="center" >nbsp; 姓名： </td><td class="style26"> <input id="tx

49、tname" type="text" /> <label id="lblname" style="color: red;">*</label> </td><td align="center" rowspan="4"><img src="images/liuleft.png" style="width: 208px; height: 176px" /> </td> <

50、;/tr> <tr><td colspan="2" align="right"><input id="btnsubmit" type="button" value="提交" onclick="submit()" /> <asp:button id="btnback" runat="server" onclick="btnback_click" text="查看

51、留言反饋" /></td></tr>（2）客戶留言頁(yè)面ui層后臺(tái)代碼用ajax 獲取textbox的值，調(diào)用bu層添加方法，添加留言信息，主要實(shí)現(xiàn)代碼如下： ajaxpro.ajaxmethod() public void submitquestion(string paramname, string paramemail, string paramtitle, string paramcontent) questioninfomanager paramquestioninfo = new questioninfomanager(); paramques

52、tioninfo.cusname = paramname; paramquestioninfo.createtime = system.datetime.now.tostring(); paramquestioninfo.ischeck = "否" myquestioninfomanager.insertinfo(paramquestioninfo); （3）客戶留言頁(yè)面bu層代碼 sql語(yǔ)句insert into ，向數(shù)據(jù)庫(kù)插入留言的信息，主要實(shí)現(xiàn)代碼如下： public int insertinfo(questioninfodata myquestioninfodata

53、) int returnvalue = 0; string sqlquery = "insert into netflower.dbo.questioninfo(cusname,question,answer,email,createtime,ischeck)values('" + myquestioninfodata.cusname + "','" + myquestioninfodata.question + "','" + myquestioninfodata.answer + "

54、;','" + myquestioninfodata.email + "','" + myquestioninfodata.createtime + "','" + myquestioninfodata.ischeck + "')" returnvalue=mydatabase.executenonquery(sqlquery); return returnvalue;（二）后臺(tái)管理1.后臺(tái)管理主頁(yè)面主頁(yè)面由iframe框架搭建而成，左邊是javascript 寫(xiě)的一個(gè)

55、treeview 主要展示系統(tǒng)的總模塊，頂部是系統(tǒng)的一些基本信息以及操作。點(diǎn)擊treeview 右邊會(huì)出現(xiàn)相應(yīng)模塊的信息。也可以點(diǎn)擊右面的圖例，進(jìn)入相應(yīng)的頁(yè)面。如圖5-6所示。 5-6 后臺(tái)管理主頁(yè)面（1）后臺(tái)管理主頁(yè)面ui層前臺(tái)代碼利用js創(chuàng)建樹(shù)，形成模塊的菜單,主要實(shí)現(xiàn)代碼如下： <script type="text/javascript"> var tree = null; var root = new treenode('系統(tǒng)菜單'); var fun1 = new treenode('用戶管理'); root.add(f

56、un1); var fun2 = new treenode('員工信息', 'web_staff/uiweb_staffmanager.aspx', 'tree_node.gif', null, 'tree_node.gif', null); fun1.add(fun2); var fun38 = new treenode('商店管理'); var fun39 = new treenode('商店信息', 'shopinfo/uishopinfoedit.aspx', 'tr

57、ee_node.gif', null, 'tree_node.gif', null); fun38.add(fun39); root.add(fun38); tree = new tree(root); tree.show('menutree');</script>（2）后臺(tái)管理主頁(yè)面ui層前臺(tái)代碼用attributes給服務(wù)器控件添加html的鏈接方法，點(diǎn)擊tree 出現(xiàn)鏈接的頁(yè)面，主要實(shí)現(xiàn)代碼如下： public void initprotalbar() this.protalbtn1.attributes.add("href", base.getbaseurl() + "index.aspx"); this.protalbtn5.attributes.add("href", "./manager/web_staff/staffpassword.aspx"); this.protalbtn5.attributes.add("target", "framecontent");base.jswrite("oldsy