杭州水果公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、杭州水果公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)杭州水果公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 目 錄 摘 要.1 abstract.2 第一章 緒 論.3 1.1 開(kāi)發(fā)背景.3 1.2 設(shè)計(jì)思想.3 1.3 預(yù)期目的.4 1.4 相關(guān)工具介紹.4 1.4.1 asp.4 1.4.2 dreamweaver mx.5 1.4.3 photoshop.5 1.4.4 flash.6 第二章 需求分析.8 2.1 操作分析.9 2.1.1 用戶操作.9 2.1.2 管理員操作.10 2.2 數(shù)據(jù)分析.11 第三章 系統(tǒng)設(shè)計(jì).12 3.1 數(shù)據(jù)庫(kù)設(shè)計(jì).12 3.1.1 e-r 圖設(shè)計(jì).12 3.1.2 表結(jié)構(gòu)設(shè)計(jì).13 3.2 流程設(shè)計(jì)

2、.14 3.2.1 總體流程設(shè)計(jì).14 3.2.2 詳細(xì)流程設(shè)計(jì).16 3.3 頁(yè)面框架設(shè)計(jì).16 第四章 系統(tǒng)實(shí)現(xiàn).19 4.1 數(shù)據(jù)庫(kù)連接.19 4.2 主要模塊的實(shí)現(xiàn).19 4.2.1 登錄模塊的實(shí)現(xiàn).19 4.2.2 新聞發(fā)布模塊的實(shí)現(xiàn).21 4.2.3 在線訂單模塊的實(shí)現(xiàn).23 4.2 網(wǎng)站的實(shí)現(xiàn).26 4.2.1 首頁(yè)頁(yè)面.26 4.2.2 產(chǎn)品展示頁(yè)面.26 4.2.3 在線訂單頁(yè)面.28 4.2.4 登錄界面.28 4.2.5 后臺(tái)展示頁(yè)面.29 第五章 總結(jié)與展望.30 參考文獻(xiàn).31 致 謝.32 摘摘 要要 本文講解了一個(gè)水果網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)思路，它是依據(jù)時(shí)間的差別的水果

3、 網(wǎng)頁(yè)及動(dòng)態(tài)發(fā)展做成，在網(wǎng)頁(yè)方面，全面考慮了頁(yè)面色彩、頁(yè)面的構(gòu)架，充分 的利用了圖片、文字、圖層、表格等元素。網(wǎng)站內(nèi)容明確，層次清楚，達(dá)到了 預(yù)期的功能。 杭州水果網(wǎng)站主要運(yùn)用 frontpage、asp、dreamweaver 來(lái)制作的，另外一 些圖片的處理，動(dòng)態(tài)的實(shí)現(xiàn)，分別運(yùn)用了 photoshop 和 flash 或 fireworks 來(lái) 實(shí)現(xiàn)。除些之外，制作中還運(yùn)用了數(shù)據(jù)庫(kù)連接到管理后臺(tái)，主要是運(yùn)用數(shù)據(jù)庫(kù) access 來(lái)實(shí)現(xiàn)注冊(cè)，登錄等信息。主要內(nèi)容是水果介紹、水果分類、水果價(jià)格、 水果定購(gòu)、水果論壇等。 關(guān)鍵詞關(guān)鍵詞:asp、杭州水果網(wǎng)、dreamweaver abstracta

4、bstract a fruit website design and train of thought developing the main body of a book has been explained, its fruit web page being to judge by the time difference and development development succeed in making up, in the field of web page, have considered page of face color , page of truss soft and

5、floury all round , have made use of the photograph , characters , have pursued a tier sufficiently, the table waits for an element. content makes website clear , arrangement of ideas is clear, have reached the expected function. hangzhou fruit website wields frontpage mainly , asp , dreamweaver come

6、 to make, another a few photographs treatment , dynamic realization, have wielded photoshop respectively and have come come true flash or fireworks. the data base except some, having applied in fabrication links up to managing backstage , is to apply a data base to realize information such as regist

7、ering , logging on coming access mainly. main content is fruit introduce that, fruit classification , fruit price , fruit order, the fruit forum waits. keywords:keywords: asp , hangzhou fruit net , dreamweaver 第一章第一章 緒緒 論論 因特網(wǎng)（internet）是全球信息資源的總匯，internet 以相互交流信息資源 為目的，它是一個(gè)信息資源和資源共享的集合，基于網(wǎng)站的平臺(tái)為用戶提供所

8、 需信息。從目前的情況來(lái)看，internet 市場(chǎng)仍具有巨大的發(fā)展?jié)摿?，未?lái)其應(yīng) 用將涵蓋從辦公室共享信息到市場(chǎng)營(yíng)銷、服務(wù)等廣泛領(lǐng)域。 在互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道之際,水果網(wǎng)站的 建設(shè)不僅能使人們了解水果，更能使人們更好的選擇適合自己口味和有利于自 己身體健康的水果，還能使人們更快更方便的買到自己喜歡的水果。 網(wǎng)絡(luò)無(wú)處不在,政府對(duì)農(nóng)業(yè)信息化的支持是一個(gè)機(jī)遇,如何把握?如何在網(wǎng)絡(luò) 上進(jìn)行水果行業(yè)的推廣營(yíng)銷?企業(yè)網(wǎng)站是開(kāi)展網(wǎng)絡(luò)營(yíng)銷的綜合性工具，專業(yè)性的 企業(yè)網(wǎng)站是網(wǎng)絡(luò)營(yíng)銷效果得以保證的基礎(chǔ)?；谠摴疽恢弊叩氖抢吓f模式經(jīng) 濟(jì)，所以我試著開(kāi)發(fā)“杭州水果網(wǎng)站”系統(tǒng)，一為提高公司

9、的經(jīng)營(yíng)效益，二為 提高自身的專業(yè)能力。 1.11.1 開(kāi)發(fā)背景開(kāi)發(fā)背景 網(wǎng)站服務(wù)：在互聯(lián)網(wǎng)蓬勃發(fā)展的今天，網(wǎng)絡(luò)和我們的生活、工作越來(lái)越密 不可分，網(wǎng)絡(luò)正領(lǐng)導(dǎo)著一個(gè)新時(shí)代的來(lái)臨。大浪淘沙，乘風(fēng)而上，新一輪的企 業(yè)競(jìng)爭(zhēng)正以“信息化、網(wǎng)絡(luò)化、國(guó)際化”形式激烈展開(kāi)。企業(yè)建設(shè)有自身特色的 網(wǎng)絡(luò)平臺(tái)并成功的加以推廣是企業(yè)“網(wǎng)絡(luò)化”的關(guān)鍵一步。所以為了達(dá)到預(yù)期的 銷售目的和發(fā)樹(shù)立自己的品牌，建立一個(gè)信息化的網(wǎng)站是不可獲缺的。 1.21.2 設(shè)計(jì)思想設(shè)計(jì)思想 通過(guò)網(wǎng)站的建立，全面的宣傳，發(fā)布最新的資訊、產(chǎn)品展示、市場(chǎng)價(jià)格等， 使顧客增加對(duì)公司的了解，增強(qiáng)顧客與公司之間的聯(lián)系，在 internet 網(wǎng)上，讓 顧

10、客及時(shí)得到公司發(fā)布的重要信息，同時(shí)也幫助了公司完成部分事務(wù)，提高辦 事效率,給顧客與公司最方便的聯(lián)系橋梁。 1.31.3 預(yù)期目的預(yù)期目的 (一)開(kāi)發(fā)出別具一格的網(wǎng)站，提高網(wǎng)站的點(diǎn)擊率，從而提高公司的知名度。 (二)對(duì)本公司產(chǎn)品進(jìn)行展示，拓展公司產(chǎn)品的銷售渠道。 (三)提供一個(gè)方便買賣的平臺(tái)。 1.41.4 相關(guān)工相關(guān)工具介紹具介紹 .1 aspasp microsoft active server pages 即我們所稱的 asp ，其實(shí)是一套微軟開(kāi)發(fā) 的服務(wù)器端腳本環(huán)境， asp 內(nèi)含于 iis 3.0 和 4.0 之中 , 通過(guò) asp 我們可 以結(jié)合 html 網(wǎng)頁(yè)、

11、asp 指令建立動(dòng)態(tài)、交互且高效的 web 服務(wù)器應(yīng)用 程序。有了 asp 你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，因 為所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通 html 中的腳本程序。 當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕 了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 （一）asp 功能： 處理由瀏覽器傳送到站點(diǎn)服務(wù)器的表單輸入。 訪問(wèn)和編輯服務(wù)器端的數(shù)據(jù)庫(kù)表。使用瀏覽器即可輸入、更新和刪除 站點(diǎn)服務(wù)器的數(shù)據(jù)庫(kù)中的數(shù)據(jù)。 讀寫站點(diǎn)服務(wù)器的文件,實(shí)現(xiàn)訪客計(jì)數(shù)器、座右銘等功能。 提供廣告輪播器、取得瀏覽器信息、url 表管理等內(nèi)置功能。 由 co

12、okies 讀寫用戶端的硬盤文件,以記錄用戶的數(shù)據(jù)。 可以實(shí)現(xiàn)在多個(gè)主頁(yè)間共享信息,以開(kāi)發(fā)復(fù)雜的商務(wù)站點(diǎn)應(yīng)用程序。 使用 vbscript 或 jscript 等簡(jiǎn)易的腳本語(yǔ)言,結(jié)合 html 碼,快速完成 站點(diǎn)的應(yīng)用程序。通過(guò)站點(diǎn)服務(wù)器執(zhí)行腳本語(yǔ)言,產(chǎn)生或更改在客戶端 執(zhí)行的腳本語(yǔ)言。 擴(kuò)充功能的能力強(qiáng),可通過(guò)使用 visual basic、java、visual c + 等多種程序 語(yǔ)言制作 activex server component 以滿足自己的特殊需要。 (二)asp 的特點(diǎn): 使用 vbscript 、 jscript 等簡(jiǎn)單易懂的腳本語(yǔ)言，結(jié)合 html 代碼， 即可快速地完

13、成網(wǎng)站的應(yīng)用程序。 無(wú)須 compile 編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。 使用普通的文本編輯器，如 windows 的記事本，即可進(jìn)行編輯設(shè)計(jì)。 與瀏覽器無(wú)關(guān) (browser independence), 用戶端只要使用可執(zhí)行 html 碼的瀏覽器，即可瀏覽 active server pages 所設(shè)計(jì)的網(wǎng)頁(yè)內(nèi) 容。 active server pages 所使用的腳本語(yǔ)言 (vbscript 、 jscript) 均在 web 服務(wù)器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行 這些腳本語(yǔ)言。 可使用服務(wù)器端的腳本來(lái)產(chǎn)生客戶端的腳本。 active server pages 的源程序，不

14、會(huì)被傳到客戶瀏覽器，因而可以 避免所寫的源程序被他人剽竊，也提高了程序的安全性。 asp 的奇妙之處真是不勝枚舉的。 (三)asp 運(yùn)行環(huán)境： microsoft is 4.0/5.0 on windows nt server microsoft peer web services version 3.0 on windows nt workstation microsoft personal web server on windows 98 .2 dreamweaverdreamweaver mxmx 可視化的網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理工具，支持最新的 web 技術(shù)，包含 html

15、檢查、 html 格式控制、html 格式化選項(xiàng)、homesite/bbedit 捆綁、可視化網(wǎng)頁(yè)設(shè)計(jì)、 圖像編輯、全局查找替換、全 ftp 功能、處理 flash 和 shockwave 等富媒體格 式和動(dòng)態(tài) html、基于團(tuán)隊(duì)的 web 創(chuàng)作。在編輯上你可以選擇可視化方式或者你 喜歡的源碼編輯方式。 .3 photoshopphotoshop photoshop 是世界頂尖級(jí)的圖像設(shè)計(jì)與制作工具軟件。圖像處理是對(duì)已有 的位圖圖像進(jìn)行編輯加工處理以及運(yùn)用一些特殊效果，其重點(diǎn)在于對(duì)圖像的處 理加工。在表現(xiàn)圖像中的陰影和色彩的細(xì)微變化方面或者進(jìn)行一些特殊效果處 理時(shí)，使用位圖形式

16、是最佳的選擇，它在這方面的優(yōu)點(diǎn)是矢量圖無(wú)法比擬的。 photoshop 可以隨心所欲地把自己的想法實(shí)現(xiàn)時(shí)。 學(xué)習(xí)內(nèi)容：photoshop 掌握繪畫的基礎(chǔ)理論，學(xué)習(xí)色彩原理和選取顏色、 范圍選取、工具與繪圖、圖像編輯、控制圖像色彩和色調(diào)、使用圖層、路徑、 通道和蒙板的應(yīng)用、濾鏡等。 .4 flashflash flash 是一種交互式矢量多媒體技術(shù)，他的前身是 futureplash，早期網(wǎng)上 流行的矢量動(dòng)畫插件。后來(lái)由于 macromedia 公司收購(gòu)了 future splash 以后便 將其改名為 flash2，到現(xiàn)在最新的 flash4?，F(xiàn)在網(wǎng)上已經(jīng)有成千上萬(wàn)個(gè) flas

17、h 站點(diǎn)，著名的如 macromedia 專門 shockrave 站點(diǎn)，全部采用了 shockwave flash 和 director?？梢哉f(shuō) flash 已經(jīng)漸漸成為交互式知量的標(biāo)準(zhǔn)，未來(lái)網(wǎng)頁(yè) 的一大主流。 flash 的功能特點(diǎn)，總結(jié)起來(lái)有如下特點(diǎn)： 靈巧的繪圖工具 flash 本身具有極其靈巧的圖形繪制功能，更重要的 是他能導(dǎo)入專業(yè)級(jí)繪圖工具。 向量透明效果應(yīng)用 flash3 可以創(chuàng)建透明的圖形，并可以任意改變層次 間透明的不同效果，如透明度、傾斜度及透明的顏色等屬性。 具有動(dòng)畫效果的按鈕和菜單 flash 采用精靈動(dòng)畫的方式，在 flash3 中 可以隨意創(chuàng)建按鈕、多級(jí)彈出式菜單、

18、復(fù)選框、以及復(fù)雜的交互式字 謎 游戲。 物體的變形和形狀的漸變 在 flash3 中產(chǎn)生物體的變形和形狀的漸變 非常容易，其發(fā)生完全由 flash 自動(dòng)生成，無(wú)須人為地在兩個(gè)對(duì)象間 插入關(guān)鍵幀。 聲音插入 flash3 支持同步 wav (windows) 和 aiff(macintosh)格式 的聲音文件和聲音的連接，你可以用同一個(gè)主聲道中的一部分來(lái)產(chǎn) 生 豐富的聲音效果，而無(wú)須改變文件量的大小。 自定義字體 flash 可以處理自定義的字體及其顏色、大小、字間距、 行間距 、縮進(jìn)等多種格式。在 flash 創(chuàng)建的網(wǎng)頁(yè)中，可以加入眼花繚亂的 標(biāo)題和動(dòng)態(tài)的文本，而數(shù)據(jù)量非常小，比位圖的下載速度

19、還快。當(dāng)然為了 防止客戶端字體短缺，你也可以將特殊字體轉(zhuǎn)換為位圖圖形。 第二章第二章 需求分析需求分析 通過(guò)對(duì)本系統(tǒng)進(jìn)行需求分析可以看出，系統(tǒng)操作主要有兩方面，一方面實(shí) 現(xiàn)實(shí)際用戶提供平臺(tái)，使用戶可以登錄實(shí)現(xiàn)商品的買賣；另一方面還應(yīng)該提供 基本的后臺(tái)管理功能，管理員登錄系統(tǒng)后可以對(duì)系統(tǒng)中的各種數(shù)據(jù)進(jìn)行操作。 因此系統(tǒng)功能分為前臺(tái)用戶操作以后臺(tái)管理，其主要功能如圖 2.1 和圖 2.2 所 示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 2-1 系統(tǒng)結(jié)構(gòu)圖 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、

20、 、 、 、 圖 2-2 新聞結(jié)構(gòu)圖 2.12.1 操作分析操作分析 在需求分析中，管理員和用戶都起著關(guān)鍵的，必不可少的作用。只有用戶 才了解自己的真正需求，但他們不知怎樣用軟件來(lái)實(shí)現(xiàn)他們的需求，而分析員 又往往對(duì)用戶的市場(chǎng)運(yùn)作不是很了解，所以用戶和分析員之間反復(fù)多次的交談， 討論才能達(dá)成一致。 作為 c2c 模式電子商務(wù)，必須突出供與求，并且需要為商家留出必要的廣 告位，同時(shí)為用戶提供方便的登錄搜索界面，而且售后服務(wù)的建設(shè)是必須的， 于是留言本功能是一定要有的，同時(shí)，網(wǎng)站也需要提供行業(yè)新聞。而作為一個(gè) 電子商務(wù)型網(wǎng)站，后臺(tái)管理部分是重中之重，它需要為前臺(tái)做強(qiáng)有力的支撐， 保持網(wǎng)站的正常運(yùn)行。

21、本文實(shí)現(xiàn)的是一個(gè)電子市場(chǎng)網(wǎng)站，這就要求網(wǎng)站首先要 實(shí)現(xiàn)基本的注冊(cè)、登錄、信息搜索、信息發(fā)布等功能，網(wǎng)站的主題為“水果銷 售” ，因此在外觀風(fēng)格的設(shè)計(jì)上要力求與主題相符。 .1 用戶操作用戶操作 用戶可以進(jìn)行的操作如下： （一）用戶注冊(cè) 新用戶首次訪問(wèn)本站，只能進(jìn)行信息的瀏覽.必須注冊(cè)。若想在線留言和訂 購(gòu)則必須注冊(cè)成為會(huì)員，才能有這項(xiàng)權(quán)利。 （二）用戶登陸 若是注冊(cè)用戶再次訪問(wèn)本站，則可以直接通過(guò)之前的注冊(cè)名及密碼登錄本 站，成功后方可進(jìn)行相關(guān)操作。 （三）密碼修改 注冊(cè)用戶可在成功登錄本站后，對(duì)自己注冊(cè)時(shí)所填寫的密碼做修改， 可以防止密碼外泄，造成自身的損失。 （四）修改個(gè)人

22、信息 注冊(cè)用戶可在成功登錄本站后，對(duì)自己注冊(cè)時(shí)所填寫的個(gè)人資料進(jìn)行調(diào)整， 使其更加完善。 （五）查看商品 主要是用戶查看本站的商品，包括其他用戶的訂單及信息反饋情況。 （六）發(fā)布信息 注冊(cè)用戶可在成功登錄本站后，可在流言板上發(fā)表自己的意見(jiàn)及建議，達(dá) 到互動(dòng)的功能。 .2 管理員操作管理員操作 （一）添加商品信息 管理員通過(guò)正確的管理員名稱和密碼，成功進(jìn)入“管理員登錄首頁(yè)” 。在商 品管理商品項(xiàng)目中，進(jìn)行商品的添加，使前臺(tái)的信息得到及時(shí)的更新。 （二）刪除商品信息 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)商品管理項(xiàng)目中，對(duì)過(guò) 期或下架商品進(jìn)行刪除。 （三）更改商品信息 管理員

23、成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)商品管理項(xiàng)目中，對(duì)商 品的價(jià)格，介紹等進(jìn)行更改。 （四）查看商品信息 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)商品管理項(xiàng)目中，可查 看商品的信息，如價(jià)格。 （五）查看用戶 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)的注冊(cè)用戶表中，查看 注冊(cè)用戶的信息，進(jìn)行統(tǒng)一管理。 （六）修改用戶 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)的注冊(cè)用戶表中，修改 注冊(cè)用戶的信息，方便管理。 （七）刪除留言 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)的留言信息中，對(duì)注冊(cè) 用戶無(wú)用的留言進(jìn)行刪除。 （八）查看留言 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)的留言信息

24、中，對(duì)注冊(cè) 用戶的留言進(jìn)行查看。 （九）修改密碼 管理員成功進(jìn)入“管理員登錄首頁(yè)”后，可在后臺(tái)的管理員信息欄中修改 密碼。 2.22.2 數(shù)據(jù)分析數(shù)據(jù)分析 數(shù)據(jù)流圖是結(jié)構(gòu)化系統(tǒng)分析的主要工具，它能圖形化地顯示出系統(tǒng)中數(shù) 據(jù)的使用，表達(dá)數(shù)據(jù)在系統(tǒng)內(nèi)部的邏輯流向以及本系統(tǒng)的邏輯功能和數(shù)據(jù)的邏 輯變換。以下是本系統(tǒng)內(nèi)交易的數(shù)據(jù)流圖如圖 2-3 所示。 圖 2-3 數(shù)據(jù)流圖 第三章第三章 系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì) 3.13.1 數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì) access 是一種桌面數(shù)據(jù)庫(kù)，適合用在數(shù)據(jù)量不大的網(wǎng)站中，在處理少量數(shù) 據(jù)和單機(jī)訪問(wèn)時(shí)是非常實(shí)用的，效率很高。對(duì)于杭州水果公司網(wǎng)站是一個(gè)介紹 展示公司的網(wǎng)站，所

25、以不會(huì)有海量的資料數(shù)據(jù)，日常只需要添加新聞，公司基 本信息，訂單管理，所以本網(wǎng)站將采用 access 數(shù)據(jù)庫(kù)。 .1 e-re-r 圖設(shè)計(jì)圖設(shè)計(jì) 由于各數(shù)據(jù)庫(kù)的實(shí)體之間的關(guān)系比較簡(jiǎn)單，直接用實(shí)體關(guān)系圖表示就一目 了然。各實(shí)體的 e-r 圖分別由圖 3-1、圖 3-2、圖 3-3 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-1 管理員實(shí)體 e-r 圖 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-2 新聞實(shí)體 e-r 圖 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-3 訂單實(shí)體 e-r

26、圖 .2 表結(jié)構(gòu)設(shè)計(jì)表結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)的概念結(jié)構(gòu)設(shè)計(jì)完畢后現(xiàn)在可以將上面的數(shù)據(jù)庫(kù)概念結(jié)構(gòu)轉(zhuǎn)化為某 種數(shù)據(jù)庫(kù)系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)。 這里所使用的是 access 數(shù)據(jù)庫(kù)，銷售系統(tǒng)數(shù)據(jù)庫(kù)中的各個(gè)表的設(shè)計(jì)結(jié)果在 下面的一系列表格中給出，每個(gè)表格表示在數(shù)據(jù)庫(kù)中的一個(gè)表。根據(jù) e-r 圖， 可以對(duì)后臺(tái)管理員表、公司簡(jiǎn)介表、新聞動(dòng)態(tài)表進(jìn)行設(shè)計(jì)，如表 3-1、表 3-2、 表 3-3 所示。 表 3.1 admin 后臺(tái)管理員表 字段名數(shù)據(jù)類型長(zhǎng)度注釋 admin_id 自動(dòng)編號(hào) id admin_name 文 本 50 管理員姓名 admin_pass 文 本

27、50 管理員密碼 表 3-2 news 新聞動(dòng)態(tài)表 字段名數(shù)據(jù)類型長(zhǎng)度注釋 id 自動(dòng)編號(hào)編 號(hào) title 文 本 50 新聞主體 demo 備 注新聞內(nèi)容 time 日期/日期上傳時(shí)間 表 3-3 huodong 在線訂單表 字段名數(shù)據(jù)類型長(zhǎng)度注釋 id 自動(dòng)編號(hào)編 號(hào) title 文 本 50 標(biāo)題 content1 備 注來(lái)自 time 日期/日期上傳時(shí)間 3.23.2 流程設(shè)計(jì)流程設(shè)計(jì) .1 總體流程設(shè)計(jì)總體流程設(shè)計(jì) 系統(tǒng)流程分為客戶端流程、管理端流程，分別為如圖 3-4 和圖 3-5 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-4

28、 客戶端流程圖 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-5 管理端流程圖 .2 詳細(xì)流程設(shè)計(jì)詳細(xì)流程設(shè)計(jì) (一)普通用戶進(jìn)入網(wǎng)站活動(dòng)流圖如圖 3-6 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-6 普通用戶活動(dòng)流圖 (二)會(huì)員進(jìn)入網(wǎng)站活動(dòng)流圖如圖3-7 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-7 會(huì)員用戶活動(dòng)流圖 (三)后臺(tái)管理部分，管理員進(jìn)入網(wǎng)站活動(dòng)流圖如圖 3-8 所示。 、 、 、 、 、 、 、

29、、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-8 管理員活動(dòng)流圖 3.33.3 頁(yè)面框架設(shè)計(jì)頁(yè)面框架設(shè)計(jì) （一）前臺(tái)首頁(yè)框架設(shè)計(jì) 如圖 3-9 所示。 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-9 前臺(tái)首頁(yè)框架圖 （二）后臺(tái)首頁(yè)框架設(shè)計(jì) 如圖 3-10 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 圖 3-10 后臺(tái)首頁(yè)框架圖 （三）其它重要頁(yè)面設(shè)計(jì) 注冊(cè)登錄頁(yè)面 用戶登錄網(wǎng)站時(shí)需填寫用戶名和密碼，這是顧客第一次進(jìn)入網(wǎng)站時(shí)注冊(cè)所 得的用戶名和密碼，我們將負(fù)責(zé)把顧客的登錄信息填入數(shù)據(jù)庫(kù)以備顧客再次登 錄。如果顧客第一次來(lái)到，就

30、必須先進(jìn)入注冊(cè)界面，填寫用戶名、密碼、聯(lián)系 電話等信息，提交成功后即可激活一個(gè)用戶名和密碼。 建議留言 通過(guò)主頁(yè)的留言板鏈接，進(jìn)入顧客留言板，在這里顧客可以發(fā)表對(duì)商品的 意見(jiàn)及建議，也可以瀏覽其他人的留言，管理員有瀏覽及刪除留言的權(quán)限。 新聞網(wǎng)頁(yè) 顯示該行業(yè)內(nèi)的新聞。 第四章第四章 系統(tǒng)實(shí)現(xiàn)系統(tǒng)實(shí)現(xiàn) 4.14.1 數(shù)據(jù)庫(kù)連接數(shù)據(jù)庫(kù)連接 ado. .net 提供所有 oledb 兼容數(shù)據(jù)源一個(gè)共同的接口，連接、取回、處理 及更新數(shù)據(jù)庫(kù)數(shù)據(jù)方便，數(shù)據(jù)源可以包括使用數(shù)據(jù)倉(cāng)庫(kù)、數(shù)據(jù)庫(kù)、文本文件、 xml 數(shù)據(jù)等。ado.net 用“無(wú)連接傳輸模式”訪問(wèn)數(shù)據(jù)源(使用 xml 為核心之故)。 無(wú)連接模式是

31、指當(dāng)用戶要求訪問(wèn)數(shù)據(jù)源時(shí),無(wú)須經(jīng)過(guò)冗長(zhǎng)的連接操作,而且通過(guò) ado.net 添加的 dataset（數(shù)據(jù)集）對(duì)象，每個(gè)用戶都擁有專屬的 dataset（數(shù) 據(jù)集）對(duì)象，因此，用戶就不需要爭(zhēng)奪數(shù)據(jù)源。 數(shù)據(jù)庫(kù)連接代碼如下： 4.24.2 主要模塊的實(shí)現(xiàn)主要模塊的實(shí)現(xiàn) .1 登錄模塊的實(shí)現(xiàn)登錄模塊的實(shí)現(xiàn). 登陸模塊實(shí)現(xiàn)的功能如圖（截圖） ，主要是當(dāng)前用戶信息放入 session 中， 登陸成功后給出歡迎信息，代碼如下： set rs=server.createobject(adodb.recordset) set rs1=server.createobject(adodb.reco

32、rdset) conn=dbq=+server.mappath(mydb.mdb)+ ;defaultdir=;driver=microsoft access driver (*.mdb); sql=select * from user where username= 4.2.3 在線訂單模塊的實(shí)現(xiàn)在線訂單模塊的實(shí)現(xiàn) 作者:a href=mailto: 時(shí)間: 來(lái)自: a href= target=_blankimg src=image/homepage.gif width=18 height=18 align=absmiddle border=0 alt=訪問(wèn) 的個(gè)人主頁(yè) a href=re

33、ply.asp?id= target=_parent a href=del.asp?id= target=_parent % if rec(msg_reply) then response.write 版主回復(fù)： response.write changechr(rec(msg_reply) % 第一頁(yè) a href=index.asp?page= target=_parent class=back2最后一頁(yè)轉(zhuǎn)到 頁(yè) 名字 4.24.2 網(wǎng)站的實(shí)現(xiàn)網(wǎng)站的實(shí)現(xiàn) .1 首頁(yè)頁(yè)面首頁(yè)頁(yè)面 主界面的整體顏色搭配采用了藍(lán)白色，風(fēng)格以簡(jiǎn)潔緊湊，文字和圖片集中， 首頁(yè)用了一張很簡(jiǎn)單的頁(yè)面，菜

34、單、背景用 photoshop 做的，主頁(yè)包括 “公司簡(jiǎn)介” ， “新聞動(dòng)態(tài)” ， “產(chǎn)品展示” ， “聯(lián)系方式” ， “管理員登錄”這五個(gè) 模塊，簡(jiǎn)單明了的概括了公司的主要內(nèi)容，讓客戶進(jìn)來(lái)一目了然，如圖 4-1 所 示。 圖 4-1 公司首頁(yè)頁(yè)面 .2 產(chǎn)品展示頁(yè)面產(chǎn)品展示頁(yè)面 產(chǎn)品展示通過(guò)簡(jiǎn)單的表格布局，向客戶展示最新的時(shí)令水果，圖片真實(shí)、 清晰，給客戶留下深刻的印象及訂購(gòu)的欲望。產(chǎn)品展示里面放了“產(chǎn)品名稱” ， “價(jià)格” ， “說(shuō)明”等，如圖：4-2 所示。 圖 4-2 公司產(chǎn)品展示頁(yè)面 .3 在線訂單頁(yè)面在線訂單頁(yè)面 在線定單：客戶可通過(guò)在線訂單平臺(tái)，進(jìn)

35、行信息的反饋及水果的訂購(gòu)。如 圖：4-3 所示。 圖 4-3 公司訂購(gòu)頁(yè)面 .4 登錄界面登錄界面 因?yàn)榫S護(hù)系統(tǒng)的安全性，管理員登陸必需由正確的帳號(hào)和密碼，否則就不 能登陸，并將提示出錯(cuò)原因，如圖 4-4 所示。 圖 4-4 后臺(tái)管理登入界面 .5 后臺(tái)展示頁(yè)面后臺(tái)展示頁(yè)面 后臺(tái)頁(yè)面主要是管理員進(jìn)行登陸后可以對(duì)后臺(tái)頁(yè)面進(jìn)行管理，對(duì)網(wǎng)站的新 聞資訊信息進(jìn)行相應(yīng)的添加、修改和刪除；對(duì)客戶留言進(jìn)行查看，并可以回復(fù) 和刪除其留言，如圖 4-5 所示。 圖 4-5 后臺(tái)管理首頁(yè)界面 第五章第五章 總結(jié)總結(jié)與展望與展望 此次畢業(yè)設(shè)計(jì)對(duì)本人來(lái)說(shuō)是一個(gè)較大的考驗(yàn)，從最初的主題選