在線花店系統(tǒng)畢業(yè)論文

1、 PAGE28 / NUMPAGES29第1章 緒論1.1開發(fā)背景與實(shí)現(xiàn)價(jià)值Internet飛速發(fā)展的今天，電子數(shù)字計(jì)算機(jī)是20世紀(jì)重大科技發(fā)明之一，而互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要作用。Internet上發(fā)布信息主要是通過來實(shí)現(xiàn)的，獲取信息也是要在Internet海洋中按照一定的檢索方式將所需要的信息從下載下來。因此建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為機(jī)關(guān)、學(xué)校、企事業(yè)單位、甚至進(jìn)入尋常百姓家的信息化建設(shè)中的重要組成部分，從而倍受人們的重視?；ヂ?lián)網(wǎng)為現(xiàn)代生活提供了相互交互的平臺，同時(shí)也提供了無限的商機(jī)?，F(xiàn)在網(wǎng)絡(luò)上

2、的購物就是一個(gè)典型的代表，它以簡單，快捷，高效，實(shí)用等諸多優(yōu)點(diǎn)越來越受到廣大網(wǎng)民的青睞，于是也發(fā)展出來了一批像易趣購物、當(dāng)當(dāng)網(wǎng)、阿里巴巴等一系列著名的國外?；ヂ?lián)網(wǎng)以前所未有的速度發(fā)展，成為與報(bào)紙、廣播、電視相比肩的第四媒體，同時(shí)正以其更快捷的信息傳輸形式改變這人們的消費(fèi)模式，利用簡單、快捷、低成本的電子通信方式，買賣雙方不謀面就可以進(jìn)行各種商貿(mào)活動，走向商業(yè)的互聯(lián)網(wǎng)已經(jīng)成為網(wǎng)絡(luò)經(jīng)濟(jì)的大勢所趨。眼下電子商務(wù)正如雨后春筍般大量涌現(xiàn)，企業(yè)網(wǎng)絡(luò)化已經(jīng)成為一種時(shí)尚。電子商務(wù)的發(fā)展大家都已經(jīng)耳濡目染，上網(wǎng)的朋友對此已不再陌生，電子商務(wù)確實(shí)出現(xiàn)在我們周圍。本系統(tǒng)是一個(gè)在線花店系統(tǒng)，具有在線銷售鮮花的基本功能

3、。通過配置，可以作為一個(gè)實(shí)際應(yīng)用的鮮花銷售。通過本系統(tǒng)可以管理簡單的在線銷售模式，滿足用戶隨時(shí)查詢產(chǎn)品信息、隨時(shí)下單購物的應(yīng)用需求。由于本系統(tǒng)考慮到產(chǎn)品的適應(yīng)性、安全性和訪問效率，所以，在系統(tǒng)平臺多樣性、技術(shù)先進(jìn)性、功能適應(yīng)性和靈活性等方面都有考慮，使系統(tǒng)相對完善，具有更好的學(xué)習(xí)價(jià)值。本實(shí)例把頁面中一些常用的部分集成為模塊，例如頁面的頭部和尾部，這樣設(shè)計(jì)新的頁面如果有重復(fù)出現(xiàn)的部分，只需要用現(xiàn)成的模塊來組裝就可以了。整個(gè)系統(tǒng)是以ASP技術(shù)來開發(fā)，數(shù)據(jù)庫的創(chuàng)建使用Microsoft Access 2003，對數(shù)據(jù)庫的查詢和調(diào)用是通過ASP置的ADODB組件來實(shí)現(xiàn)的。1.2程序開發(fā)的技術(shù)基礎(chǔ)程序的

4、編寫都需要有一定的開發(fā)語言和開發(fā)技術(shù)，在線花店系統(tǒng)采用Dreamweaver和ASP技術(shù)來編寫，后臺數(shù)據(jù)庫選擇Access，下面簡要介紹一下開發(fā)語言和開發(fā)技術(shù)。1.2.1 HTML語言HTML（Hyper Text Markup Language 超文本標(biāo)記語言）是一種用來制作超文本文檔的簡單標(biāo)記語言。與常見的字處理文件不同，Web頁以超文本標(biāo)識語言編排格式。HTML文件是帶有特定HTML插入標(biāo)記的用以編排文檔屬性和格式的標(biāo)準(zhǔn)文本文件。它能獨(dú)立于各種操作系統(tǒng)平臺（如UNIX、WINDOWS等）。自1990年以來HTML就一直被用作World Wide Web上的信息表示語言，用于描述Homep

5、age的格式設(shè)計(jì)和它與WWW上其它Homepage的連結(jié)信息。HTML文檔（即Homepage的源文件）是一個(gè)放置了標(biāo)記的ASCII文本文件，通常它帶有.html或.htm的文件擴(kuò)展名。生成一個(gè)HTML文檔主要有以下三種途徑： （1）手工直接編寫（例如用你所喜愛的ASCII文本編輯器或其它HTML的編輯工具）。 （2）通過某些格式轉(zhuǎn)換工具將現(xiàn)有的其它格式文檔（如WORD文檔）轉(zhuǎn)換成HTML文檔。 （3）由Web服務(wù)器（或稱 服務(wù)器）一方實(shí)時(shí)動態(tài)地生成。1.2.2 ASP概述ASP（Active Sever Pages動態(tài)網(wǎng)頁）是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境，ASP含于IIS服務(wù)器 之中，通過

6、ASP我們可以結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX元件建立動態(tài)、交互且高效的WEB服務(wù)器應(yīng)用程序。有了ASP就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。ASP 程序其實(shí)是以擴(kuò)展名為.asp的純文本形式存在于WEB服務(wù)器上的，可以用任何文本編輯器打開它，ASP程序中可以包含純文本、HTML標(biāo)記以與腳本命令。只需將.asp 程序放在WEB服務(wù)器的虛擬目錄下（該目錄必須要有可執(zhí)行權(quán)限），就可以通過WWW的

7、方式訪問ASP程序了。ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境。通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式動態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息、上傳與下載等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前Internet上的許多站點(diǎn)，仍然提供“靜態(tài)”（static）的主頁容。所謂“靜態(tài)”是指站點(diǎn)的主頁容是“固定不變”的。一個(gè)“靜態(tài)”的站點(diǎn)，若要更新主頁的容，必須手動更新其HTML的文件數(shù)據(jù)。而隨著Web技術(shù)的發(fā)展，用戶希望能夠看到根據(jù)要求而動態(tài)生成的主頁，例如響應(yīng)用戶查詢數(shù)據(jù)庫的要求而生成報(bào)表等。站點(diǎn)服務(wù)器收到要求執(zhí)行的應(yīng)用程序，分析表單（form

8、）的輸入數(shù)據(jù)，將執(zhí)行的結(jié)果以HTML的格式傳送給瀏覽器。根據(jù)用戶請求生成動態(tài)主頁的傳統(tǒng)方法有CGI、ISAPI等。CGI是根據(jù)瀏覽器端的 請求激活響應(yīng)進(jìn)程，每一個(gè)請求對應(yīng)一個(gè)進(jìn)程。當(dāng)同時(shí)有很多請求時(shí)，程序擠占系統(tǒng)資源，造成效率低下。ISAPI針對這一缺點(diǎn)進(jìn)行了改進(jìn)，利用dll（動態(tài)庫技術(shù)），以線程代替進(jìn)程，提高了性能和速度，但要考慮線程的同步問題，而且開發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動態(tài)網(wǎng)頁的技術(shù)Java都還存在著另外一個(gè)問題，那就是開發(fā)困難，程序的開發(fā)和HTML寫作是兩個(gè)完全不同的過程，需要專門的程序員開發(fā)。ASP使用的ActiveX技術(shù)基于開放設(shè)計(jì)環(huán)境，用戶可以自己定義和制作組

9、件加入其中，使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴(kuò)充能力，這是傳統(tǒng)的CGI程序所遠(yuǎn)不與的地方。1.2.3 Access數(shù)據(jù)庫概述Access是一個(gè)數(shù)據(jù)庫管理系統(tǒng)，它之所以被集成到Office中而不是Visual Studio中，是因?yàn)樗c其它的數(shù)據(jù)庫管理系統(tǒng)（如Visual FoxPro）相比更加簡單易學(xué)，一個(gè)普通的計(jì)算機(jī)用戶即可掌握并使用它。而且最重要的一點(diǎn)是Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理與處理需要。Access 2003是Office 2003中文版的組件之一。與以前的Access版本相比，Access 2003不僅界面更加友好，而且功能也有了加強(qiáng)，尤其是網(wǎng)絡(luò)功能有明顯的提高

10、，使Access 2003與互聯(lián)網(wǎng)的結(jié)合更加緊密。Access 2003是一個(gè)中、小型數(shù)據(jù)庫管理系統(tǒng)，使用方便、功能強(qiáng)大，與其它數(shù)據(jù)庫有良好的接口。通過Access 2003功能強(qiáng)大的工具，用戶可以方便的使用和管理數(shù)據(jù)庫，如創(chuàng)建和編輯數(shù)據(jù)表、設(shè)計(jì)和使用各種查詢工具進(jìn)行查詢操作、制作和打印報(bào)表、設(shè)計(jì)和使用宏、設(shè)計(jì)和使用Web頁等。Access 2003具有完整的數(shù)據(jù)庫應(yīng)用開發(fā)工具，用戶可以方便的設(shè)計(jì)、修改、瀏覽一個(gè)記錄數(shù)據(jù)的基本表；可以在表數(shù)據(jù)中進(jìn)行各種篩選和查詢操作；可以設(shè)計(jì)和使用各種窗體以實(shí)現(xiàn)數(shù)據(jù)顯示和操作；可以根據(jù)表數(shù)據(jù)設(shè)計(jì)打印各種報(bào)表；可以設(shè)計(jì)和使用宏，對表進(jìn)行一系列特定的操作。Acce

11、ss 2003有強(qiáng)大的操作向?qū)?，為用戶提供了豐富的數(shù)據(jù)庫基本表模板。Access可以實(shí)現(xiàn)建立數(shù)據(jù)庫、報(bào)表，以與對數(shù)據(jù)庫、報(bào)表的修改、查詢等功能。本次的畢業(yè)設(shè)計(jì)是以Access作為后臺數(shù)據(jù)庫。第2章 需求分析2.1系統(tǒng)分析隨著技術(shù)的不斷發(fā)展和用戶對功能性的需求不斷提高，如今項(xiàng)目的設(shè)計(jì)己經(jīng)不能再僅僅簡單地利用靜態(tài)HTML文件來實(shí)現(xiàn)。與前幾年設(shè)計(jì)由一兩名網(wǎng)頁設(shè)計(jì)師自由的創(chuàng)作相比，項(xiàng)目的設(shè)計(jì)和開發(fā)越來越像一個(gè)軟件工程，也越來越復(fù)雜，的設(shè)計(jì)和開發(fā)進(jìn)入了需要強(qiáng)調(diào)流程和分工的時(shí)代，建立程序規(guī)的、有效的、健壯的開發(fā)機(jī)制，才能適應(yīng)用戶不斷變化的需要，達(dá)到預(yù)期的計(jì)劃目標(biāo)。網(wǎng)上購物系統(tǒng)作為一個(gè)用戶與企業(yè)交流的平臺，

12、它注重了人性化，交流互動性。有用戶注冊、熱品推薦、查詢、商品瀏覽、購物，以與用戶評論等，這些在下面文章中將詳細(xì)介紹。2.2系統(tǒng)目標(biāo)在對網(wǎng)上購物以與網(wǎng)上購物人數(shù)增多的具體情況分析的基礎(chǔ)上，對網(wǎng)上購物的每一個(gè)細(xì)節(jié)都做了具體的分析。的主要模式是通過盡可能簡潔的頁面給用戶以最快捷的服務(wù)。用戶界面要求簡潔明了，不能太過復(fù)雜。但是，網(wǎng)上購物，立足點(diǎn)應(yīng)該是給用戶與購買者以最方便的服務(wù)。業(yè)務(wù)和數(shù)據(jù)流程要合理通暢，各個(gè)模塊間的關(guān)系和數(shù)據(jù)傳遞要協(xié)調(diào)一致，使用戶的操作盡可能的少，盡可能避免用戶自己花大量的時(shí)間去選購商品。對于一些新商品要進(jìn)行與時(shí)的宣傳和推薦，與時(shí)的對進(jìn)行修改和補(bǔ)充，這就要求必須有信息的互動功能。最基

13、本的是能讓購買者可以在線留言，讓他們把需要購買的商品與購買過程中遇到的不好的地方留下來，并提出新的建議或意見。這個(gè)將對的進(jìn)一步完善起到至關(guān)重要的作用。對于會員要給予好的條件，使之更多的在購物，給予許多優(yōu)厚的服務(wù)，薄利多銷。2.3用戶需求對于用戶，對系統(tǒng)的要求主要是從系統(tǒng)中能夠與時(shí)地得到各種關(guān)于最新商品或暢銷商品，以與用戶自已所需要的商品。用戶的要求就是方便、快捷，其次還要給用戶和能進(jìn)行交流互動，充分發(fā)揮廣大客戶的能動性，所以本系統(tǒng)提供用戶在線評價(jià)功能，發(fā)表對系統(tǒng)的意見或建議，以滿足企業(yè)與用戶之間的交流互動。用戶希望能從這里得到最詳細(xì)、最優(yōu)惠的服務(wù)，本系統(tǒng)為用戶提供免費(fèi)注冊成為會員，享受會員的優(yōu)

14、厚待遇，以與瀏覽商品詳細(xì)信息，查看商品評論容和實(shí)現(xiàn)購買等。用戶可先瀏覽商品，查看其他用戶的評論信息，如果符合自己的購買需求，可再選擇注冊成為會員，繼而購買商品。用戶要求在看完之后再決定是否購買，這對于非會員的消費(fèi)者先瀏覽商品，后選擇購買是很友好的做法，給顧客以最大的選擇權(quán)。再者作為網(wǎng)上購物一定提供給用戶最好的銷售服務(wù)，如發(fā)貨與時(shí)，這就需要用戶在備注中填寫其他備注要求。另外安全的購物環(huán)境是必不可少的，這些也是能否更好，更快的發(fā)展的主要問題，本系統(tǒng)采用ASP技術(shù)編寫，在技術(shù)的可靠性、先進(jìn)性和安全性都有考慮，更好的滿足用戶的要求。根據(jù)用戶的需求，在此使用用例圖簡單介紹項(xiàng)目需求情況，項(xiàng)目需求用例圖如圖

15、2.1所示：圖2.1 項(xiàng)目需求用例圖針對用戶的頂層用例圖如圖2.2所示：圖2.2 用戶的頂層用例圖注冊：所有未注冊的用戶都可以免費(fèi)注冊本系統(tǒng)，成為會員，享受會員優(yōu)遇，詳細(xì)的注冊描述如表2.1所示：表2.1 用戶注冊用例名稱注冊功能簡述用戶注冊該系統(tǒng)前置條件首次訪問本系統(tǒng)的用戶后置條件注冊該系統(tǒng)基本流（1）進(jìn)入用戶注冊頁面（2）輸入用戶名和密碼（3）點(diǎn)擊“提交”按鈕（4）顯示注冊成功，開始購物備注注冊成功的用戶方可登錄本系統(tǒng)登錄:注冊成功的用戶或者老用戶都可直接登錄本系統(tǒng)，登錄成功后可對鮮花進(jìn)行選購，詳細(xì)描述如表2.2所示：表2.2 用戶登錄用例名稱登錄功能簡述用戶需提供正確的用戶名和密碼才能進(jìn)

16、入本系統(tǒng)前置條件已注冊的用戶后置條件用戶登錄成功基本流（1）用戶在登錄頁面中輸入用戶名和密碼，并提交（2）系統(tǒng)判斷用戶名和密碼是否合法擴(kuò)展流（1）如果用戶名或密碼不合法，則返回登錄頁面并給出錯誤信息（2）如果用戶信息合法，則進(jìn)行選購鮮花備注登錄成功，可查看鮮花詳情與購買鮮花，維護(hù)購物車等瀏覽鮮花：無論會員與否都可瀏覽鮮花商品，直接單擊圖片可查看鮮花詳情，同時(shí)還可查看其他用戶的評論信息，如表2.3所示：表2.3 瀏覽鮮花用例名稱瀏覽鮮花功能簡述無論用戶登錄與否，都可瀏覽鮮花，但要想購買鮮花，需登錄后購買前置條件無后置條件瀏覽并購買鮮花基本流（1）用戶單擊商品圖片，即可瀏覽商品（2）若要購買此商品

17、，單擊“購買”按鈕，將商品添加到自己的購物車中備注作為游客進(jìn)入系統(tǒng)時(shí)，也可瀏覽鮮花詳情，若想購買，可進(jìn)行登錄或者注冊維護(hù)購物車：用戶登錄后，可對心儀的鮮花商品進(jìn)行選擇購買，打算購買的鮮花將會暫時(shí)存放在用戶的購物車中，用戶也可在其中更改商品數(shù)量，或者直接刪除鮮花，詳細(xì)描述如表2.4所示：表2.4 維護(hù)購物車用例名稱維護(hù)購物車功能簡述用戶選購?fù)牾r花后，若想退購或增加購買數(shù)量，都可從購物車中修改前置條件已經(jīng)成功登錄的用戶后置條件鮮花數(shù)量更改基本流（1）刪除已經(jīng)選購的鮮花（2）選擇繼續(xù)購物，返回主頁，或者單擊“去收銀臺”進(jìn)行結(jié)算填寫訂單：若用戶選購?fù)牾r花商品，可選擇結(jié)算，在結(jié)算之前先填寫用戶詳細(xì)信息，

18、以方便賣方根據(jù)用戶的詳細(xì)地址發(fā)送貨物，確保輸入無誤后保存用戶信息，詳細(xì)描述如表2.5所示：表2.5 填寫訂單用例名稱填寫訂單功能簡述若用戶確定已選購的鮮花，可填寫自己的詳細(xì)信息，方便賣家郵寄前置條件已登錄并選購商品的用戶后置條件添加并確認(rèn)用戶的信息基本流（1）用戶單擊“去收銀臺”進(jìn)入訂單填寫確認(rèn)頁面（2）單擊“確定”保存用戶信息用戶評論：用戶可對鮮花商品發(fā)表自己的意見或看法，以幫助管理員了解實(shí)際情況，再對商品進(jìn)行改裝和優(yōu)化，同時(shí)也有助于其他用戶對此商品做更詳細(xì)的了解，詳細(xì)描述如表2.6所示：表2.6 用戶評論用例名稱用戶評論功能簡述用戶可對商品進(jìn)行評論，發(fā)表意見或建議，便于其他用戶更詳盡的了解

19、該商品前置條件已登錄并瀏覽商品信息的用戶后置條件鮮花商品增加一條新評論基本流（1）用戶單擊“發(fā)表評論”，即可發(fā)表對該商品的看法和意見等（2）輸入信息，單擊“確定”增加一條評論，其他用戶可通過查看對商品的評論了解商品用戶注銷：用戶完成整個(gè)商品購買的過程后，可退出本系統(tǒng)，或者選擇其他用戶登錄，注銷后的用戶仍可以瀏覽其他鮮花的詳細(xì)信息，詳細(xì)描述如表2.7所示：表2.7 用戶注銷用例名稱用戶注銷功能簡述無論已登錄的用戶選購商品與否，若想退出登錄，單擊“注銷”，退出本系統(tǒng)前置條件已經(jīng)成功登錄的用戶后置條件注銷登錄后可繼續(xù)用其他用戶名登錄本系統(tǒng)基本流（1）用戶單擊“注銷”按鈕（2）返回主頁針對管理員的頂層

20、用例圖如圖2.3所示：圖2.3 管理員的頂層用例圖管理員可以對數(shù)據(jù)庫中的商品進(jìn)行維護(hù)，即與時(shí)更新商品，調(diào)整商品價(jià)格等，也可以添加商品和刪除商品。并可以按照商品的不同分類進(jìn)行管理，發(fā)布商品的推薦信息等。第3章 概要設(shè)計(jì)3.1 系統(tǒng)模型在線花店系統(tǒng)采用了B/S模型，即(browser/server)瀏覽器/服務(wù)器模型，如圖3.1所示。圖3.1 系統(tǒng)模型組成B/S結(jié)構(gòu)的基本模塊是：Web瀏覽器、Web服務(wù)器與DBMS，Web瀏覽器主要用于接受用戶的輸入與相關(guān)信息的顯示，而復(fù)雜的業(yè)務(wù)邏輯位于服務(wù)端。使用B/S結(jié)構(gòu)可以方便的分清應(yīng)用軟件的設(shè)計(jì)任務(wù)，降低對客戶機(jī)的要求，可以方便地對系統(tǒng)進(jìn)行發(fā)布與維護(hù)，同時(shí)

21、，使用C/S結(jié)構(gòu)還可以提高系統(tǒng)的安全性。系統(tǒng)簡介：在線花店系統(tǒng)將傳統(tǒng)的花店經(jīng)營管理模式與計(jì)算機(jī)網(wǎng)絡(luò)的綜合經(jīng)營管理模式結(jié)合在一起，將人、機(jī)、物的需求、活動和運(yùn)作進(jìn)行系統(tǒng)分析、設(shè)計(jì)并管理，以實(shí)現(xiàn)現(xiàn)代高效、科學(xué)且安全的電子商務(wù)。為了提高系統(tǒng)的效率，使用戶瀏覽時(shí)響應(yīng)速度更快，本實(shí)例后臺采用了緩存技術(shù)?，F(xiàn)在的網(wǎng)上購物系統(tǒng)無非就是結(jié)構(gòu)復(fù)雜一點(diǎn)而以，它里面有會員注冊功能，這是網(wǎng)上購物的第一步，只有已經(jīng)注冊成為會員的用戶方可對鮮花產(chǎn)品就行購買并提交訂單。為了得到網(wǎng)上購物的優(yōu)遇，會員注冊必不可少。接下來是熱品推薦，作為一個(gè)好的網(wǎng)上購物這一部分必不可少，它顯示了網(wǎng)上購物的趨勢，人們消費(fèi)的熱點(diǎn)，接著是網(wǎng)上查詢，網(wǎng)上

22、購物之所以能快速發(fā)展，是因?yàn)樗旖亟?、方便，用戶可以查自己想要的東西。本系統(tǒng)采用多種導(dǎo)航對鮮花進(jìn)行分類，用戶可方便地查找到適合自己的鮮花，如根據(jù)花材、價(jià)格、對象等等。網(wǎng)上購物不用說，一定跟購物有關(guān)，現(xiàn)在的重點(diǎn)是購物。再者，網(wǎng)上的銷售服務(wù)，這是網(wǎng)上購物能否發(fā)展的關(guān)鍵。最后是顧客的留言與評論，為顧客設(shè)計(jì)一個(gè)簡單的評論以供交流互動。3.2 系統(tǒng)模塊總體設(shè)計(jì)系統(tǒng)模塊的總體設(shè)計(jì)圖如圖3.2所示：圖3.2 系統(tǒng)模塊總體設(shè)計(jì)用戶模塊簡介：（1）鮮花產(chǎn)品選購：可按分類方式查找鮮花種類或通過關(guān)鍵字進(jìn)行查詢。（2）購物車功能：選擇想要購買的鮮花放入購物車中，也可以更改商品數(shù)量。（3）查看鮮花詳細(xì)情況：用戶在沒有登

23、錄的情況下也可點(diǎn)擊鮮花，查看詳情。（4）用戶注冊：用戶首次進(jìn)入系統(tǒng)時(shí)需要注冊，填寫注冊信息。（5）用戶登錄：登錄系統(tǒng)后方可對鮮花進(jìn)行選購。（6）查看訂單信息：用戶可以查看訂單信息，也可更改訂單信息。（7）用戶評論：用戶可以發(fā)表對商品的意見或建議。管理員模塊簡介：（1）數(shù)據(jù)庫管理：對數(shù)據(jù)庫中的用戶信息、商品進(jìn)行維護(hù)。（2）商品管理：更新商品，調(diào)整商品價(jià)格，添加商品和刪除商品，按照商品的不同分類進(jìn)行管理，發(fā)布商品的推薦信息等。3.3 系統(tǒng)功能模塊細(xì)分（1）用戶管理模塊管理用戶登錄、用戶注冊等用戶信息的基本功能，與一般電子商務(wù)的用戶管理系統(tǒng)基本一樣。用戶注冊的基本信息包括用戶名、密碼、性別、等。（2

24、）產(chǎn)品信息模塊列產(chǎn)品的詳細(xì)信息。（3）導(dǎo)航分類檢索模塊按不同分類和不同應(yīng)用導(dǎo)航產(chǎn)品，把相關(guān)產(chǎn)品列出。如按用途、花材、對象、價(jià)格等分類導(dǎo)航。（4）購物車處理模塊通過cookie技術(shù)實(shí)現(xiàn)購物車。用戶選擇產(chǎn)品后，點(diǎn)擊“購買”進(jìn)入購物頁面，列要購買的產(chǎn)品明細(xì)項(xiàng)。用戶選擇產(chǎn)品完畢，通過購物頁面到訂單結(jié)帳頁面，填寫必要的信息，產(chǎn)生最終訂單，還提供訂單查詢功能。3.4系統(tǒng)流程圖在線花店系統(tǒng)的系統(tǒng)流程圖如圖3.3所示：圖3.3 系統(tǒng)流程圖3.5系統(tǒng)特點(diǎn)一個(gè)電子商務(wù)的核心就是它的購物系統(tǒng)，用戶登錄該的目的是能夠順利的購物，所以購物模塊的制作尤為重要。購物功能要盡量設(shè)計(jì)的人性化，功能不需太多，但一定得全面有條理。

25、網(wǎng)上花店系統(tǒng)適合在線銷售鮮花、禮品等，具有商品多屬性檢索（支持多重屬性分類）、購物車、訂單提交和查詢等網(wǎng)上花店所需的基本功能。主要目的是想讓用戶能夠方便快捷的挑選到自己所需要的商品。具體的商品還附有圖片與一定的文字信息，來描述該商品使其更加形象化。單擊“購買”按鈕，所選的商品會進(jìn)入購物車，如果不想購買已選中的商品，也可以從購物車中將其刪除。還設(shè)計(jì)了熱門商品的推薦，對用戶的購物也有一定的導(dǎo)向作用，方便查詢和購買。除此之外，系統(tǒng)還有如下特點(diǎn)：（1）頁面模塊化本系統(tǒng)在界面設(shè)計(jì)上都采用了模塊化處理思想，把很多頁面公用部分集成一個(gè)模塊。例如，頁面的頭、尾和導(dǎo)航條，這樣在開發(fā)時(shí)遇到這些相似的頁面部分，就不

26、需要重新編寫，只要重用這部分即可，大大提高了開發(fā)效率。（2）緩存技術(shù)把產(chǎn)品導(dǎo)航信息放到存中緩存起來，大大提高了效率和響應(yīng)速度。第4章 數(shù)據(jù)庫設(shè)計(jì)4.1表、關(guān)系模型和數(shù)據(jù)庫的概述所謂的“數(shù)據(jù)庫（DateBase）”是指依照一定的格式存放在一起的數(shù)據(jù)記錄文件，在日常生活中，凡是個(gè)人通訊薄、公司帳薄、客戶、支票明細(xì)、成績等都屬于數(shù)據(jù)庫，它們不僅具有固定的格式與特性，而且可以用表格形式來記錄。由于數(shù)據(jù)庫具有自動化管理、快速查詢與統(tǒng)計(jì)的優(yōu)點(diǎn)。因此，學(xué)習(xí)處理數(shù)據(jù)庫已經(jīng)成為現(xiàn)代人必備的技能。一個(gè)數(shù)據(jù)庫的信息通常組織和存儲在表的形式中，各個(gè)表具有行和列。這樣由行和列組成對象的項(xiàng)目稱為數(shù)據(jù)項(xiàng)（又稱為字段），所有

27、數(shù)據(jù)項(xiàng)組成一個(gè)記錄，若干個(gè)同類記錄構(gòu)成表文件。若干個(gè)同類記錄構(gòu)成表文件。若干個(gè)表以與它們的關(guān)系等用來管理數(shù)據(jù)，也叫做數(shù)據(jù)庫文件。數(shù)據(jù)庫加上相應(yīng)的操作和管理數(shù)據(jù)庫的軟件，即為一個(gè)數(shù)據(jù)庫管理系統(tǒng)（DBMS），它能合理地組織和存儲大量數(shù)據(jù)，并支持對于數(shù)據(jù)庫表中數(shù)據(jù)的各種操作，如：更新、排序、索引、查詢、列表、打印等。數(shù)據(jù)庫系統(tǒng)是實(shí)現(xiàn)有組織地、動態(tài)地存儲大量的相關(guān)數(shù)據(jù)，方便用戶訪問的計(jì)算機(jī)軟件、硬件資源組成的系統(tǒng)，它由數(shù)據(jù)庫管理系統(tǒng)、數(shù)據(jù)庫以與支撐數(shù)據(jù)庫管理系統(tǒng)的軟、硬件構(gòu)成。數(shù)據(jù)庫離不開數(shù)據(jù)模型。數(shù)據(jù)模型是對現(xiàn)實(shí)世界客觀事物與其聯(lián)系的描述，它反映數(shù)據(jù)項(xiàng)之間和記錄之間的聯(lián)系，在數(shù)據(jù)庫技術(shù)中使用模型的概

28、念描述數(shù)據(jù)庫的結(jié)構(gòu)與語義。常用的三種數(shù)據(jù)模型：層次模型、網(wǎng)狀模型和關(guān)系模型。此外，還有面向?qū)ο竽Ｐ偷?。關(guān)系模型把數(shù)據(jù)之間的關(guān)系看成是一個(gè)二維表關(guān)系，因?yàn)槎S表關(guān)系建立在集合代數(shù)關(guān)系理論基礎(chǔ)上的，所以，把這種建立模型基礎(chǔ)上的數(shù)據(jù)庫稱為關(guān)系數(shù)據(jù)庫。數(shù)據(jù)庫與文件系統(tǒng)不同，其數(shù)據(jù)獨(dú)立于程序而存在，并可以提供給不同的用戶共享使用，其基本思想是對所有的數(shù)據(jù)實(shí)行統(tǒng)一的、集中的、獨(dú)立于程序的管理。關(guān)系數(shù)據(jù)庫管理系統(tǒng)很好地實(shí)現(xiàn)了這一基本思想。4.2系統(tǒng)數(shù)據(jù)庫的詳細(xì)建立信息管理系統(tǒng)離不開數(shù)據(jù)庫，它保存系統(tǒng)用到的數(shù)據(jù)。在鮮花店系統(tǒng)的數(shù)據(jù)庫主要用來保存用戶信息、訂單信息、產(chǎn)品信息等，所以數(shù)據(jù)庫主要用到的表有：用戶表、

29、訂單表、產(chǎn)品表和分類導(dǎo)航4類表。設(shè)計(jì)數(shù)據(jù)庫系統(tǒng)時(shí)應(yīng)該先充分了解各個(gè)方面的需求，根據(jù)需求決定數(shù)據(jù)庫結(jié)構(gòu)。4.2.1 數(shù)據(jù)庫需求分析簡單來說系統(tǒng)有3個(gè)對象：用戶、鮮花產(chǎn)品和訂單。用戶瀏覽鮮花產(chǎn)品，并且在需要的時(shí)候下訂單。為這些信息提供增加、修改、保存、更新和查詢，這就要求數(shù)據(jù)庫結(jié)構(gòu)能滿足這些信息的輸出和輸入。收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)與數(shù)據(jù)處理的流程，組合一份詳盡的數(shù)據(jù)字典，為程序設(shè)計(jì)打下基礎(chǔ)。系統(tǒng)需求積累用戶資源，通過用戶表來記錄用戶的信息，具體包括用戶的真名、地址、 、號、E-mail和密碼等基本信息。要給用戶展現(xiàn)產(chǎn)品，把鮮花產(chǎn)品的詳細(xì)信息介紹給用戶，需要產(chǎn)品信息表，具體包括產(chǎn)品名稱、各類屬性和所

30、屬分類等。為了改進(jìn)和完善系統(tǒng)的商品，可通過用戶對商品的評論進(jìn)行更新和調(diào)換，這就需要建立一個(gè)用戶評論表，包括評論ID，評論容，用戶名稱，用戶ID，產(chǎn)品ID，對應(yīng)目錄屬性ID等。是電子商務(wù)，最終目的是為用戶服務(wù)，使用戶瀏覽查詢后有購買的欲望，進(jìn)行購買行為。訂單類表格記錄用戶的購買行為，需要記錄購買的產(chǎn)品信息，付款人的信息，收款人的信息，下單時(shí)間等。為了方便用戶的查找，提高的服務(wù)質(zhì)量，對產(chǎn)品進(jìn)行不同的屬性導(dǎo)航，一個(gè)鮮花產(chǎn)品劃分可以包含不同的屬性，方便用戶的查找，促進(jìn)用戶的消費(fèi)，實(shí)現(xiàn)的價(jià)值，對具體查詢的屬性進(jìn)行分類，實(shí)現(xiàn)屬性導(dǎo)航表，包括產(chǎn)品屬性分類表，產(chǎn)品對應(yīng)產(chǎn)品屬性的對應(yīng)表。通過上述數(shù)據(jù)庫系統(tǒng)功能分

31、析，針對一般的在線花店的應(yīng)用需求，本系統(tǒng)所需要的表簡介如下：（1）用戶信息表，包括數(shù)據(jù)項(xiàng)、用戶ID、用戶代號等。（2）采購訂單表，包括數(shù)據(jù)項(xiàng)、訂單ID、付款人、付款人等。（3）訂單明細(xì)表，包括數(shù)據(jù)項(xiàng)、訂單明細(xì)編號、產(chǎn)品ID、訂單ID等。（4）產(chǎn)品表，包括數(shù)據(jù)項(xiàng)、產(chǎn)品ID、產(chǎn)品代碼、產(chǎn)品名稱等。（5）用戶評論表，包括數(shù)據(jù)項(xiàng)、ID評論容、用戶名稱等。（6）目錄屬性表，包括數(shù)據(jù)項(xiàng)、目錄編號名字、目錄編號等。（7）導(dǎo)航屬性字典表，包括數(shù)據(jù)項(xiàng)、導(dǎo)航ID、數(shù)字類型ID、文本類型ID等。（8）產(chǎn)品導(dǎo)航屬性對應(yīng)表，包括數(shù)據(jù)項(xiàng)、導(dǎo)航類型ID、導(dǎo)航名稱等。4.2.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)得到上面的數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)以后

32、，就可以設(shè)計(jì)出能夠滿足用戶需求的各種實(shí)體，以與它們之間的關(guān)系，為后面的邏輯結(jié)構(gòu)設(shè)計(jì)打下基礎(chǔ)。這些實(shí)體包括各種具體信息，通過相互之間的作用形成數(shù)據(jù)的流動。需求分析階段描述的用戶應(yīng)用需現(xiàn)實(shí)世界的具體需求，將需求分析得到的用戶需求抽象為信息結(jié)構(gòu)即概念模型的過程就是概念結(jié)構(gòu)設(shè)計(jì)。概念結(jié)構(gòu)是各種數(shù)據(jù)模型的共同基礎(chǔ)，它比數(shù)據(jù)模型更獨(dú)立于機(jī)器、更抽象，更加穩(wěn)定。概念結(jié)構(gòu)設(shè)計(jì)是整個(gè)數(shù)據(jù)庫設(shè)計(jì)的關(guān)鍵，是對現(xiàn)實(shí)世界的一種抽象，從實(shí)際的人、物、事和概念中抽取所關(guān)心的共同特性，忽略非本質(zhì)的細(xì)節(jié)，把這些特性用各種概念精確地加以描述，即實(shí)體關(guān)系圖。本實(shí)例設(shè)計(jì)規(guī)劃出的實(shí)體包括用戶實(shí)體、采購訂單明細(xì)實(shí)體、產(chǎn)品實(shí)體、用戶評論實(shí)

33、體、目錄信息實(shí)體、目錄屬性實(shí)體、導(dǎo)航屬性實(shí)體、查導(dǎo)航屬性對應(yīng)關(guān)系實(shí)體。本系統(tǒng)所涉與的實(shí)體間關(guān)系E-R圖如圖4.1所示：圖4.1 實(shí)體關(guān)系E-R圖4.2.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計(jì)完畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù)據(jù)庫系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結(jié)構(gòu)。在此簡單介紹如下三個(gè)表：表4.1為用戶表，記錄每個(gè)用戶的信息。表4.1 用戶表（myuser表）字段名稱數(shù)據(jù)類型說明autoid自動編碼主鍵，遞增，用戶在的標(biāo)識userid文本類型用戶IDpwd文本類型用戶口令sex文本類型性別：1男，0女realname文本類型真實(shí)personid文本類型用戶mobi

34、le文本類型手機(jī)phone文本類型固定lasttime日期類型修改時(shí)間：第一次就是注冊時(shí)間adrress文本類型用戶地址email文本類型表4.1中autoid是用戶惟一標(biāo)識，userid是在用戶注冊時(shí)自己注冊的名字，其他是用戶表的屬性。表4.2為產(chǎn)品信息表，記錄花店現(xiàn)有的產(chǎn)品信息。表4.2 產(chǎn)品信息表（product表）字段名稱數(shù)據(jù)類型說明autoid自動編寫主鍵，遞增，產(chǎn)品在的標(biāo)識code文本類型產(chǎn)品代碼，惟一標(biāo)識，自己定義的字符串name文本類型產(chǎn)品名稱description備注類型產(chǎn)品描述marketprice貨幣類型市場價(jià)格saleprice貨幣類型銷售價(jià)格myimageurl文本類

35、型圖片地址status數(shù)字類型產(chǎn)品狀態(tài)，是不銷售：0銷售，1停止銷售category文本類型產(chǎn)品種類lasttime日期類型修改時(shí)間：第一次就是增加時(shí)間priority數(shù)字類型排序用的優(yōu)先級別memberprice貨幣類型會員價(jià)格netimageurlsmall文本類型網(wǎng)絡(luò)小圖片地址netimageurlmid文本類型網(wǎng)絡(luò)中圖片地址netimageurlbigsign文本類型網(wǎng)絡(luò)大圖片地址sign數(shù)字類型標(biāo)志是否特價(jià)產(chǎn)品表4.2中autoid是產(chǎn)品在的惟一標(biāo)識，在數(shù)據(jù)增加是自動生成，category是對應(yīng)目錄表的分類字符串。表4.3為用戶評論表，記錄用戶對產(chǎn)品的評論。字段名稱數(shù)據(jù)類型說明aut

36、oid自動編碼評論IDcomment備注類型評論容nckname文本類型用戶名稱repiy備注類型管理答復(fù)容status識字類型是否顯示email文本類型userautoid數(shù)字類型用戶IDproductid數(shù)字類型產(chǎn)品IDlasttime數(shù)字類型對應(yīng)目錄屬性ID表4.3 用戶評論表（comment表）表4.3記錄用戶對查的評論，userautoid為0客人，不是用戶。本階段將實(shí)體和實(shí)體間的聯(lián)系轉(zhuǎn)換為關(guān)系模式，并確定這些實(shí)體模式的屬性。下面把部分E-R圖轉(zhuǎn)換成關(guān)系模型：用戶（用戶名、密碼、性別、真實(shí)、手機(jī)號、固定、用戶地址、 ）說明：此為用戶實(shí)體對應(yīng)的關(guān)系模型。產(chǎn)品信息（產(chǎn)品代碼、產(chǎn)品名稱、產(chǎn)

37、品描述、市場價(jià)格、圖片地址）說明：此為產(chǎn)品信息實(shí)體對應(yīng)的關(guān)系模型。用戶評論（評論ID、用戶ID、產(chǎn)品ID、評論容）說明：此為用戶評論實(shí)體對應(yīng)的關(guān)系模型。采購訂單（訂單ID、付款人、付款人）說明：此為采購訂單實(shí)體對應(yīng)的關(guān)系模型。訂單明細(xì)（訂單明細(xì)編號、產(chǎn)品ID、訂單ID）說明：此為訂單明細(xì)實(shí)體對應(yīng)的關(guān)系模型。目錄屬性（目錄編號、目錄編號名稱）說明：此為目錄屬性實(shí)體對應(yīng)的關(guān)系模型。產(chǎn)品導(dǎo)航屬性（導(dǎo)航類型ID、導(dǎo)航名稱）說明：此為產(chǎn)品導(dǎo)航屬性實(shí)體對應(yīng)的關(guān)系模型。4.3數(shù)據(jù)庫連接文件把數(shù)據(jù)庫連接操作封裝在一個(gè)頁面Commondb.asp中，以方便其他頁面調(diào)用。Commondb.asp頁面的參考代碼如下

38、：本例程定義了兩個(gè)常量myDatabase和mydblocation，其中myDatabase為數(shù)據(jù)庫名稱，mydblocation為數(shù)據(jù)庫存放位置，如果需要修改數(shù)據(jù)庫存放位置和名稱，就修改myDatabase和mydblocation這2個(gè)變量的值。第5章 界面設(shè)計(jì)5.1界面設(shè)計(jì)風(fēng)格本系統(tǒng)在界面設(shè)計(jì)上都采用了模塊化處理思想，把很多頁面公用部分集成一個(gè)模塊。例如，頁面的頭、尾和導(dǎo)航條，這樣在開發(fā)時(shí)遇到這些相似的頁面部分，就不需要重新編寫，直接引用這部分即可，不僅大大提高了開發(fā)效率，而且使得整個(gè)系統(tǒng)風(fēng)格較一致，有利于用戶快速了解并使用本系統(tǒng)。系統(tǒng)界面設(shè)計(jì)的合理性與美觀協(xié)調(diào)性將在下面文章中作詳細(xì)介

39、紹。5.1.1界面設(shè)計(jì)的合理性屏幕對角線相交的位置是用戶直視的地方，正上方四分之一處為易吸引用戶注意力的位置，在放置窗體時(shí)要注意利用這兩個(gè)位置。合理性細(xì)則：（1）重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置，如“購買”按鈕都放在鮮花商品的底部，方便用戶購買。（2）錯誤使用容易引起界面退出或關(guān)閉的按鈕不應(yīng)該放在易點(diǎn)擊的位置，橫排開頭或最后與豎排最后為易點(diǎn)擊的位置。（3）可能造成數(shù)據(jù)無法恢復(fù)的操作須提供確認(rèn)信息，給用戶放棄選擇的機(jī)會，如刪除鮮花商品予以提示，避免誤刪。（4）非法的輸入或操作應(yīng)有足夠的提示說明。（5）對運(yùn)行過程中出現(xiàn)問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成

40、無限期的等待。（6）提示、警告、或錯誤說明應(yīng)該清楚、明了、恰當(dāng)，以防用戶錯誤刪除。5.1.2界面設(shè)計(jì)的美觀與協(xié)調(diào)性界面大小應(yīng)適合美學(xué)觀點(diǎn)，感覺協(xié)調(diào)舒適，能在有效圍吸引用戶的注意力。美觀與協(xié)調(diào)性細(xì)則：（1）長寬接近黃金點(diǎn)比例，切忌長寬比例失調(diào)、或?qū)挾瘸^長度。（2）布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。（3）按鈕大小基本相近，忌用太長的名稱，免得占用過多的界面位置。（4）按鈕的大小要與界面的大小和空間要協(xié)調(diào)。（5）避免空曠的界面上放置很大的按鈕。（6）字體的大小要與界面的大小比例協(xié)調(diào)，通常使用的字體中宋體9-12較為美觀，很少使用超過12號的字體。（7）前景與背景色搭配合理協(xié)

41、調(diào)，反差不宜太大，最好少用深色，如大紅、大綠等。常用色考慮使用Windows界面色調(diào)。（8）若用其他顏色，主色要柔和，具有親和力與磁力，堅(jiān)決杜絕刺目的顏色。（9）界面風(fēng)格要保持一致，本系統(tǒng)采用模塊化思想，每個(gè)頁面都有一樣的頭和尾，設(shè)計(jì)風(fēng)格大體一致。另外，系統(tǒng)中字的大小、顏色、字體要一樣，除非是需要藝術(shù)處理或有特殊要求的地方。（10）如果能給用戶提供自定義界面風(fēng)格則更好，由用戶自己選擇顏色、字體等。5.2前臺界面設(shè)計(jì)與實(shí)現(xiàn)前臺界面主要是面向用戶使用，因此前臺界面的設(shè)計(jì)需要滿足用戶的需求，簡潔明了，方便、快捷，容易操作，不能太過復(fù)雜。本系統(tǒng)在前臺界面設(shè)計(jì)時(shí)都有考慮這些方面，系統(tǒng)的主要頁面簡單介紹如

42、下。（1）首頁界面設(shè)計(jì)：一般的電子商務(wù)，首頁所含的信息量非常大。為了方便維護(hù)，對首頁index.asp進(jìn)行分塊處理，然后用包含的方式，把各個(gè)塊組裝起來，這樣不僅使頁面結(jié)構(gòu)清晰，而且維護(hù)方便。（2）用戶注冊界面設(shè)計(jì)：用戶注冊頁面，首先提供一個(gè)供用戶輸入注冊信息的表單，當(dāng)用戶提交表單信息的時(shí)候，由另一個(gè)頁面去完成注冊。本實(shí)例提供注冊表單的頁面是Reg.asp，具體注冊處理的頁面是由RegSuccess.asp完成。（3）用戶登錄界面設(shè)計(jì)：用戶登錄判定一般由兩個(gè)頁面組成，頁面login.asp提供表單讓用戶輸入用戶名和密碼，當(dāng)用戶單擊頁面中“登錄”按鈕時(shí)，把用戶名、密碼提交到另一個(gè)頁面userlog

43、indo.asp，由userlogindo.asp頁面作具體的登錄處理。login.asp就是一個(gè)簡單的包含表單的HTML頁面，并引入公用頭尾文件，不過login.asp需要用到j(luò)avascipt驗(yàn)證表單，防止用戶輸入空信息。（4）產(chǎn)品詳細(xì)信息界面設(shè)計(jì)：用戶在產(chǎn)品瀏覽頁面中單擊某個(gè)產(chǎn)品，就會進(jìn)入產(chǎn)品的詳細(xì)信息頁面，產(chǎn)品詳細(xì)頁面Detail.asp主要包含兩部分容：一部分是產(chǎn)品信息顯示，另一部分是針對該產(chǎn)品的用戶評論。（5）購物車界面設(shè)計(jì)：我的購物車頁面Cart.asp主要暫存用戶選擇的預(yù)購買的產(chǎn)品，通過cookie技術(shù)實(shí)現(xiàn)購物車，具體實(shí)現(xiàn)方法在cartcookie.asp中完成。（6）結(jié)賬處理

44、界面：當(dāng)用戶把產(chǎn)品放進(jìn)購物車中，單擊“結(jié)帳”按鈕時(shí)，需要顯示結(jié)帳頁面，結(jié)帳頁面對應(yīng)的文件是check.asp，在結(jié)帳頁面需要先顯示用戶決定購買的產(chǎn)品信息，然后提供表單讓用戶輸入，選擇送貨的時(shí)間等，待用戶輸入完畢提交訂單后，進(jìn)入checkconfirm.asp頁面，即訂單確認(rèn)頁面，進(jìn)行用戶確認(rèn)信息，并給出訂單號，可供用戶查詢自己的訂單。訂單確認(rèn)并提交完成后，可選擇單擊“繼續(xù)購物”按鈕重新繼續(xù)購買，則跳轉(zhuǎn)到首頁，用戶也可結(jié)束此次購買活動，單擊“注銷”退出系統(tǒng)，進(jìn)入logout.asp頁面，然后根據(jù)用戶自己的需求選擇下一步的活動。5.3頁面跳轉(zhuǎn)關(guān)系系統(tǒng)都是由多個(gè)頁面組合完成，每個(gè)頁面分別實(shí)現(xiàn)各自的功

45、能，頁面之間存在跳轉(zhuǎn)關(guān)系，如由首頁到注冊頁面的跳轉(zhuǎn)，由注冊頁面到登錄頁面的跳轉(zhuǎn)，由登錄頁面到鮮花產(chǎn)品選購頁面的跳轉(zhuǎn)，到購物車頁面的跳轉(zhuǎn)，到提交訂單頁面的跳轉(zhuǎn)等。訂單確認(rèn)并提交完成后，可選擇單擊“繼續(xù)購物”按鈕重新繼續(xù)購買，則跳轉(zhuǎn)到首頁，用戶也可結(jié)束此次購買活動，單擊“注銷”退出系統(tǒng)，進(jìn)入注銷頁面，然后根據(jù)自己的需求選擇下一步的活動。在線鮮花銷售系統(tǒng)的各個(gè)主要頁面跳轉(zhuǎn)關(guān)系如圖5.1所示：圖5.1 頁面跳轉(zhuǎn)關(guān)系頁面之間的跳轉(zhuǎn)關(guān)系簡介：（1）用戶先進(jìn)入首頁（index.asp頁面），然后用戶根據(jù)自己的實(shí)際情況進(jìn)行選擇；（2）如果先是用游客的身份進(jìn)入頁面的用戶，即未登錄的用戶，也可以查看鮮花的詳細(xì)信息

46、，如果感覺商品符合自己的意愿，也想購買，可以單擊“購買按鈕”進(jìn)入cart.asp頁面，繼續(xù)單擊“去會員收銀臺”按鈕，由于只是游客身份，不能直接購買鮮花，此時(shí)進(jìn)入cartlogin.asp頁面，此頁面會提示會員登錄和會員注冊。如果已經(jīng)是會員，可直接登錄，然后提交訂單進(jìn)入check.asp頁面，購?fù)晟唐泛笠部梢詫ζ浒l(fā)表評論，最后注銷登錄；如果不是會員，需要先注冊成為會員，進(jìn)入Reg.asp頁面，用戶填寫完信息，單擊“提交”按鈕，進(jìn)入RegSuccess.asp頁面，提示注冊成功，然后再登錄，再以會員的身份提交訂單，發(fā)表評論，以與注銷登錄等；（3）如果是新用戶，而且想注冊成會員，可直接單擊“注冊”按

47、鈕，進(jìn)入Reg.asp頁面，用戶填寫完信息，單擊“提交”按鈕，進(jìn)入RegSuccess.asp頁面，提示注冊成功，然后再登錄，以會員身份查看鮮花的詳細(xì)信息，購買并提交訂單，對鮮花商品發(fā)表評論，最后注銷登錄；（4）如果已是會員，直接登錄即可，然后查看鮮花詳細(xì)信息，購買鮮花，查看訂單信息，也可更改訂單信息，最后發(fā)表對商品的意見或建議與注銷登錄。主要頁面說明：Login.asp：用戶登錄界面，包括用戶名和密碼，點(diǎn)擊登錄按鈕，登錄成功后提示并跳轉(zhuǎn)到index.asp主面。Reg.asp：用戶注冊頁面，包括用戶名、密碼、確認(rèn)密碼、性別、固定、手機(jī)和，點(diǎn)擊“提交”按鈕，輸入正確將提示注冊成功并跳轉(zhuǎn)到Reg

48、Success.asp頁面，然后單擊“購買鮮花”跳轉(zhuǎn)到index.asp頁面，用戶重新登錄，然后進(jìn)行選購。Cart.asp：購物車頁面，即可查看添加的鮮花信息，頁面包括刪除和去收銀臺按鈕，點(diǎn)擊刪除按鈕可以將鮮花從購物車中移除，點(diǎn)擊去收銀臺按鈕將跳轉(zhuǎn)到check.asp訂單頁面，包括用戶要購買的鮮花信息，付款人的詳細(xì)信息，包括、詳細(xì)地址、送貨時(shí)間、特定說明等。點(diǎn)擊提交訂單按鈕跳轉(zhuǎn)到checkconfirm.asp訂單確認(rèn)頁面，該頁面包括用戶購買的鮮花信息和總價(jià)，并要求用戶輸入自己的收貨地址和聯(lián)系。第6章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)6.1模塊頭尾結(jié)構(gòu)設(shè)計(jì)一般的電子商務(wù)，首頁所含的信息量是非常大的，為了方便維護(hù)

49、，對首頁進(jìn)行分塊處理，然后用包含的方式，把各個(gè)塊組裝起來，這樣不僅使頁面結(jié)構(gòu)清晰，而且維護(hù)方便。本系統(tǒng)在模塊設(shè)計(jì)上都采用了模塊化處理思想，把很多頁面公用部分集成一個(gè)模塊。例如，頁面的頭、尾和導(dǎo)航條，這樣在開發(fā)時(shí)遇到這些相似的頁面部分，就不需要重新編寫，只要重用這部分即可，大大提高了開發(fā)效率。為了實(shí)現(xiàn)代碼復(fù)用，把頭文件設(shè)計(jì)成公用模塊，單獨(dú)保存為一個(gè)文件，其他頁面應(yīng)用的時(shí)候只要包含這個(gè)頭文件就可以了。頭文件中主要放置標(biāo)志和各個(gè)2級頻道，保存成HTML文件格式，放置到文件夾下，文件名稱為top.html，這樣其他頁面只要應(yīng)用 就可以使其他頁面具有風(fēng)格統(tǒng)一的“頭”。和頁頭一樣，我們把聲明、聯(lián)系等信息保

50、存在尾文件bottom.html中，同樣其他頁面只需應(yīng)用即可使用具有統(tǒng)一風(fēng)格的“尾”。6.2層次與模塊設(shè)計(jì)在線花店系統(tǒng)是一個(gè)相對簡單的基本應(yīng)用系統(tǒng)，主要滿足傳統(tǒng)的花店運(yùn)營需要，將銷售渠道擴(kuò)展到網(wǎng)上。用戶可以很方便的注冊成為會員，對商品進(jìn)行瀏覽檢索，查看商品的詳細(xì)資料，再根據(jù)各人的喜好購買心儀的商品。系統(tǒng)會自動為顧客生成訂單，按照顧客所填寫的信息提交訂單。用戶管理模塊，管理用戶登錄、用戶注冊和用戶修改等用戶信息，與一般電子商務(wù)的用戶管理系統(tǒng)基本一樣。用戶還可以瀏覽商品、維護(hù)購物車、提交訂單、評論和注銷登錄等。用戶管理模塊結(jié)構(gòu)圖如下圖6.1所示：圖6.1 用戶管理模塊結(jié)構(gòu)圖導(dǎo)航分類檢索模塊，按不同

51、分類和不同應(yīng)用導(dǎo)航產(chǎn)品，把相關(guān)產(chǎn)品列出。如按用途選購、按花材選購、按對象選購、按價(jià)格選購等。導(dǎo)航分類檢索模塊的詳細(xì)算法設(shè)計(jì)如下圖6.2所示：購物車處理模塊，通過cookie技術(shù)實(shí)現(xiàn)購物車。用戶選擇產(chǎn)品后，點(diǎn)擊“購買”按鈕進(jìn)入購物車頁面，購物車中列已經(jīng)選購的鮮花明細(xì)項(xiàng)，包括用戶已選購的鮮花信息與數(shù)量和總價(jià)，用戶也可以在購物車中更改鮮花數(shù)量或者刪除已選購的鮮花。購物車處理模塊的詳細(xì)算法設(shè)計(jì)如下圖6.3所示：訂單信息處理模塊，用戶可以查看自己的訂單信息，也可更改訂單信息。當(dāng)用戶確定購買產(chǎn)品并成功生成訂單后，用戶還可以隨時(shí)查詢已經(jīng)生成的訂單，查看訂單的發(fā)貨狀態(tài)，訂單金額，收貨人等信息。訂單信息處理模塊

52、的詳細(xì)算法設(shè)計(jì)如下圖6.4所示： 圖6.2 導(dǎo)航分類模塊結(jié)構(gòu)圖 圖6.3 購物車模塊結(jié)構(gòu)圖 圖6.4 訂單處理模塊6.3程序描述進(jìn)入本系統(tǒng)時(shí)，用戶只有登錄后方可對鮮花進(jìn)行提交訂單完成選購，若沒有登錄的游客，只能瀏覽商品信息，心儀的商品也可暫時(shí)存放在購物車中，但不能實(shí)現(xiàn)支付。不是會員的用戶也可先免費(fèi)注冊成為會員，再購買商品。若果用戶已經(jīng)選購一件商品，想繼續(xù)購物，或者想修改已選購商品的數(shù)量，都可以在購物車中實(shí)現(xiàn)，也可選擇繼續(xù)購物，則單擊“繼續(xù)購物”按鈕，暫不去收銀臺結(jié)算；如果選購?fù)瓿?，則可單擊“去收銀臺”進(jìn)行結(jié)算，結(jié)算前需要確認(rèn)并填寫用戶的詳細(xì)信息，再單擊“提交”按鈕。用戶還可對鮮花商品進(jìn)行評論，

53、發(fā)表自己的意見或建議，以供其他用戶參考，并幫助賣方修改與完善商品，以提供更優(yōu)越的產(chǎn)品質(zhì)量，滿足用戶更高的要求。最后注銷登錄，完成此次購買活動。簡要流程圖如下圖6.5和圖6.6所示： 圖6.5 登錄判斷流程圖 圖6.6 購物流程圖6.4系統(tǒng)實(shí)現(xiàn)的詳細(xì)功能用戶功能描述：用戶可以注冊成為會員、登錄系統(tǒng)、瀏覽鮮花，查看鮮花詳情、購買鮮花、維護(hù)購物車、提交訂單等，如果用戶對某些鮮花商品有建議或者建議，可對鮮花進(jìn)行評論，以供其他用戶了解詳細(xì)信息與管理員修改完善商品。（1）用戶注冊：如果非會員用戶想要購買鮮花，首先需要注冊成為會員，方可對鮮花進(jìn)行選購，否則只能瀏覽鮮花。注冊時(shí)，需填寫注冊信息。（2）用戶登錄

54、：登錄成功的用戶方可進(jìn)行選購，并維護(hù)自己的購物車以與提交訂單，發(fā)表評論等。（3）查看鮮花詳細(xì)情況：非會員用戶或用戶在沒有登錄的情況下都可查看鮮花，點(diǎn)擊鮮花圖片，即可查看詳情。（4）購物車功能：用戶選擇想要購買的鮮花放入購物車中，可以查看購物車，也可以刪除商品，在購物車中可查看已選購商品的總價(jià)格等。（5）提交訂單：如果用戶選購?fù)晟唐罚梢匀ナ浙y臺進(jìn)行結(jié)算，結(jié)算之前需提交訂單，確認(rèn)并填寫用戶的詳細(xì)信息，以供賣家發(fā)貨。（6）訂單查詢：當(dāng)用戶確定購買產(chǎn)品并成功生成訂單后，用戶還可以隨時(shí)查詢已經(jīng)生成的訂單，查看訂單的發(fā)貨狀態(tài)，訂單金額，收貨人等信息。用戶可以在界面底部單擊“查詢訂單”去查看訂單信息。（7

55、）用戶評論：用戶可以發(fā)表對商品的意見或建議。（8）用戶注銷：選購?fù)晟唐凡⑻峤挥唵蔚挠脩?，可選擇繼續(xù)瀏覽其他商品，也可選擇退出系統(tǒng)，或者切換其他用戶登錄。功能實(shí)現(xiàn)詳細(xì)描述如下：（1）用戶注冊：首先提供一個(gè)供用戶輸入注冊信息的表單，當(dāng)用戶提交表單信息的時(shí)候，由另一個(gè)頁面去完成注冊。本例中提供注冊表單的頁面是reg.asp，具體注冊處理是由頁面是regsuess.asp完成。（2）用戶登錄：用戶登錄判定一般由兩個(gè)頁面組成，頁面login.asp提供表單讓用戶輸入用戶名和密碼，當(dāng)用戶單擊頁面中“登錄”按鈕時(shí)，把用戶名、密碼提交到另一個(gè)頁面userlogindo.asp，由userlogindo.asp

56、頁面作具體的登錄處理。login.asp就是一個(gè)簡單的包含表單的HTML頁面，并引入公用頭尾文件，不過login.asp需要用到j(luò)avascipt驗(yàn)證表單，防止用戶輸入空信息。本模塊中，函數(shù)userloginsubmit()主要在用戶單擊“登錄”按鈕的時(shí)候驗(yàn)證用戶輸入的用戶名、密碼是否為空。函數(shù)userloginkeydown()，主要完成當(dāng)用戶按回車鍵時(shí)，提交表單。也就是說當(dāng)用戶輸入用戶名、密碼后單擊“登錄”按鈕或者按回車鍵都會提交表單。實(shí)現(xiàn)這個(gè)功能是為了用戶界面友好，方便最終用戶的使用。函數(shù)userloginuserid()主要完成當(dāng)用戶輸入完用戶名按回車時(shí)，焦點(diǎn)跳到輸入密碼的文本框中。（

57、3）查看鮮花詳細(xì)情況：用戶在產(chǎn)品瀏覽頁面中單擊某個(gè)產(chǎn)品，就會進(jìn)入產(chǎn)品的詳細(xì)信息頁面，產(chǎn)品詳細(xì)頁面主要包含兩部分容：一部分是產(chǎn)品信息顯示；另一部分是針對該產(chǎn)品的用戶評論。產(chǎn)品信息頁面的實(shí)現(xiàn)文件是通過訪問Detail.asp完成，利用包含文件來顯示單個(gè)產(chǎn)品的詳細(xì)信息；然后再利用包含文件來顯示針對該產(chǎn)品的所有評論信息。在頁面中Detailone.asp先調(diào)用Getproduct方法得到產(chǎn)品對象。（4）購物車功能：我的購物車頁面主要暫存用戶選擇的預(yù)購買的產(chǎn)品，由頁面Cart.asp和cartcookie.asp實(shí)現(xiàn)。當(dāng)用戶購?fù)晟唐泛?，可進(jìn)入購物車頁面。在這里用戶可以對其所購物品進(jìn)行再次確認(rèn)并統(tǒng)計(jì)費(fèi)用，

58、也可以對所購商品的數(shù)量進(jìn)行調(diào)整，或刪除商品。當(dāng)正式確認(rèn)后便可進(jìn)入“收銀臺”。點(diǎn)擊提交訂單按鈕跳轉(zhuǎn)到checkconfirm.asp訂單確認(rèn)頁面，該頁面包括用戶購買的鮮花信息和總價(jià)，并要求用戶輸入自己的收貨地址和聯(lián)系。（5）提交訂單：結(jié)帳頁面對應(yīng)的文件是check.asp，在結(jié)帳頁面需要先顯示用戶決定購買的產(chǎn)品信息，然后提供表單讓用戶輸入，選擇送貨的時(shí)間等。當(dāng)用戶填寫完表單，單擊“確定并提交”按鈕時(shí)需要對用戶輸入的信息進(jìn)行驗(yàn)證，以確保用戶輸入信息都是有效的。（6）訂單查詢：由于訂單包含的信息比較多，因此在用戶查詢訂單信息時(shí)，首先給出訂單的一個(gè)列表，顯示每個(gè)訂單的概要信息，當(dāng)用戶單擊某個(gè)訂單的時(shí)候

59、，再顯示該訂單包含的產(chǎn)品等詳細(xì)信息。也正是考慮到這點(diǎn)，在設(shè)計(jì)數(shù)據(jù)庫存儲時(shí)便把訂單分為訂單概要信息和訂單明細(xì)分別進(jìn)行儲存。顯示訂單概要信息就是從數(shù)據(jù)庫表myorder中查詢屬于登錄用戶訂單，然后把訂單概要信息顯示在頁面中，并且在訂單號列提供連接，當(dāng)用戶在訂單號列單擊某個(gè)訂單號時(shí)跳轉(zhuǎn)到OrderDetail.asp 頁面，由頁面OederDetail.asp.顯示訂單的詳細(xì)信息。（7）用戶評論：Commentone.asp頁面主要顯示用戶針對該產(chǎn)品的所有評論，例程中的query =select TOP 10 * from comment where productid = & productid

60、& order by lasttime desc語句，是從數(shù)據(jù)庫comment表中得到相關(guān)產(chǎn)品的最后增加的前10條評論（按時(shí)間倒順序排列，然后取前10條）。（8）用戶注銷：logout.asp主要實(shí)現(xiàn)用戶注銷，完成此次購買活動。6.5編碼規(guī)ASP編碼分為兩大部分，一部分為靜態(tài)文件編碼，一部分為包含服務(wù)器端腳本的動態(tài)文件編碼。靜態(tài)文件編碼分Script編碼和HTML編碼兩部分。靜態(tài)文件腳本部分采用JavaScript編寫，輸出部分采用HTML標(biāo)記語言。（1）HTML標(biāo)記語言編碼規(guī)= 1 * GB3 標(biāo)記的換行規(guī)：text= 2 * GB3 標(biāo)記的關(guān)閉規(guī)：靜態(tài)文件容必須包含在標(biāo)記中間；標(biāo)記必須包含