中國柑橘網(wǎng)網(wǎng)站設(shè)計(jì)說明書

1、 課程設(shè)計(jì)說明書題目： 中國柑橘網(wǎng)設(shè)計(jì) 學(xué)生： 何 理 學(xué) 號(hào)：3院 （系）： 設(shè)計(jì)與藝術(shù)學(xué)院 專 業(yè)： 包裝062 指導(dǎo)教師： 志強(qiáng) 2009年 12 月25 日第一章 設(shè)計(jì)概述1.1 項(xiàng)目背景與意義1.1.1項(xiàng)目背景柑橘是世界第一大水果，年產(chǎn)量約1億噸，占水果總產(chǎn)量的22%左右。我國是世界上許多柑橘種類的原產(chǎn)地，是世界第三大柑橘生產(chǎn)國（列巴西、美國之后），2002年產(chǎn)量達(dá)1 199萬噸。我國柑橘產(chǎn)業(yè)的發(fā)展一直以來按照“改良品種、提高品質(zhì)、建立品牌，降低成本”的指導(dǎo)思想，努力提高柑橘產(chǎn)業(yè)的整體素質(zhì)和經(jīng)濟(jì)效益。在發(fā)展思路上堅(jiān)持以銷為主，積極發(fā)展出口前景好的高品質(zhì)椪柑、蜜柑等寬皮柑橘，加快發(fā)展以

2、臍橙為主的鮮食甜橙，鞏固桔瓣罐頭和我國獨(dú)有的、品質(zhì)優(yōu)異的柚類等名特優(yōu)新稀品種的優(yōu)勢地位，使我國柑橘在質(zhì)量、分級(jí)、包裝、加工等方面都上了一個(gè)新的臺(tái)階，努力構(gòu)建現(xiàn)代化柑橘產(chǎn)業(yè)體系。特別在加入和農(nóng)業(yè)產(chǎn)業(yè)結(jié)構(gòu)戰(zhàn)略性調(diào)整的深入推進(jìn)的今天，我國柑橘種植在面積趨于穩(wěn)定的同時(shí)，品種和品質(zhì)結(jié)構(gòu)調(diào)整步伐加快，產(chǎn)業(yè)鏈條不斷延伸，產(chǎn)業(yè)整體競爭力顯著提升。1.1.2 項(xiàng)目意義隨著互聯(lián)網(wǎng)的高速發(fā)展，貿(mào)易的網(wǎng)絡(luò)化，時(shí)空觀淡化，借助網(wǎng)絡(luò)平臺(tái)促成銷售就成為了一種新穎而有效的營銷方式。中國柑橘網(wǎng)旨在服務(wù)國廣大消費(fèi)者和經(jīng)銷商，希望能夠通過我們的專業(yè)、誠信為大家營造一個(gè)友好的平臺(tái)，時(shí)刻關(guān)注國的柑橘動(dòng)態(tài)，提供最前沿的政策法規(guī)，加快中國

3、柑橘產(chǎn)業(yè)的發(fā)展步伐。1.2 相關(guān)技術(shù)與開發(fā)工具介紹 (前臺(tái)和后臺(tái)包括數(shù)據(jù)庫)Microsoft dreamweaver 8.0 是由macromedia公司設(shè)計(jì)開發(fā)的一款可視化的網(wǎng)頁設(shè)計(jì)和管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、可視化網(wǎng)頁設(shè)計(jì)、圖像編輯、全局查找替換、全FTP 功能、處理Flash等富媒體格式和動(dòng)態(tài)HTML、基于團(tuán)隊(duì)的Web創(chuàng)作。Adobe photoshop CS2 是由美國Adobe公司開發(fā)的圖像設(shè)計(jì)與處理軟件，以其強(qiáng)大的功能倍受用戶的青睞。它是一個(gè)集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意、圖像合成、圖像輸入/輸出、網(wǎng)頁制作于

4、一體的專業(yè)圖形處理軟件。Microsoft SQL Server 是Microsoft 公司推出的SQL Server 數(shù)據(jù)庫管理系統(tǒng)的最新版本。是操作數(shù)據(jù)庫的標(biāo)準(zhǔn)語言，它是一門 ANSI 的標(biāo)準(zhǔn)計(jì)算機(jī)語言，用來訪問和操作數(shù)據(jù)庫系統(tǒng)。它不僅具有豐富的數(shù)據(jù)庫操作功能，而且具有數(shù)據(jù)定義和數(shù)據(jù)控制功能，是集數(shù)據(jù)操作、數(shù)據(jù)定義、數(shù)據(jù)控制功能于一體的關(guān)系數(shù)據(jù)語言。第二章 總體設(shè)計(jì)2.1 需求分析 2.1.1 功能需求 作為一個(gè)柑橘，希望能夠成為廣大經(jīng)銷商以與消費(fèi)者的營銷平臺(tái)，在這里，可以詳細(xì)了解到柑橘的實(shí)時(shí)動(dòng)態(tài)和國家相關(guān)的政策法規(guī)的頒布與實(shí)施。通過容的與時(shí)更新和豐富，吸引瀏覽者的注意，提高點(diǎn)擊率和瀏覽量

5、。從而實(shí)現(xiàn)產(chǎn)、供、銷的有機(jī)結(jié)合，為柑橘這一重要水果的經(jīng)營提供一種全新的模式，有效的推動(dòng)國柑橘產(chǎn)業(yè)的發(fā)展。2.1.2 環(huán)境需求硬件環(huán)境：PC機(jī)軟件系統(tǒng)：windows xp 操作系統(tǒng) 、運(yùn)行的web服務(wù)器2.1.3 用戶界面需求 A、用戶界面的一致很關(guān)鍵，界面的結(jié)構(gòu)必須清晰且所用的術(shù)語要保持一致，風(fēng)格必須與容相一致，界面的色調(diào)字體也要保持一致。   B、 遵循對(duì)比原則一一在淺色背景上使用深色文字，在深色背景上使用淺色文宇C、采用行業(yè)標(biāo)準(zhǔn)和慣例，使看起來或視覺上都比較專業(yè)。   D、應(yīng)具備熟練用戶和新手用戶兩種界面，支持生手也支持熟手，讓用戶便于使

6、用、便于理解、并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。   E、界面對(duì)象在視覺上、感覺上和行為上應(yīng)該與其在現(xiàn)實(shí)世界中的表現(xiàn)一致。  F、彈出菜單不應(yīng)該是唯一的功能來源，要實(shí)現(xiàn)多功能的整合應(yīng)用。G、界面間的切換，界面布局都很重要。用戶要能夠自由企鵝快速的對(duì)界面上的每一項(xiàng)做出選擇，并且所有選擇都是可逆的。2.2 概要設(shè)計(jì) 2.2.1 數(shù)據(jù)庫設(shè)計(jì) 運(yùn)用Microsoft SQL Server工具來制作后臺(tái)數(shù)據(jù)庫，通過ODBC把它們連接起來，主要包括以下四個(gè)數(shù)據(jù)庫：15 / 16Denglu （用戶登錄與注冊(cè)）Face （留言板頭像）Msg （留言板）Administrator

7、 （后臺(tái)管理）2.2.2 軟件結(jié)構(gòu)設(shè)計(jì) 建站過程中，需要使用到Dreamweaver 8.0來制作html靜態(tài)網(wǎng)頁，這樣可以優(yōu)化系統(tǒng)性能。使用Photoshop CS2來對(duì)圖片進(jìn)行美化修飾使其符合的整體色彩、風(fēng)格效果。利用ASP技術(shù)來完成對(duì)功能的動(dòng)態(tài)設(shè)計(jì)，以實(shí)現(xiàn)登錄注冊(cè)、在線留言系統(tǒng)以與后臺(tái)管理的功能。第三章 詳細(xì)設(shè)計(jì)3.1 主頁的設(shè)計(jì) index.asp整個(gè)主頁設(shè)計(jì)包括三部分：logo、正文容和容。A、logo與導(dǎo)航設(shè)計(jì) Logo的大小為900*200，插入index.files/logo.jpg導(dǎo)航條的大小為900*30 （1行9列）分別依次輸入首頁、柑橘文化、柑橘種植、病蟲防治、柑橘供求

8、、專家咨詢、友情互動(dòng)、聯(lián)系我們和設(shè)為主頁。對(duì)病蟲防治和柑橘供求設(shè)置下拉菜單，專家咨詢和友情互動(dòng)設(shè)置，讓瀏覽者不僅能夠方便的解決遇到的各種問題，還可以暢所欲言，發(fā)表自己的觀點(diǎn)和看法，聯(lián)系我們添加了電子，讓瀏覽者能夠與時(shí)的與我們聯(lián)系。B、正文容設(shè)計(jì)分為要聞、商機(jī)、柑橘供求、產(chǎn)品上市、在線搜索和用戶登錄注冊(cè)五個(gè)部分。要聞、商機(jī)和柑橘供求都結(jié)合現(xiàn)有市場行情，加入容，設(shè)置，實(shí)現(xiàn)資源的免費(fèi)共享。產(chǎn)品上市采用表格的形式，把產(chǎn)品系統(tǒng)的分類，美觀、簡明易懂，并且集合了現(xiàn)在市場上的各種優(yōu)良品種，給出詳細(xì)的容價(jià)格介紹，讓瀏覽者掌握準(zhǔn)確的產(chǎn)品消息。在線搜索實(shí)現(xiàn)了消費(fèi)者方便快捷的尋找到所需要的產(chǎn)品信息的功能，節(jié)省時(shí)間，

9、提高效率。登錄注冊(cè)是一個(gè)我們與瀏覽者很好的互動(dòng)平臺(tái)，可以與時(shí)了解客戶的動(dòng)態(tài)和對(duì)的關(guān)注程度。實(shí)現(xiàn)了對(duì)客戶的個(gè)性化差異服務(wù)。Flash小動(dòng)畫能夠吸引瀏覽者的注意力，是輔助供能的具體應(yīng)用。C、設(shè)置3.2用戶子系統(tǒng)的設(shè)計(jì) 3.2.1 用戶注冊(cè) register.asp插入表單，輸入用戶名、密碼、 、，并分別在后面插入文本域。將密碼類型換為密碼，其它三個(gè)設(shè)為單行。最后插入按鈕，修改值為注冊(cè)，動(dòng)作為提交表單，注冊(cè)成功后到ok.Asp。綁定記錄集RS (denglu)插入記錄（表單“form1”）添加服務(wù)器行為：檢查新用戶，防止出現(xiàn)用戶名重復(fù)現(xiàn)象。如果該用戶名已存在，則轉(zhuǎn)到zhuceshibai.aspil

10、legal.asp用戶在主頁登錄，登錄失敗時(shí)會(huì)跳轉(zhuǎn)入該頁面，插入一表單，輸入“你必須正確登錄后，才能進(jìn)入。若您還沒有注冊(cè)，請(qǐng)先注冊(cè)成為正式用戶?！弊?cè)到register.asp ，登錄到index.asp3.2.2 用戶登錄 Main.asp插入表單，依次輸入上述文字，方法同注冊(cè)，將按鈕值改為登錄，將注冊(cè)到index.asp。綁定記錄集RS，添加服務(wù)器行為：登錄用戶，登錄成功轉(zhuǎn)到main.asp，失敗轉(zhuǎn)到illegal.asp。3.3 留言板子系統(tǒng)的設(shè)計(jì) 3.3.1留言板發(fā)布頁面 lyban.asp新建基本頁/html模板，布局表格，在頁面上下分別布局2個(gè)單元格，上面插入./images/we

11、lcome1.jpg，插入1行2列的表格，分別輸入“歡迎光臨在線留言系統(tǒng)”、“管理入口”設(shè)置管理入口為./guanliyuan/denglu.asp，下面輸入信息，中間插入可編輯區(qū)域，保存為liuyanban.dwt。綁定記錄集RS1(face)，RS2（msg），在可編輯區(qū)域，插入應(yīng)用程序?qū)ο?插入記錄/插入記錄表單向?qū)В絣iuyan.asp。在face后插入圖像./images/ /0.bmp，命名為face_pre，添加標(biāo)簽行為交換圖像，動(dòng)作為onchange。PS:將生成的代碼中的單引號(hào)刪除。設(shè)置face的動(dòng)態(tài)屬性3.3.2留言板顯示頁面 liuyan.asp 在可編輯區(qū)域插入6行4

12、列的表格，如上圖所示拆分合并單元格，綁定相應(yīng)動(dòng)態(tài)文本即可，表格下面插入記錄集導(dǎo)航條。修改：設(shè)置到xiugai.asp修改：添加服務(wù)器行為/轉(zhuǎn)到詳細(xì)頁面gengxin.asp3.3.3留言板更新頁面插入更新記錄表單向?qū)?，到liuyan.asp插入相應(yīng)的動(dòng)態(tài)文本，設(shè)置face的動(dòng)態(tài)屬性。3.4 管理員后臺(tái)系統(tǒng)設(shè)計(jì)3.4.1管理員登錄（denglu.asp）綁定記錄集RS3(administrator) 添加服務(wù)器行為/用戶登錄3.4.2管理員登錄失敗3.4.3管理員管理頁面 shanchu.asp如上圖所示設(shè)計(jì)填寫表格，刪除轉(zhuǎn)到詳細(xì)頁面，到 scqr.asp插入8行2列表格，填寫相應(yīng)的容，插入按鈕

13、，值為“確認(rèn)刪除？”添加刪除記錄行為刪除成功到shanchu.asp第四章 系統(tǒng)測試和性能優(yōu)化4.1系統(tǒng)測試 發(fā)布之前，要進(jìn)行細(xì)致周密的測試，一保證正常瀏覽和使用。在這里選擇了使用xp系統(tǒng)的IIS來對(duì)制作的進(jìn)行系統(tǒng)測試。主要測試包括以下容： A、服務(wù)器的穩(wěn)定性、安全性 B、程序與數(shù)據(jù)庫測試，網(wǎng)頁兼容性測試，如瀏覽器、顯示器 C、文字、圖片、連接是否有錯(cuò)誤4.2 性能優(yōu)化 性能優(yōu)化的通用方法有一下幾個(gè)方面：A、html靜態(tài)化對(duì)于一般的來說，效率最高、消耗最小的就是純靜態(tài)化html頁面，所以要盡可能使上的頁面采用靜態(tài)頁面來實(shí)現(xiàn)，優(yōu)化訪問量最多的頁面，首頁index.jsp為目前訪問量最多的頁面，里

14、面的動(dòng)態(tài)代碼刪除，將這個(gè)頁面轉(zhuǎn)化為靜態(tài)的html頁面index.html，這個(gè)最簡單的方法其實(shí)也是最有效的方法。因此，從長遠(yuǎn)考慮，需要對(duì)當(dāng)前的架構(gòu)進(jìn)行一番調(diào)整，以適應(yīng)靜態(tài)化頁面的需求。 B、緩存 將頁面靜態(tài)化是通常的優(yōu)化方案，但是對(duì)于當(dāng)前的一些服務(wù)器下未必有效，因?yàn)槠鋵?duì)于靜態(tài)HTML文件本身支持并不理想，并且新聞容更新較為頻繁。因此，在現(xiàn)有架構(gòu)的基礎(chǔ)上，可以使用動(dòng)態(tài)緩存的方式，在動(dòng)態(tài)應(yīng)用中減少數(shù)據(jù)庫負(fù)載，提升訪問速度。對(duì)訪問頻率高，數(shù)據(jù)庫消耗大的頁面進(jìn)行動(dòng)態(tài)緩存(時(shí)間10分鐘)，在緩存的時(shí)間圍這些頁面直接重緩存中讀取，無需訪問數(shù)據(jù)庫，提高這些頁面的訪問速度，減小數(shù)據(jù)庫訪問的壓力。這樣SQL S

15、erver數(shù)據(jù)庫的負(fù)載會(huì)大為降低。第五章 總結(jié)與展望5.1 當(dāng)前存在的問題和今后開發(fā)的方向 中國柑橘網(wǎng)，從整體來說，實(shí)現(xiàn)了三大基本功能：用戶登錄與注冊(cè)、留言系統(tǒng)以與管理員的后臺(tái)管理系統(tǒng)。但由于時(shí)間和技術(shù)問題，任然存在很多不足的地方，歡迎廣大新老客戶給予幫助與指導(dǎo)，使其更加完善。在以后的過程中，我們會(huì)加以跟進(jìn)，設(shè)計(jì)論壇之家、虛擬社區(qū)、幫助、網(wǎng)上交易等其他的必要功能。希望通過我們的共同努力，我們的能夠更好的發(fā)揮其網(wǎng)上交易平臺(tái)的作用，為你我服務(wù)！5.2 心得與體會(huì) 通過一學(xué)期的學(xué)習(xí)與實(shí)驗(yàn)，我從中也收獲了一些知識(shí)。要建立一個(gè)，絕對(duì)不僅僅是設(shè)計(jì)一個(gè)主頁那么簡單，它需要考慮的有很多方面。比如，建站前的市場

16、分析、建站目的、技術(shù)解決方案、容的規(guī)劃、網(wǎng)頁設(shè)計(jì)、維護(hù)與測試等等?？此埔粋€(gè)小小的，里面卻涉與到了很多的知識(shí)，在建站過程中，用到了ASP技術(shù)、數(shù)據(jù)庫技術(shù)、photoshop圖形圖像處理軟件、flash等，必須熟練掌握Dreamweaver 8.0的操作以與功能。在的測試過程中，會(huì)遇到很多問題：代碼錯(cuò)誤、缺少對(duì)象、用戶重定義等，看到這些，很多時(shí)候會(huì)讓自己不知所措，甚至很沮喪，但是還不得不繼續(xù)尋找答案。通過這次的鍛煉，我更加學(xué)會(huì)了利用google、百度等搜索引擎來幫助自己解決問題，而不是在那里一謂的苦惱。雖然很多時(shí)候還是看不懂，這很大程度上是因?yàn)樽约嚎床欢a造成的。如果要做好做專，在以后的學(xué)習(xí)過程中，