網(wǎng)上花店畢業(yè)設(shè)計(jì)

1、華東交通大學(xué)華東交通大學(xué) 畢業(yè)設(shè)計(jì)（論文）畢業(yè)設(shè)計(jì)（論文） 題目：題目： 學(xué)學(xué) 院院: 理工學(xué)院理工學(xué)院 專專 業(yè)業(yè): 計(jì)算機(jī)科學(xué)與技計(jì)算機(jī)科學(xué)與技 術(shù)術(shù) 班班 級級: 姓姓 名名: 學(xué)學(xué) 號號: 指導(dǎo)教指導(dǎo)教 師師: 完成日期完成日期: 2010-5-4 華華東東 交交通通 大大學(xué)學(xué) 畢畢業(yè)業(yè) 設(shè)設(shè)計(jì)計(jì) 畢業(yè)設(shè)計(jì)（論文）誠信聲明畢業(yè)設(shè)計(jì)（論文）誠信聲明 本人本人鄭鄭重聲明：所呈交的重聲明：所呈交的畢業(yè)設(shè)計(jì)畢業(yè)設(shè)計(jì)（ （論論文）是我文）是我 個(gè)人在個(gè)人在導(dǎo)師導(dǎo)師指指導(dǎo)導(dǎo)下下進(jìn)進(jìn)行的研究工作及取得的研究成行的研究工作及取得的研究成 果。就我所知，除了文中特果。就我所知，除了文中特別別加以加以標(biāo)標(biāo)

2、注和致注和致謝謝的地的地 方外，方外，論論文中不包含其他人已文中不包含其他人已經(jīng)發(fā)經(jīng)發(fā)表和撰寫的研究表和撰寫的研究 成果，也不包含成果，也不包含為獲為獲得得華東華東交通大學(xué)或其他教育機(jī)交通大學(xué)或其他教育機(jī) 構(gòu)的學(xué)位或構(gòu)的學(xué)位或證書證書所使用所使用過過的材料。的材料。 如在文中涉及抄如在文中涉及抄襲襲或剽竊行或剽竊行為為，本人愿承擔(dān)由，本人愿承擔(dān)由 此而造成的一切后果及此而造成的一切后果及責(zé)責(zé)任。任。 本人簽名 導(dǎo)師簽名 2010 年年 5 月月 日日 ( (論文論文) )評閱書評閱書 姓名姓名學(xué)號學(xué)號專業(yè)專業(yè) 畢業(yè)設(shè)計(jì)畢業(yè)設(shè)計(jì)(論文論文)題目題目 答辯小組評語：答辯小組評語： 等級等級 組長簽

3、字：組長簽字： 年年 月月 日日 答辯委員會綜合評語：答辯委員會綜合評語： 等級等級 答辯委員會主任簽字：答辯委員會主任簽字： 年年 月月 日（學(xué)院公章）日（學(xué)院公章） 注：答辯小組根據(jù)評閱人的評閱簽署意見、初步評定成績，交答辯委員會審定，蓋學(xué)院公章。 “等級”用優(yōu)、良、中、及、不及五級制（可按學(xué)院制定的畢業(yè)設(shè)計(jì)(論文)成績評定辦法評 定最后成績） 。 華東交通大學(xué)畢業(yè)設(shè)計(jì)（論文）答辯記錄華東交通大學(xué)畢業(yè)設(shè)計(jì)（論文）答辯記錄 姓名學(xué)號畢業(yè)屆別專業(yè)計(jì)算機(jī)科學(xué)與技術(shù) 題目答辯時(shí)間 答辯組成員（簽字）： 答辯記錄： 記錄人（簽字）： 年 月 日 答辯小組組長（簽字）： 年 月 日 附注： 目錄 一、

4、在一、在 線線 花花 店店.2 二、特二、特 色色 突突 破破.3 三、三、 系系 統(tǒng)統(tǒng) 概概 述述.3 3.1 系統(tǒng)設(shè)計(jì).3 3.1.1 系統(tǒng)功能與應(yīng)用背景.3 3.1.2 系統(tǒng)瀏覽.4 3.1.3 系統(tǒng)特點(diǎn).4 3.2 系統(tǒng)設(shè)計(jì)和架構(gòu) .5 3.2.1 系統(tǒng)設(shè)計(jì)思想.5 3.2.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì).5 系統(tǒng)功能模塊細(xì)分.6 3.2.3服務(wù)器和asp運(yùn)作環(huán)境配置.6 3.3 數(shù)據(jù)庫的設(shè)計(jì)、生成與配置.8 3.3.1 數(shù)據(jù)庫需求分析.9 3.3.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì).9 3.3.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì).12 3.4 公用模塊的編寫.16 3.4.1數(shù)據(jù)庫連接文件.16 3.4.2頁面頭文件.22

5、3.4.3頁面尾文件.23 3.5 前臺界面設(shè)計(jì)與實(shí)現(xiàn).27 3.5.1首頁設(shè)計(jì).27 3.5.2產(chǎn)品詳細(xì)信息.32 3.5.3我的購物車頁面設(shè)計(jì).36 3.5.4結(jié)帳處理.40 3.5.5用戶注冊的設(shè)計(jì)與實(shí)現(xiàn).47 3.5.6訂單查詢.49 四、四、 結(jié)結(jié) 論論.50 五、致五、致 謝謝.51 六、參考文獻(xiàn)六、參考文獻(xiàn).52 摘要摘要 本系統(tǒng)是一個(gè)相對簡單的基本應(yīng)用系統(tǒng)，主要滿足傳統(tǒng)的花店運(yùn)營需要，將自己的 銷售渠道擴(kuò)展到網(wǎng)上，通過簡單的管理，提供給最終消費(fèi)者產(chǎn)品的展現(xiàn)、購物、訂單處 理等一實(shí)現(xiàn)鮮花在線銷售。 通過本系統(tǒng)可以管理簡單的在線銷售模式、滿足用戶隨時(shí)查詢產(chǎn)品信息，隨時(shí)下 單購物的應(yīng)

6、用需求。由于本系統(tǒng)考慮到產(chǎn)品的適應(yīng)性、安全性和訪問效率，所以，在系 統(tǒng)平臺多樣性、技術(shù)先進(jìn)性、功能適應(yīng)性和靈活性等方面都有考慮，使系統(tǒng)相對完善， 具有更好的學(xué)習(xí)價(jià)值。 關(guān)鍵詞:花店,在線,網(wǎng)店 abstract the present system is a relatively simple and basic applications, mainly to meet the needs of the traditional flower shop operator, will expand its sales channels to the internet through simple

7、management, to the final consumer products show, shopping, order processing and so on to achieve a online sales of flowers. the system can be managed through a simple on-line sales mode, the user at any time to meet the product information, shopping at any time under a single application requirement

8、s. as a result of the system, taking into account the products adaptability, security and efficiency of the visit, so the system platform diversity, advanced technology, flexibility and adaptability features, and so on are considered relatively sound system, better learning. key words: flower shop o

9、nline, shop 一、在一、在 線線 花花 店店 再線花店系統(tǒng)將傳統(tǒng)的花店經(jīng)營管理模式與計(jì)算機(jī)網(wǎng)絡(luò)的綜合經(jīng)營管理模式結(jié)合在一 起。將人、機(jī)、物的需求、活動(dòng)和運(yùn)作進(jìn)行系統(tǒng)分析、設(shè)計(jì)并管理，一實(shí)現(xiàn)現(xiàn)代高效、科 學(xué)且安全的電子商務(wù)。 本例通過一個(gè)在線花店的實(shí)例來介紹 asp 與 access 數(shù)據(jù)庫結(jié)合開發(fā)的小型電子商務(wù)系 統(tǒng)的過程。在系統(tǒng)設(shè)計(jì)時(shí)。從傳統(tǒng)花店的經(jīng)營模式，網(wǎng)上用戶需求與業(yè)務(wù)經(jīng)營模式，計(jì)算 機(jī)網(wǎng)絡(luò)管理、系統(tǒng)設(shè)計(jì)等幾方面綜合分析，定義系統(tǒng)的輸入、輸出、實(shí)現(xiàn)功能、系統(tǒng)運(yùn)作 能力、系統(tǒng)安全性、系統(tǒng)可維護(hù)性等各項(xiàng)需求。其中數(shù)據(jù)庫采用 access，動(dòng)態(tài)網(wǎng)頁開發(fā)采 用 asp，綜合應(yīng)用了 a

10、do、數(shù)據(jù)庫設(shè)計(jì)、密碼、身份驗(yàn)證和緩存等技術(shù)。 二、特二、特 色色 突突 破破 網(wǎng)上花店系統(tǒng)適合在線銷售鮮花、禮品等，具有商品多屬性檢索（支持多重屬性分類） 、 購物車、訂單提交和查詢等網(wǎng)上花店所需的基本功能。 本系統(tǒng)采用 asp 編寫，在 windows 的 iis 的支持下運(yùn)行。為了提高系統(tǒng)的效率，使用 戶瀏覽時(shí)候響應(yīng)速度更快，本實(shí)例后臺采用了緩存技術(shù)。 三、三、 系系 統(tǒng)統(tǒng) 概概 述述 3.1 系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì) 3.1.1 系統(tǒng)功能與應(yīng)用背景系統(tǒng)功能與應(yīng)用背景 互聯(lián)網(wǎng)以前所未有的速度發(fā)展，成為與報(bào)紙、廣播、電視相比肩的第四媒體，同時(shí)正以 其更捷的信息傳輸形式改變這人們的消費(fèi)模式，利用簡單

11、、快界、低成本的電子通信方式， 買賣雙方不謀面就可以進(jìn)行各種商貿(mào)活動(dòng)，走向商業(yè)的互聯(lián)網(wǎng)已經(jīng)成為網(wǎng)絡(luò)經(jīng)濟(jì)的大勢所 趨。 眼下電子商務(wù)網(wǎng)站正如雨后春筍般大量涌現(xiàn)，企業(yè)網(wǎng)絡(luò)化已經(jīng)一種時(shí)尚。電子商務(wù)的發(fā) 展可能大家都已經(jīng)耳濡目染，上網(wǎng)的朋友對這已經(jīng)不再陌生，電子商務(wù)確確實(shí)實(shí)出現(xiàn)在我 們周圍。本系統(tǒng)是一個(gè)在線花店系統(tǒng)，具有在線先手鮮花的基本功能。同過配置，可以作 為一個(gè)實(shí)際應(yīng)用的鮮花銷售網(wǎng)站。本系統(tǒng)是為傳統(tǒng)經(jīng)營的花店構(gòu)建網(wǎng)上銷售渠道而開發(fā)的。 本例中的在線花店重要完成的功能如下。 鮮花產(chǎn)品選購（可按分類方式查找鮮花種類或通過關(guān)鍵字進(jìn)行查詢） 購物車功能 查看鮮花詳細(xì)情況 用戶注冊 用戶登陸 查看用戶的訂

12、單信息 用戶評論 3.1.2 系統(tǒng)瀏覽系統(tǒng)瀏覽 圖 3-1 是用戶訪問網(wǎng)站的第一個(gè)界面，也是本系統(tǒng)的主界面。用戶通過這個(gè)主界面可 以瀏覽網(wǎng)站各個(gè)分類頁面，瀏覽推薦商品和查看分類屬性頁等。 圖 3-1 網(wǎng)站的首頁 3.1.3 系統(tǒng)特點(diǎn)系統(tǒng)特點(diǎn) 本章所介紹的實(shí)例具有以下特點(diǎn)。 （1）頁面模塊化 本系統(tǒng)在界面設(shè)計(jì)上都采用了模塊化處理思想，把很多頁面功用部分集成一個(gè)模塊，例 如頁面的頭、尾和導(dǎo)航條，這樣在開發(fā)是遇到這些相似的頁面部分，就不需要重新 編寫，只要重用這部分即可，大大提高了開發(fā)效率。 （2）緩存技術(shù) 把產(chǎn)品導(dǎo)航信息放到內(nèi)存中緩存起來，大大提高了網(wǎng)站效率和響應(yīng)速度。 3.2 系統(tǒng)設(shè)計(jì)和架構(gòu)系統(tǒng)

13、設(shè)計(jì)和架構(gòu) 3.2.1 系統(tǒng)設(shè)計(jì)思想系統(tǒng)設(shè)計(jì)思想 電子上午發(fā)展已經(jīng)有 10 多年的歷史了，在中國很多人對電子商務(wù)也逐漸接受和認(rèn)可。 網(wǎng)上購物作為依仗時(shí)尚很多人去體會，更有部分人把購物同逛商場等顯示社會服務(wù)一樣作 為生活的一部分。鮮花作為生活的點(diǎn)綴，也越來越為生活所需要。這種網(wǎng)上買賣鮮花的交 易越來越多，也逐漸被廣大消費(fèi)者所接受。 本系統(tǒng)是一個(gè)相對簡單的基本應(yīng)用系統(tǒng)，主要滿足傳統(tǒng)的花店運(yùn)營需要，將自己的銷 售渠道擴(kuò)展到網(wǎng)上，通過簡單的管理，提供給最終消費(fèi)者產(chǎn)品的展現(xiàn)、購物、訂單處理等 一實(shí)現(xiàn)鮮花在線銷售。 通過本系統(tǒng)可以管理簡單的在線銷售模式、滿足用戶隨時(shí)查詢產(chǎn)品信息，隨時(shí)下單購 物的應(yīng)用需求。

14、由于本系統(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)成的模塊來組裝就可以了。 3.2.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 本實(shí)例由 web 服務(wù)器為最終用戶提供展現(xiàn)服務(wù)和為管理員提供管理服務(wù)；用數(shù)據(jù)庫 保存產(chǎn)品、用戶和訂單等信息。系統(tǒng)結(jié)構(gòu)如圖 3-2 所示 數(shù)據(jù) 庫 web 服務(wù)器 管理員 用戶系統(tǒng)用戶系統(tǒng)用戶系統(tǒng) 圖 3-2 系統(tǒng)結(jié)構(gòu)圖 系統(tǒng)功能模塊細(xì)分系統(tǒng)功能模塊細(xì)分 （1）用戶管

15、理模塊 管理用戶登錄、用戶注冊和用戶修改等用戶信息的基本功能，與一般電子商務(wù)的 用戶管理系統(tǒng)基本相同。 （2）產(chǎn)品信息模塊 陳列產(chǎn)品的詳細(xì)信息 （3）導(dǎo)航分類檢索模塊 按不同分類和不同應(yīng)用導(dǎo)航產(chǎn)品，把相關(guān)產(chǎn)品列出。 （4）購物車處理模塊 通過 cookie 技術(shù)實(shí)現(xiàn)購物車。用戶選者產(chǎn)品后，點(diǎn)擊“購買”進(jìn)入購物頁面，陳 列要購買的產(chǎn)品明細(xì)項(xiàng)。 （5）用戶選擇產(chǎn)品完畢，通過購物頁面到訂單結(jié)帳頁面，填寫必要的信息，產(chǎn)生 最終訂單；還提供訂單查詢功能。 3.2.3 服務(wù)器和服務(wù)器和 asp 運(yùn)作環(huán)境配置運(yùn)作環(huán)境配置 1軟件準(zhǔn)備 本章實(shí)例的數(shù)據(jù)庫管理軟件采用 access，安裝 office 的時(shí)候便會

16、附帶安裝 access 如果讀者機(jī)器上沒有安裝 access，請準(zhǔn)備 office 軟件；web 服務(wù)采用 iis，iis 的安裝請參考 1.3.4 節(jié)。 2.iis 的配置 iis 默認(rèn)的 web（主頁）文件存放于系統(tǒng)根區(qū)的“%system%inetpu/wwwroot”中。 這里簡單介紹 iis 配置虛擬目錄的過程。在“控制面板” ，雙擊“管理工具” ，在 “管人站點(diǎn)” ，然后用鼠標(biāo)右鍵單擊“默認(rèn)網(wǎng)站” 。從彈出的快捷菜單中選擇【新 建】【虛擬目錄】 ，如圖 3-3 所示 彈出如圖 3-4 所示的“虛擬目錄別名”對話框。 圖 3-4 指定虛擬目錄別名 在如圖 3-4 所示對話框中填寫虛擬目

17、錄別名，例如“ivzhi”然后單擊【下一步】按 鈕，彈出如圖 3-5 所示的“網(wǎng)站內(nèi)容目錄”對話框。 圖 3-5 選擇實(shí)際目錄 在圖 3-5 所示對話框中，單擊【瀏覽】按鈕為該虛擬目錄選擇一個(gè)實(shí)際目錄（例如） “c:www” ） ，然后單擊【下一步】按鈕，最后單擊【完成】按鈕，這樣名為 “ivzhii”的虛擬目錄就創(chuàng)建好了。在實(shí)際開發(fā)時(shí)，所有頁面都放到“c:www”下， 訪問時(shí)從瀏覽器輸入“http:/localhost/ivzhi/index.asp”,該訪問“c:www”下的 “index.asp”頁面 3.3 數(shù)據(jù)庫的設(shè)計(jì)、生成與配置數(shù)據(jù)庫的設(shè)計(jì)、生成與配置 信息管理系統(tǒng)離不開數(shù)據(jù)庫，它

18、保存系統(tǒng)用到的數(shù)據(jù)。本系統(tǒng)的數(shù)據(jù)庫主要用來 保存用戶、訂單、產(chǎn)品等信息，所以數(shù)據(jù)庫主要用到的表有：用戶表、訂單表、產(chǎn)品 表和分類導(dǎo)航 4 類表。 設(shè)計(jì)數(shù)據(jù)庫系統(tǒng)時(shí)應(yīng)該先充分了解各個(gè)方面的需求，根據(jù)需求決定數(shù)據(jù)庫結(jié)構(gòu)。 3.3.1 數(shù)據(jù)庫需求分析數(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)需求積累用戶資源，用用戶表來記錄用戶的信息，具體包括用戶的真

19、名、地 址、電話、郵編、身份證號、e-mail 和密碼等基本信息。 網(wǎng)站要給用戶展現(xiàn)產(chǎn)品，把鮮花產(chǎn)品的詳細(xì)信息介紹給用戶，需要產(chǎn)品信息表， 具體包括產(chǎn)品名稱、各類屬性和所屬分類等。 網(wǎng)站是電子商務(wù)網(wǎng)站，最終目的是為用戶服務(wù)，使用戶瀏覽查后有購買的欲望， 進(jìn)行購買行為。訂單類表格記錄用戶的購買行為，需要記錄購買的產(chǎn)品信息，付款人 的信息，收款人的信息，下單時(shí)間等。 為了方便用戶的查找，提高網(wǎng)站的服務(wù)質(zhì)量，對產(chǎn)品進(jìn)行不同的屬性導(dǎo)航，一個(gè) 鮮花產(chǎn)品分可以包含不同的屬性，方便用戶的查找，促進(jìn)用戶的消費(fèi)，實(shí)現(xiàn)網(wǎng)站的價(jià) 值，對具體查的屬性進(jìn)行分類，實(shí)現(xiàn)屬性導(dǎo)航表，包括產(chǎn)品屬性分類，產(chǎn)品對應(yīng)產(chǎn)品 屬性的對應(yīng)

20、表。 通過上述系統(tǒng)功能分析，針對一般的在線花店的需求，包括如下數(shù)據(jù)表。 網(wǎng)站用戶信息表，包括數(shù)據(jù)項(xiàng)、用戶 id、用戶代號等。 采購訂單表，包括數(shù)據(jù)項(xiàng)、訂單 id、付款人姓名、付款人電話等。 訂單明細(xì)表，包括數(shù)據(jù)項(xiàng)、訂單明細(xì)編號、產(chǎn)品 id、訂單 id 等。 產(chǎn)品表，包括數(shù)據(jù)項(xiàng)、產(chǎn)品 id、產(chǎn)品代碼、產(chǎn)品名稱等。 用戶評論表，包括數(shù)據(jù)項(xiàng)、id 評論內(nèi)容、用戶名稱等。 目錄屬性表，包括數(shù)據(jù)項(xiàng)、目錄編號名字、目錄編號等。 導(dǎo)航屬性字典表，包括數(shù)據(jù)項(xiàng)、導(dǎo)航 id 數(shù)字類型 id、文本類型 id。 產(chǎn)品導(dǎo)航屬性對應(yīng)表，包括數(shù)據(jù)項(xiàng)、導(dǎo)航類型 id、導(dǎo)航名稱等。 3.3.2 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)庫概念結(jié)構(gòu)

21、設(shè)計(jì) 得到上面的數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)以后，就可以設(shè)計(jì)出能夠滿足用戶需求的各種實(shí)體， 以及它們之間的關(guān)系，為后面的邏輯結(jié)構(gòu)設(shè)計(jì)打下基礎(chǔ)。這些實(shí)體包括各種具體信息， 通過相互之間的作用形成數(shù)據(jù)的流動(dòng)。 本實(shí)例設(shè)計(jì)規(guī)劃出的實(shí)體包括網(wǎng)站用戶實(shí)體、采購訂單明細(xì)實(shí)體、產(chǎn)品實(shí)體、用 戶評論實(shí)體、目錄信息實(shí)體、目錄屬性實(shí)體、導(dǎo)航屬性實(shí)體、查導(dǎo)航屬性對應(yīng)關(guān)系實(shí) 體。圖 3-6 為實(shí)體間關(guān)系的 e-r 圖 用戶評論 用戶 訂單 訂單明細(xì) 產(chǎn)品導(dǎo)航屬性對應(yīng) 表 導(dǎo)航字典 產(chǎn)品目錄信息目錄屬性 圖 3-6 實(shí)體關(guān)系 e-r 圖 圖 3-7 為網(wǎng)絡(luò)用戶實(shí)體 e-r 圖。圖 3-8 為采購訂單的實(shí)體 e-r 圖。 用戶 用戶

22、 id 用戶代碼 用戶口 令 用戶電話 訂單 付款人姓 名 產(chǎn)品 id 付款人電話 用戶代號 圖 3-7 網(wǎng)站用戶實(shí)體 e-r 圖 圖 3-8 采購訂單實(shí)體 e-r 圖 圖 3-9 為訂單明細(xì)實(shí)體 e-r 圖。圖 3-10 為產(chǎn)品實(shí)體 e-r 圖。 訂單明細(xì) 產(chǎn)品 訂單 id 產(chǎn)品 id 產(chǎn)品數(shù)量 產(chǎn)品價(jià)格 產(chǎn)品 id 產(chǎn)品目錄 id 產(chǎn)品名稱 產(chǎn)品價(jià)格 圖 3-9 訂單明細(xì)實(shí)體 e-r 圖 圖 3-10 產(chǎn)品實(shí)體 e-r 圖 圖 3-11 為用戶評論實(shí)體 e-r 圖。 圖 3-12 為目錄信息實(shí)體 e-r 圖 產(chǎn)品論評 目錄信息 評論 id 評論內(nèi)容用戶 id 產(chǎn)品 id 目錄代號備注 目錄

23、名稱 圖 3-11 用戶評論實(shí)體 e-r 圖 圖 3-12 目錄信息實(shí)體 e-r 圖 圖 3-13 為目錄屬性實(shí)體 e-r 圖。 圖 3-14 為導(dǎo)航屬性字典實(shí)體 e-r 圖。 目錄屬性 導(dǎo)航屬性字典 目錄屬性代號 目錄名稱 所屬目錄信 息代號 導(dǎo)航屬性 id 導(dǎo)航屬性名 稱 對應(yīng)目錄屬 性 di 圖 3-13 目錄屬性實(shí)體 e-r 圖 圖 3-14 導(dǎo)航屬性字典實(shí)體 e-r 圖 圖 3-15 為產(chǎn)品導(dǎo)航屬性對應(yīng)關(guān)系 e-r 圖 產(chǎn)品導(dǎo)航屬性對 應(yīng)關(guān)系 產(chǎn)品性目錄屬性 id 圖 3-15 產(chǎn)品導(dǎo)航屬性對應(yīng)關(guān)系 e-r 圖 3.3.3 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計(jì)完

24、畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù) 據(jù)庫系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結(jié)構(gòu)。本章實(shí)例系統(tǒng)采用 access 數(shù)據(jù)庫，因此在設(shè)計(jì)本章實(shí)例系統(tǒng)數(shù)據(jù)庫概念結(jié)構(gòu)時(shí)，需要遵循 access 數(shù)據(jù)庫 的語法結(jié)構(gòu)。 在線花店系統(tǒng)中各個(gè)表的設(shè)計(jì)結(jié)果如下面表格所示。每個(gè)表格表示在數(shù)據(jù)庫中的 一個(gè)表， 表 3-1 為用戶表，記錄某個(gè)用戶的信息。 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編碼主鍵，遞增，用戶在網(wǎng)站的標(biāo)識 userid 文本類型用戶 id pwd 文本類型用戶口令 sex 文本類型性別：1 男，0 女 realname 文本類型真實(shí)姓名 personid 文本類型用戶身份怔

25、 mobile 文本類型手機(jī)號碼 phone 文本類型固定電話 lasttime 日期類型修改時(shí)間：第一次就是注冊時(shí)間 adrress 文本類型用戶地址 email 文本類型郵編 表 3-1 中 autoid 是用戶網(wǎng)站惟一標(biāo)識，useid 是在用戶注冊時(shí)自己選擇的名字， 其他是擁護(hù)需要的屬性。 表 3-2 為產(chǎn)品信息列表，記錄花店現(xiàn)有的產(chǎn)品信息。 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編寫主鍵，遞增，產(chǎn)品在網(wǎng)站的標(biāo)識 code 文本類型產(chǎn)品代碼，惟一標(biāo)識，網(wǎng)站自己定義的字符串 name 文本類型產(chǎn)品名稱 description 備注類型產(chǎn)品描述 marketprice 貨幣類型市場價(jià)格 s

26、aleprice 貨幣類型銷售價(jià)格 myimageurl 文本類型圖片地址 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)品 表 3-2 中 autoid 是產(chǎn)品在網(wǎng)站的惟一標(biāo)識，在數(shù)據(jù)增加是自動(dòng)

27、生成，category 是 對應(yīng)目錄表的分類字符串。 表 3-3 中目錄信息表，記錄花店的分類信息。 表 3-3 directory 目錄信息表 字段名稱數(shù)據(jù)類型說明 code 文本類型目錄代碼，惟一標(biāo)識一個(gè)目錄 name 文本類型目錄名稱 memo 文本類型備注 表 3-3 中目錄用字符串分級表示，產(chǎn)品的種類對應(yīng)目錄代碼。 表 3-4 為訂單信息表，記錄花店的訂單信息。 表 3-4 myorder 訂單信息表 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編碼主鍵，遞增，訂單在網(wǎng)站的標(biāo)識 payname 文本類型付款人姓名 payphone 文本類型付款人電話 payemail 文本類型付款人 e

28、-mail payaddress 貨幣類型付款人地址 senddate 日期類型送貨時(shí)間 paymemo 文本類型付款人備注 paytime 日期類型支付時(shí)間 lasttime 日期類型修改時(shí)間：第一次就是增加時(shí)間 recname 文本類型收款人姓名 recnick 文本類型收款人稱呼 recphone 文本類型收款人電話 recaddress 文本類型收款人地址 recmemo 文本類型收款人備注 recemaie 文本類型收款人郵編 recsay 文本類型留言 sendfee 貨幣類型送貨費(fèi) sendarea 數(shù)字類型送貨地區(qū) totalpay 貨幣類型總價(jià) realpay 貨幣類型實(shí)際價(jià)

29、格 orderpass 文本類型訂單密碼 userid 文本類型用戶 id orderstatus 文本類型訂單狀態(tài) comefrom 數(shù)字類型來源，是否從合作網(wǎng)站來的 表 3-4 中的 autoid 是訂單在網(wǎng)站的惟一表識，數(shù)據(jù)增加是自動(dòng)生成，category 是 對應(yīng)目錄表的分類字符串。訂單的付款人一般是網(wǎng)站的會員，收款人可以是自己， 也可以是自己的朋友，所以對這兩方面信息分開進(jìn)行記錄。 表 3-5 為訂單名細(xì)表，極力花店定單具體購買的產(chǎn)品信息。 表 3-5 orderitem 訂單明細(xì)表 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編碼惟一標(biāo)識用戶采購的一個(gè)產(chǎn)品 productid 數(shù)字類型

30、產(chǎn)品 id productname 文本類型產(chǎn)品名稱 productprice 貨幣類型成品價(jià)格 quantity 數(shù)字類型數(shù)量 orderid 數(shù)字類型訂單 id 訂單明細(xì)表和訂單表是多對一的關(guān)系，就是一張訂單可以有多個(gè)產(chǎn)品。 表 3-6 為目錄性表，記錄花店目錄的屬性。 表 3-6 directoryproperty 目錄屬性表 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編碼目錄屬性代碼，惟一標(biāo)識一個(gè)目 錄屬性 name 文本類型目錄屬性名字 directorycode 文本類型屬于那個(gè)目錄 目錄屬性是為了更好的導(dǎo)航產(chǎn)品，目錄的產(chǎn)品有不同的屬性，比如鮮花的用途、 花材、對象等屬性。 表 3-

31、7 為導(dǎo)航屬性字典表，記錄花店目錄的屬性值。 表 3-7 navigationdict 導(dǎo)航屬性字典表 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編碼惟一標(biāo)識一個(gè)導(dǎo)航屬性 directoryproperty 數(shù)字類型對應(yīng)目錄屬性的 id directoryvalue 文本類型導(dǎo)航屬性名稱 導(dǎo)航屬性字典對應(yīng)表 3-6 目錄屬性表的 auotid 字段，換種說法就是目錄有什么屬 性，屬性具體對應(yīng)什么值。比如鮮花目錄的用途屬性有戀情、生日、友情、祝福、 婚慶、商務(wù)等不同的用途。 表 3-8 為產(chǎn)品導(dǎo)航屬性對應(yīng)表，記錄花店產(chǎn)品對應(yīng)的不同屬性。 表 3-8 navigationrelation 產(chǎn)品導(dǎo)航屬

32、性對應(yīng)表 字段名稱數(shù)據(jù)類型說明 productid 數(shù)字類型產(chǎn)品 id navigationid 數(shù)字類型對應(yīng)目錄屬性的 id 一個(gè)產(chǎn)品可以對應(yīng)多個(gè)導(dǎo)航屬性，最終用戶可以根據(jù)不同的屬性瀏覽產(chǎn)品，方便 用戶查找產(chǎn)品。 表 3-9 為用戶評論表，記錄用戶對產(chǎn)品的評論。 表 3-9comment 用戶評論表 字段名稱數(shù)據(jù)類型說明 autoid 自動(dòng)編碼評論 id comment 備注類型評論內(nèi)容 nckname 文本類型用戶名稱 repiy 備注類型管理答復(fù)內(nèi)容 status 識字類型是否顯示 email 文本類型郵件 userautoid 數(shù)字類型用戶 id productid 數(shù)字類型產(chǎn)品 id

33、 lasttime 數(shù)字類型對應(yīng)目錄屬性 id 表 3-9 記錄用戶對查的評論，userautoid 為 0 客人，不是網(wǎng)站用戶。 3.4 公用模塊的編寫公用模塊的編寫 3.4.1 數(shù)據(jù)庫連接文件數(shù)據(jù)庫連接文件 把數(shù)據(jù)庫連接操作作封狀在一個(gè)頁面 commondb.asp 中，以方便其他頁面調(diào)用。 例程 3-1 為 commondb.asp 頁面的參考代碼。 例程 3-1 數(shù)據(jù)庫連接頁面 commondb.asp 例程 3-1 定義了兩個(gè)常量 mydatabase 和 mydblocation，其中 m,ydatabase 為數(shù)據(jù) 庫名稱，mydblocation 為數(shù)據(jù)庫存放位置，如果需要修改

34、數(shù)據(jù)庫存放位置和名稱， 就修改 mydatabase 和 mydblocation 這 2 個(gè)變量的值。 例程 3-1 中引入了頁面 allcommon，asp,allcommon,asp 頁面中定義了數(shù)據(jù)庫連接 的操作函數(shù)，例程 3-2 為這些函數(shù)定義的參考代碼。 例呈 3-2 allcommon.asp 定義的數(shù)據(jù)庫公用函數(shù)代碼 打開數(shù)據(jù)庫 最頂級函數(shù) % debug message sub debug (msg) response.write msg persist security info=false;data source= if(document.loginform.userid

35、.value=null| document.loginform.userid.value=) alert(請輸入您的用戶名！); document.loginform.userid.focus(); flag=true; if(document.loginform.pass.value=null| document.loginform.pass.value=) alert(請輸入密碼！); if (flag=false) document.loginform.pass.focus(); flag=true; if(flag=false) document.loginform.submit();

36、 return false; function userloginkeydown() if (window.event.keycode=13) userloginsubmit(); function userloginuserid() if (window.event.keycode=13) document.loginform.pass.focus(); 在例程 3-3 中函數(shù) userloginsubmit()主要在用戶單擊【登錄】按鈕的時(shí)候驗(yàn)證用戶 輸入的用戶名、密碼是否為空。 函數(shù) userloginkeydown()，主要完成當(dāng)用戶按回車鍵時(shí)，提交表單，也就時(shí)說當(dāng) 用戶輸入用戶名、密

37、碼后單擊【登錄】按鈕或者按回車鍵都會提交表單。實(shí)現(xiàn)這個(gè) 功能是為了用戶界面友好，方便最終用戶的使用。 函數(shù) userloginuserid()主要完成當(dāng)用戶輸入完用戶名按回車時(shí)，焦點(diǎn)跳到輸入密碼 的文本框中。 userlogindo.asp 主要完成用戶登錄的判定，把用戶登錄信息更新數(shù)據(jù)庫和 session 等，例程 3-4 為頁面 uselogindo.asp 登錄代碼。 例程 3-4 userlogindo.asp 登錄代碼 % dim dbc, url dim forwardurl dim strpassword, returnurl strpassword=request(strpas

38、sword) stremail=request(stremail) strpassword=replace(strpassword,=,) stremail=replace(stremail,=,) stremail=replace(stremail,) strpassword=replace(strpassword,) returnurl=request(returnurl) if stremail= then serror = serror dim startshow,endshow,nextshow if (npage-5)allpage) then endshow=allpage el

39、se endshow=npage+5 end if dim k for k=startshow to endshow dim showone showone= if (npageallpage) then nextshow=nextshow 0 then if (n mod 4)=0) then response.write end if % % if (n mod 4)=3) then response.write end if n=n+1 end if next % 例程 3-8 為 list.asp 顯示產(chǎn)品的代碼。 例程 3-8 list.asp 顯示產(chǎn)品的代碼 0 then if (

40、n mod 4)=0) then response.write end if % % if (n mod 4)=3) then response.write end if n=n+1 end if next % 例程 3-9 為頁面 listone.asp 的參考代碼。 例程 3-9 頁面 listone.asp 的參考代碼 a href=detail.asp?id= target=_blank img alt=鮮花 border=0 height=80 src= width=80 銷售價(jià)格：元 a href=javascript:add2cart() 例程 3-9 中 one 是在例程 3-

41、8 中調(diào)用 getproduct()方法得到的一個(gè)產(chǎn)品對象 （one=getproduct(aryreturn(i),one(fieldname)等是獲得產(chǎn)品的名稱等屬性。 3.5.2 產(chǎn)品詳細(xì)信息產(chǎn)品詳細(xì)信息 用戶在產(chǎn)品瀏覽頁面中單擊某個(gè)產(chǎn)品，就會進(jìn)入產(chǎn)品的詳細(xì)信息頁面，產(chǎn)品詳 細(xì)頁面主要包含兩部分內(nèi)容：一部分是產(chǎn)品信息顯示：另一部分是針對該產(chǎn)品的用 戶評論。圖 3-20 為產(chǎn)品詳細(xì)信息頁面。 圖 3-20 產(chǎn)品信息頁面 產(chǎn)品信息頁面的實(shí)現(xiàn)文件問 detail.asp,例程 3-10 為 detail.asp 頁面的參考代碼。 例程 3-10 detail.asp 頁面的參考代碼 例程 3-

42、10 中利用包含文件來顯示單個(gè)產(chǎn)品的 纖細(xì)信息；利用包含來顯示針對該產(chǎn)品的所有評 論信息。在頁面中 detailone.asp 先調(diào)用 getproduct 方法得到產(chǎn)品對象，如例程 3-11 所示/ 例程 3-11 調(diào)用 getproduct 方法得到產(chǎn)品對象 % dim one one=getproduct (productid) if one(fieldaytoid) 在例程 3-11 得到產(chǎn)品對象后，然后調(diào)用類似 one(dieldname)方法便可以得 到產(chǎn)品名稱等屬性然后結(jié)合 html 控制便可以得到圖 3-10 所示的效果。 主頁面主要包含頭、尾文件。經(jīng)過處理得到產(chǎn)品 id，如果

43、沒有就跳轉(zhuǎn)到系統(tǒng)首 頁。 commentone.asp 頁面主要顯示用戶針對該產(chǎn)品的所有評論，例程 3-12 為 commentone.asp 頁面實(shí)現(xiàn)的參考代碼。 例程 3-12 commentone.asp 頁面實(shí)現(xiàn)的參考代碼 % dim dbc,rs,query shopopendatabase dbc query = select top 10 * from comment where productid = % if (preply) then % 答復(fù)： 例程 3-12 中的 query = select top 10 * from comment where productid

44、= font-family: 宋體 function setreceiverformvisible(vget) if(vget=1)document.all.receiverinfo_form.style.display=none;elsedocument.all.r eceiverinfo_form.style.display=block function checkinput()var payname=document.mymainform.mypayname.value; if (payname=) alert(付款人名稱不能為空!); document.mymainform.mypay

45、name.focus(); eturn false; var payphone=document.mymainform.payphone.value; if (payphone=) alert(付款人電話不能為空!); document.mymainform.payphone.focus(); eturn false; f(document.mymainform.myrec2.checked=true) var recname=document.mymainform.recname.value; if (recname=)alert(收貨人名稱不能為空!); document.mymainfo

46、rm.recname.focus(); eturn false; var recphone=document.mymainform.recphone.value; f (recphone=)alert(收貨人電話不能為空!); document.mymainform.recphone.focus(); return false; return true; 付款人信息（姓名，電話必填項(xiàng)，客服確認(rèn)后收款 發(fā)貨） 付款人收貨（付款與收貨同一個(gè)人） 其他人收貨（付款送給其他人） 您的姓名： input type=text id=mypayname name=mypayname size=20 maxl

47、ength=40 value= 聯(lián)系電話： input type=text id=payphone name=payphone size=20 maxlength=40 value= 郵箱 email： input type=text id=payname name=payemail size=20 maxlength=40 value= 詳細(xì)地址： input type=text id=payname name=payaddress size=20 maxlength=40 value= 送貨時(shí)間： 1 2 3 4 5 6 7 8 9 10 11 12 月 1 2 3 4 5 6 7 8 9

48、 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 日 （最好提前 1 天預(yù)定，當(dāng)天加急配送的，請電話確定） document.mymainform.sendmonth.selectedindex= document.mymainform.sendday.selectedindex= 特定說明： 其他人收貨（選擇其他人收貨時(shí)候顯示這欄 內(nèi)容） 0) then % 你曾經(jīng)送過的朋友： 1 2 % 當(dāng)用戶填寫完表單，單擊“確定并提交”按鈕時(shí)需要對用戶輸入的信息進(jìn)行 驗(yàn)證，以確保用戶輸入信息都

49、是有效的。例程 3-15 為表單驗(yàn)證的 javascript 源代 碼。 例程 3-15 表單驗(yàn)證的 javascript 源代碼 function setreceiverformvisible(vget) if(vget=1) document.all.receiverinfo_form.style.display=none; else document.all.receiverinfo_form.style.display=block; function checkinput() var payname=document.mymainform.mypayname.value; if (pa

50、yname=) alert(付款人名稱不能為空!); document.mymainform.mypayname.focus(); return false; var payphone=document.mymainform.payphone.value; if (payphone=) alert(付款人電話不能為空!); document.mymainform.payphone.focus(); return false; if(document.mymainform.myrec2.checked=true) var recname=document.mymainform.recname.v

51、alue; if (recname=) alert(收貨人名稱不能為空!); document.mymainform.recname.focus(); return false; var recphone=document.mymainform.recphone.value; if (recphone=) alert(收貨人電話不能為空!); document.mymainform.recphone.focus(); return false; return true; 3.5.5 用戶注冊的設(shè)計(jì)與實(shí)現(xiàn)用戶注冊的設(shè)計(jì)與實(shí)現(xiàn) 用戶注冊頁面，首先提供一個(gè)供用戶輸入注冊信息的表單，當(dāng)用戶提交表單信 息的時(shí)候，由另一個(gè)頁面去完成注冊。本實(shí)例提供注冊表單的頁面是 reg.asp，完 成具體注冊處理的頁面是 regsuess.asp.圖 3-24 為用