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

1、杭州水果公司網(wǎng)站的設計與實現(xiàn)杭州水果公司網(wǎng)站的設計與實現(xiàn) 目 錄 摘 要.1 abstract.2 第一章 緒 論.3 1.1 開發(fā)背景.3 1.2 設計思想.3 1.3 預期目的.4 1.4 相關工具介紹.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)設計.12 3.1 數(shù)據(jù)庫設計.12 3.1.1 e-r 圖設計.12 3.1.2 表結構設計.13 3.2 流程設計

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

3、 網(wǎng)頁及動態(tài)發(fā)展做成，在網(wǎng)頁方面，全面考慮了頁面色彩、頁面的構架，充分 的利用了圖片、文字、圖層、表格等元素。網(wǎng)站內(nèi)容明確，層次清楚，達到了 預期的功能。 杭州水果網(wǎng)站主要運用 frontpage、asp、dreamweaver 來制作的，另外一 些圖片的處理，動態(tài)的實現(xiàn)，分別運用了 photoshop 和 flash 或 fireworks 來 實現(xiàn)。除些之外，制作中還運用了數(shù)據(jù)庫連接到管理后臺，主要是運用數(shù)據(jù)庫 access 來實現(xiàn)注冊，登錄等信息。主要內(nèi)容是水果介紹、水果分類、水果價格、 水果定購、水果論壇等。 關鍵詞關鍵詞: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 以相互交流信息資源 為目的，它是一個信息資源和資源共享的集合，基于網(wǎng)站的平臺為用戶提供所

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

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

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

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

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

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

14、會被傳到客戶瀏覽器，因而可以 避免所寫的源程序被他人剽竊，也提高了程序的安全性。 asp 的奇妙之處真是不勝枚舉的。 (三)asp 運行環(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)頁設計和網(wǎng)站管理工具，支持最新的 web 技術，包含 html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

31、指當用戶要求訪問數(shù)據(jù)源時,無須經(jīng)過冗長的連接操作,而且通過 ado.net 添加的 dataset（數(shù)據(jù)集）對象，每個用戶都擁有專屬的 dataset（數(shù) 據(jù)集）對象，因此，用戶就不需要爭奪數(shù)據(jù)源。 數(shù)據(jù)庫連接代碼如下： 4.24.2 主要模塊的實現(xiàn)主要模塊的實現(xiàn) .1 登錄模塊的實現(xiàn)登錄模塊的實現(xiàn). 登陸模塊實現(xiàn)的功能如圖（截圖） ，主要是當前用戶信息放入 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 在線訂單模塊的實現(xiàn)在線訂單模塊的實現(xiàn) 作者:a href=mailto: 時間: 來自: a href= target=_blankimg src=image/homepage.gif width=18 height=18 align=absmiddle border=0 alt=訪問 的個人主頁 a href=re

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

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

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