1、PAGE PAGE 38目錄TOC o 1-3 h z u HYPERLINK l _Toc1994一三266 第一章概述 PAGEREF _Toc1994一三266 h 1 HYPERLINK l _Toc1994一三267 1.1 課題意義 PAGEREF _Toc1994一三267 h 1 HYPERLINK l _Toc1994一三268 1.2 國(guó)內(nèi)外研究現(xiàn)狀 PAGEREF _Toc1994一三268 h 1 HYPERLINK l _Toc1994一三269 1.3 主要工作 PAGEREF _Toc1994一三269 h 1 HYPERLINK l _Toc1994一三270

2、第二章系統(tǒng)運(yùn)行環(huán)境 PAGEREF _Toc1994一三270 h 2 HYPERLINK l _Toc1994一三271 2.1 系統(tǒng)開(kāi)發(fā)工具 PAGEREF _Toc1994一三271 h 2 HYPERLINK l _Toc1994一三272 2.1.1 ASP簡(jiǎn)介 PAGEREF _Toc1994一三272 h 2 HYPERLINK l _Toc1994一三273 2.1.2 Dreamweaver 簡(jiǎn)介 PAGEREF _Toc1994一三273 h 2 HYPERLINK l _Toc1994一三274 2.1.3 ADO簡(jiǎn)介 PAGEREF _Toc1994一三274 h 3

3、HYPERLINK l _Toc1994一三275 2.1.4 IIS介紹及安裝與配置方法 PAGEREF _Toc1994一三275 h 3 HYPERLINK l _Toc1994一三276 2.2 系統(tǒng)的運(yùn)行環(huán)境 PAGEREF _Toc1994一三276 h 4 HYPERLINK l _Toc1994一三277 第三章系統(tǒng)分析 PAGEREF _Toc1994一三277 h 5 HYPERLINK l _Toc1994一三278 3.1 可行性分析 PAGEREF _Toc1994一三278 h 5 HYPERLINK l _Toc1994一三279 3.1.1 技術(shù)可行性 PAGE

4、REF _Toc1994一三279 h 5 HYPERLINK l _Toc1994一三280 3.1.2 經(jīng)濟(jì)可行性 PAGEREF _Toc1994一三280 h 5 HYPERLINK l _Toc1994一三281 3.1.3 操作可行性 PAGEREF _Toc1994一三281 h 5 HYPERLINK l _Toc1994一三282 3.2 系統(tǒng)主要功能 PAGEREF _Toc1994一三282 h 6 HYPERLINK l _Toc1994一三283 3.3 系統(tǒng)頁(yè)面布局 PAGEREF _Toc1994一三283 h 6 HYPERLINK l _Toc1994一三28

5、4 3.3.1 首頁(yè)布局 PAGEREF _Toc1994一三284 h 6 HYPERLINK l _Toc1994一三285 3.3.2 后臺(tái)頁(yè)面布局 PAGEREF _Toc1994一三285 h 6 HYPERLINK l _Toc1994一三286 3.4系統(tǒng)流程圖 PAGEREF _Toc1994一三286 h 7 HYPERLINK l _Toc1994一三287 3.5數(shù)據(jù)流圖 PAGEREF _Toc1994一三287 h 7 HYPERLINK l _Toc1994一三288 3.6 數(shù)據(jù)字典 PAGEREF _Toc1994一三288 h 8 HYPERLINK l _T

6、oc1994一三289 第四章系統(tǒng)設(shè)計(jì) PAGEREF _Toc1994一三289 h 10 HYPERLINK l _Toc1994一三290 4.1 系統(tǒng)框架設(shè)計(jì) PAGEREF _Toc1994一三290 h 10 HYPERLINK l _Toc1994一三291 4.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) PAGEREF _Toc1994一三291 h 10 HYPERLINK l _Toc1994一三292 4.3 數(shù)據(jù)庫(kù)設(shè)計(jì) PAGEREF _Toc1994一三292 h 11 HYPERLINK l _Toc1994一三293 4.4 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) PAGEREF _Toc1994一三293

7、h 14 HYPERLINK l _Toc1994一三294 第五章運(yùn)行結(jié)果及效果分析 PAGEREF _Toc1994一三294 h 16 HYPERLINK l _Toc1994一三295 5.1 模塊測(cè)試及分析 PAGEREF _Toc1994一三295 h 16 HYPERLINK l _Toc1994一三296 5.1.1 前臺(tái)部分測(cè)試 PAGEREF _Toc1994一三296 h 16 HYPERLINK l _Toc1994一三297 5.1.2 后臺(tái)部分測(cè)試 PAGEREF _Toc1994一三297 h 20 HYPERLINK l _Toc1994一三298 5.2 系統(tǒng)

8、測(cè)試及分析 PAGEREF _Toc1994一三298 h 22 HYPERLINK l _Toc1994一三299 第六章使用方法 PAGEREF _Toc1994一三299 h 25 HYPERLINK l _Toc1994一三300 6.1 網(wǎng)站前臺(tái) PAGEREF _Toc1994一三300 h 25 HYPERLINK l _Toc1994一三301 6.2 網(wǎng)站后臺(tái)管理 PAGEREF _Toc1994一三301 h 25 HYPERLINK l _Toc1994一三302 6.2.1 添加最新資訊內(nèi)容： PAGEREF _Toc1994一三302 h 25 HYPERLINK l

9、 _Toc1994一三303 6.2.2 管理全部最新資訊： PAGEREF _Toc1994一三303 h 25 HYPERLINK l _Toc1994一三304 6.2.3 修改密碼： PAGEREF _Toc1994一三304 h 25 HYPERLINK l _Toc1994一三305 6.2.4 退出管理系統(tǒng)： PAGEREF _Toc1994一三305 h 25 HYPERLINK l _Toc1994一三306 第七章畢業(yè)設(shè)計(jì)體會(huì) PAGEREF _Toc1994一三306 h 26 HYPERLINK l _Toc1994一三307 致謝 PAGEREF _Toc1994一三

10、307 h 27 HYPERLINK l _Toc1994一三308 參考文獻(xiàn) PAGEREF _Toc1994一三308 h 28第一章概述1.1 課題意義國(guó)際際互聯(lián)網(wǎng)的用戶在迅猛地增長(zhǎng)，中國(guó)上網(wǎng)用戶由1995年的一萬(wàn)戶速增至1999年的數(shù)百萬(wàn)用戶。這增長(zhǎng)速度是全世界范圍的普遍現(xiàn)象。您的企業(yè)要為這眾多的民眾、企業(yè)服務(wù)就必須建立自己的網(wǎng)站，在這信息的高速公路上宣傳自己高效的工作。今天，國(guó)際互聯(lián)網(wǎng)絡(luò)已成為高科技和未來(lái)生活的代名詞，要顯示你公司的實(shí)力，提升公司的形象，沒(méi)有什么比在員工名片、企業(yè)信箋、廣告及各種公眾能看得到的東西上印上自己公司獨(dú)有的網(wǎng)絡(luò)地址和專(zhuān)用的集團(tuán)電子郵件地址更有說(shuō)服力了。消費(fèi)者

11、、客戶和海外投資者自然對(duì)您另眼相看。你不可能將你的新產(chǎn)品信息在全球的周刊上發(fā)表，但你可以把上述信息放在你的企業(yè)網(wǎng)站上向全世界發(fā)表。即使你可以把上述信息在全球的周刊上發(fā)表，但消費(fèi)者遺忘廣告、忽略廣告，你也無(wú)可奈何。有了網(wǎng)站上的信息，任何一個(gè)人都可在網(wǎng)上瀏覽你的網(wǎng)頁(yè)，都會(huì)成為你的潛在客戶1。1.2 國(guó)內(nèi)外研究現(xiàn)狀現(xiàn)在網(wǎng)絡(luò)的發(fā)展已呈現(xiàn)商業(yè)化、全民化、全球化的趨勢(shì)。目前，幾乎世界上所有的公司都在利用網(wǎng)絡(luò)傳遞商業(yè)信息，進(jìn)行商業(yè)活動(dòng)，從宣傳企業(yè)、發(fā)布廣告、招聘雇員、傳遞商業(yè)文件乃至拓展市場(chǎng)、網(wǎng)上銷(xiāo)售等，無(wú)所不能。如今網(wǎng)絡(luò)已成為企業(yè)進(jìn)行競(jìng)爭(zhēng)的戰(zhàn)略手段。企業(yè)經(jīng)營(yíng)的多元化拓展，企業(yè)規(guī)模的進(jìn)一步擴(kuò)大，對(duì)于企業(yè)的管

12、理、業(yè)務(wù)擴(kuò)展、企業(yè)品牌形象等提供了更高的要求。在以信息技術(shù)為支撐的新經(jīng)濟(jì)條件下，越來(lái)越多的企業(yè)利用起網(wǎng)絡(luò)這個(gè)有效的工具。網(wǎng)站早已由論證階段進(jìn)入了實(shí)質(zhì)階段，尤其為企業(yè)提供一個(gè)展示自己的舞臺(tái)、為消費(fèi)者創(chuàng)造一個(gè)了解企業(yè)的捷徑。公司可以通過(guò)建立商業(yè)平臺(tái)，實(shí)行全天候銷(xiāo)售服務(wù)，借助網(wǎng)絡(luò)推廣企業(yè)的形象、宣傳企業(yè)的產(chǎn)品、發(fā)布公司最新資訊，同時(shí)通過(guò)信息反饋使公司更加了解顧客的心理和需求，網(wǎng)站虛擬公司與實(shí)體公司的經(jīng)營(yíng)運(yùn)作有機(jī)的結(jié)合，將會(huì)有利于公司產(chǎn)品銷(xiāo)售渠道的拓展，并節(jié)省大量的廣告宣傳和經(jīng)營(yíng)運(yùn)營(yíng)成本，更好地把握商機(jī)2。1.3 主要工作運(yùn)用好相關(guān)工具與技術(shù)對(duì)系統(tǒng)進(jìn)行可行性分析，確定系統(tǒng)所需功能，劃分各系統(tǒng)模塊，并且

13、分步開(kāi)發(fā)。設(shè)計(jì)系統(tǒng)的前臺(tái)顯示。配置運(yùn)行環(huán)境，調(diào)試系統(tǒng)。第二章系統(tǒng)運(yùn)行環(huán)境2.1 系統(tǒng)開(kāi)發(fā)工具2.1.1 ASP簡(jiǎn)介ASP是Active Server Page的縮寫(xiě)，意為“活動(dòng)服務(wù)器網(wǎng)頁(yè)”，是微軟開(kāi)發(fā)的服務(wù)器端的腳本編寫(xiě)環(huán)境。使用ASP可以組合HTML頁(yè)、腳本命令和ActiveX組建來(lái)創(chuàng)建動(dòng)態(tài)、交互的Web頁(yè)和基于Web的應(yīng)用程序。ASP是服務(wù)器端的網(wǎng)頁(yè)技術(shù)，是在服務(wù)器端運(yùn)行的而不是客戶端執(zhí)行的。當(dāng)客戶端請(qǐng)求一個(gè)ASP文件時(shí)，由服務(wù)器先把該文件解釋成標(biāo)準(zhǔn)的HTML文件再發(fā)送給客戶。在服務(wù)器端運(yùn)行的好處有兩點(diǎn)：第一，可以不受客戶端瀏覽器的限制，任何用戶都可以使用瀏覽器正常瀏覽ASP所產(chǎn)生的網(wǎng)頁(yè)，

14、且不需要特別安裝任何ASP支持；第二，可以很方便地和服務(wù)器交換數(shù)據(jù)，例如從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)。嚴(yán)格來(lái)講，ASP并不是一種語(yǔ)言，它只是提供一個(gè)環(huán)境來(lái)運(yùn)行Script。ASP所用的語(yǔ)言是VBScript或JavaScript，也可以是它們兩者的結(jié)合。ASP沒(méi)有固定的開(kāi)發(fā)工具，任何一種文本編輯器都能勝任ASP腳本的編輯工作，當(dāng)然不同的開(kāi)發(fā)工具的開(kāi)發(fā)調(diào)試效率是不一樣的。ASP也是一種代替CGI腳本程序的一種，并且可以與數(shù)據(jù)庫(kù)和其他程序進(jìn)行交互，是一種簡(jiǎn)單方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。 ASP網(wǎng)頁(yè)可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。應(yīng)用A

15、SP可以向網(wǎng)頁(yè)中添加交互式內(nèi)容（例如表單的添加），也可以創(chuàng)建使用HTML網(wǎng)頁(yè)作為用戶界面的web應(yīng)用程序3。2.1.2 Dreamweaver 簡(jiǎn)介Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件。它不僅包括可視化編輯、HTML代碼編輯的軟件包，而且還支持ActiveX、JavaScript、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)

16、態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。Dreamweaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在Dreamweaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。Dreamweaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。Dreamweaver的發(fā)展經(jīng)歷了如下版本：Drea

17、mweaver1.0，Dreamweaver2.0、2.01，Dreamweaver 3.0，Dreamweaver UltraDev 1.0，Dreamweaver 4.0，Dreamweaver UltraDev 4.0 ，Dreamweaver MX（6.0），Dreamweaver MX 2004（7.0、7.01）， Dreamweaver 84。2.1.3 ADO簡(jiǎn)介ADO是ActiveX Data Objects（ActiveX數(shù)據(jù)對(duì)象）的英文縮寫(xiě)，它是微軟公司開(kāi)發(fā)的數(shù)據(jù)庫(kù)訪問(wèn)組件。它提供了網(wǎng)頁(yè)開(kāi)發(fā)人員實(shí)時(shí)存取數(shù)據(jù)庫(kù)的能力。在數(shù)據(jù)庫(kù)的應(yīng)用中，使用ADO編寫(xiě)的應(yīng)用程序可以存取在In

18、ternet上任何地方的資源。ADO非常簡(jiǎn)化的接口使得原本復(fù)雜冗長(zhǎng)的程序編寫(xiě)工作變得簡(jiǎn)單易學(xué)，并且強(qiáng)有力地支持了各種應(yīng)用程序的復(fù)雜特性的要求。ADO使用RecordSet（記錄集）對(duì)象作為數(shù)據(jù)的主要界面。ADO可以使用VBScript、JavaScript等腳本語(yǔ)言來(lái)控制數(shù)據(jù)庫(kù)的存取以及輸出查詢結(jié)果?？偟膩?lái)說(shuō),ADO是一項(xiàng)容易使用并且可擴(kuò)展的將數(shù)據(jù)庫(kù)訪問(wèn)添加到 Web 頁(yè)的技術(shù)?？梢允褂?ADO 去編寫(xiě)緊湊簡(jiǎn)明的腳本以便連接到 Open Database Connectivity (ODBC) 兼容的數(shù)據(jù)庫(kù)和 OLE DB 兼容的數(shù)據(jù)源。對(duì)數(shù)據(jù)庫(kù)連接有一定了解的腳本編寫(xiě)人員，ADO 命令語(yǔ)句并

19、不復(fù)雜而且容易掌握。同樣地，一個(gè)經(jīng)驗(yàn)豐富的數(shù)據(jù)庫(kù)編程人員將會(huì)正確認(rèn)識(shí) ADO 的先進(jìn)的與語(yǔ)言無(wú)關(guān)性和查詢處理功能5。2.1.4IIS介紹及安裝與配置方法 IIS介紹IIS（Internet Information Server，互聯(lián)網(wǎng)信息服務(wù)）是一種Web（網(wǎng)頁(yè)）服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁(yè)瀏覽、文件傳輸、最新資訊服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事6。 IIS的安裝與配置方法現(xiàn)在介紹在Windows XP操作系統(tǒng)中安裝IIS 5.1的方法。其他版本的系統(tǒng)大體相同。1.依次選擇點(diǎn)擊“開(kāi)

20、始”/“設(shè)置”/“控制面板”/“添加/刪除程序”，打開(kāi)“添加/刪除程序”對(duì)話框。2.單擊左側(cè)的“添加/刪除Windows組件”按鈕，打開(kāi)“Windows組件向?qū)А睂?duì)話框。3.選中“Internet信息服務(wù)器(IIS)”，將Windows XP的安裝光盤(pán)放入光驅(qū)中，然后單擊“下一步”按鈕，安裝IIS 5.1大約需要30MB的磁盤(pán)空間。安裝程序開(kāi)始配置組件并復(fù)制文件，安裝過(guò)程將持續(xù)一段時(shí)間。IIS的配置需要修改默認(rèn)網(wǎng)站的主目錄，打開(kāi)IIS，右擊“默認(rèn)網(wǎng)站”“屬性”，選擇主目錄標(biāo)簽，在“本地路徑”中選擇網(wǎng)站所在文件夾（例如E:wwwroot），本標(biāo)簽內(nèi)其他選項(xiàng)默認(rèn)，然后點(diǎn)“應(yīng)用”。然后選擇“文檔”標(biāo)

21、簽，在“默認(rèn)文檔”里面添加“默認(rèn)文檔名”index.ASP，并使用上下箭臺(tái)，將index.ASP優(yōu)先級(jí)調(diào)到最上面。然后可以用xlocalhost/來(lái)訪問(wèn)主頁(yè)6。2.2 系統(tǒng)的運(yùn)行環(huán)境硬件需求：PentiumIII 800/128M/20G及以上配置，800 x600/16位色以上顯示器；另需連接服務(wù)器的網(wǎng)絡(luò)設(shè)備，通過(guò)局域網(wǎng)連接需要配備10/100M網(wǎng)卡，通過(guò)撥號(hào)上網(wǎng)需要配置調(diào)制解調(diào)器。軟件需求：Windows/98/NT/2000/XP中文版操作系統(tǒng)，IE 5.0以上版本瀏覽器。第三章系統(tǒng)分析3.1 可行性分析3.1.1技術(shù)可行性Hellocosplay所需開(kāi)發(fā)的網(wǎng)站是運(yùn)用ASP+ACCESS

22、+HTML+CSS的技術(shù)來(lái)開(kāi)發(fā)的。所需程序的開(kāi)發(fā)主要是運(yùn)用Dreamweaver + Access。在網(wǎng)站界面的開(kāi)發(fā)中，主要需要Photoshop在制作效果圖，并切圖。或者運(yùn)用Fireworks。運(yùn)用ASP+ACCESS的網(wǎng)站，對(duì)于系統(tǒng)的要求并不嚴(yán)格PentiumIII 800/128M/20G及以上配置，且搭建有IIS或?qū)τ贏SP支持的環(huán)境就已經(jīng)可以完全達(dá)到網(wǎng)站的運(yùn)營(yíng)需求。3.1.2經(jīng)濟(jì)可行性達(dá)到成功運(yùn)營(yíng)網(wǎng)站為公司服務(wù)所需要的成本主要包括：網(wǎng)站的開(kāi)發(fā)費(fèi)用、服務(wù)器的租借費(fèi)用、域名注冊(cè)費(fèi)用及后期網(wǎng)站的維護(hù)費(fèi)用。一般網(wǎng)站的開(kāi)發(fā)者都承諾網(wǎng)站運(yùn)營(yíng)后的后期一定時(shí)間內(nèi)的維護(hù)工作。開(kāi)發(fā)費(fèi)用大約在1000元2

23、000元之間。服務(wù)器的租借費(fèi)用，由于網(wǎng)站比較的實(shí)用，不繁瑣。所以一般購(gòu)買(mǎi)200M500M的空間就完全夠早期網(wǎng)站運(yùn)營(yíng)很長(zhǎng)一段時(shí)間。目前很多主機(jī)托管類(lèi)運(yùn)營(yíng)商均有此業(yè)務(wù)，主流價(jià)格在500元/年至1200元/年不等。域名注冊(cè)的費(fèi)用一般在70元至120元不等。如果域名已經(jīng)被別人注冊(cè)，那么購(gòu)買(mǎi)的轉(zhuǎn)讓費(fèi)用或許會(huì)略高。終上所述，此網(wǎng)站的正式上線運(yùn)營(yíng)，一年所需投入成本也在3000元左右。網(wǎng)站只需發(fā)展幾十個(gè)顧客，就可以收回成本進(jìn)而盈利。而在開(kāi)發(fā)網(wǎng)站完成，將對(duì)網(wǎng)站提供免費(fèi)SEO服務(wù)，讓網(wǎng)站在baidu ，google 的排名可以靠前。如果可以的話，公司也可以通過(guò)百度競(jìng)價(jià)等提升網(wǎng)站的排名。3.1.3操作可行性作為動(dòng)漫

24、周邊產(chǎn)品的cosplay服裝，主要的消費(fèi)群體是青少年中的動(dòng)漫愛(ài)好者。主要年齡段分布在80年代以及90年代出生的青少年。網(wǎng)絡(luò)在此年齡段青少年的日常生活中占據(jù)很重要的一部分。而動(dòng)漫愛(ài)好者更為突出，大部分的動(dòng)漫愛(ài)好者每天都有上網(wǎng)瀏覽動(dòng)漫相關(guān)網(wǎng)頁(yè)的習(xí)慣。因此在網(wǎng)絡(luò)建立一個(gè)展示公司產(chǎn)品的網(wǎng)站，是很符合動(dòng)漫愛(ài)好者的興趣愛(ài)好的。而動(dòng)漫愛(ài)好者是以群體聚集在一起的，如果在一個(gè)用戶那得到好評(píng)，那么他們就會(huì)為公司做另一種且權(quán)威性更重的廣告宣傳。3.2 系統(tǒng)主要功能系統(tǒng)的開(kāi)發(fā)是以介紹企業(yè)為目的的，所以系統(tǒng)以展示為主。系統(tǒng)的功能模塊也是以企業(yè)自我介紹為中心的主要?jiǎng)澐譃椋汗婀芾?，最新資訊管理，產(chǎn)品管理，代理商管理，企業(yè)

25、簡(jiǎn)介，聯(lián)系我們。為了便于來(lái)訪者及時(shí)反饋信息或咨詢問(wèn)題，我們添加了當(dāng)前青少年中主流即時(shí)通訊工具的QQ在線客服以及留言本功能。3.3 系統(tǒng)頁(yè)面布局3.3.1首頁(yè)布局如圖 3.1 所示頁(yè)面頭部（頁(yè)面頭部（Head.asp）頁(yè)面左部（left.asp）頁(yè)面主體內(nèi)容頁(yè)面尾部圖3.1首頁(yè)布局圖頁(yè)面尾部3.3.2后臺(tái)頁(yè)面布局如圖3.2 所示頁(yè)面頭部頁(yè)面頭部尾部功能鏈接列表管理功能操作部圖3.2 后臺(tái)頁(yè)面圖系統(tǒng)流程圖如圖3.3所示登陸登陸Helloco-splay公司管理員登陸后添加資訊前臺(tái)表現(xiàn)出來(lái)已添加資訊的修改數(shù)據(jù)庫(kù)操作資訊修改來(lái)訪者瀏覽輸入網(wǎng)址圖3.3系統(tǒng)流程圖數(shù)據(jù)流圖如圖3.4 所示系統(tǒng)管理員系統(tǒng)管理

26、員管理發(fā)布的信息留言的信息登陸系統(tǒng)發(fā)布查看留言來(lái)訪者發(fā)布查看圖3.4數(shù)據(jù)流圖3.6數(shù)據(jù)字典Admin表內(nèi)的字段數(shù)據(jù)項(xiàng)名：ID(ID)數(shù)據(jù)項(xiàng)名：ID(ID)數(shù)據(jù)項(xiàng)含義：ID數(shù)據(jù)項(xiàng)類(lèi)型：Int數(shù)據(jù)項(xiàng)長(zhǎng)度：4數(shù)據(jù)項(xiàng)名：UserName數(shù)據(jù)項(xiàng)含義：管理員用戶名數(shù)據(jù)項(xiàng)類(lèi)型： varchar數(shù)據(jù)項(xiàng)長(zhǎng)度：50數(shù)據(jù)項(xiàng)名：數(shù)據(jù)項(xiàng)名：pwd（密碼）數(shù)據(jù)項(xiàng)含義：管理員的密碼數(shù)據(jù)項(xiàng)類(lèi)型： varchar數(shù)據(jù)項(xiàng)長(zhǎng)度：50Link表內(nèi)字段數(shù)據(jù)項(xiàng)名： ID 數(shù)據(jù)項(xiàng)名： ID 數(shù)據(jù)項(xiàng)含義：鏈接ID數(shù)據(jù)項(xiàng)類(lèi)型：Int數(shù)據(jù)項(xiàng)長(zhǎng)度：4數(shù)據(jù)項(xiàng)名：title數(shù)據(jù)項(xiàng)含義：鏈接名稱數(shù)據(jù)項(xiàng)類(lèi)型：nvarchar數(shù)據(jù)項(xiàng)長(zhǎng)度：16數(shù)據(jù)項(xiàng)名：數(shù)據(jù)

27、項(xiàng)名：addurl數(shù)據(jù)項(xiàng)含義：鏈接網(wǎng)址數(shù)據(jù)項(xiàng)類(lèi)型： varchar數(shù)據(jù)項(xiàng)長(zhǎng)度：50Product表內(nèi)字段數(shù)據(jù)項(xiàng)名：pro_name數(shù)據(jù)項(xiàng)名：pro_name數(shù)據(jù)項(xiàng)含義：所屬分類(lèi)數(shù)據(jù)項(xiàng)類(lèi)型：varchar數(shù)據(jù)項(xiàng)長(zhǎng)度：50數(shù)據(jù)項(xiàng)名：ID數(shù)據(jù)項(xiàng)含義：商品ID數(shù)據(jù)項(xiàng)類(lèi)型：Int數(shù)據(jù)項(xiàng)長(zhǎng)度：4數(shù)據(jù)項(xiàng)名：img數(shù)據(jù)項(xiàng)名：img數(shù)據(jù)項(xiàng)含義：圖片地址數(shù)據(jù)項(xiàng)類(lèi)型：varchar數(shù)據(jù)項(xiàng)名：title數(shù)據(jù)項(xiàng)含義：標(biāo)題數(shù)據(jù)項(xiàng)類(lèi)型：備注數(shù)據(jù)項(xiàng)名：pub_data數(shù)據(jù)項(xiàng)名：pub_data數(shù)據(jù)項(xiàng)含義：發(fā)布日期數(shù)據(jù)項(xiàng)類(lèi)型：data數(shù)據(jù)項(xiàng)名：content數(shù)據(jù)項(xiàng)含義：內(nèi)容數(shù)據(jù)項(xiàng)類(lèi)型：備注Pro_type表內(nèi)字段數(shù)據(jù)項(xiàng)名：數(shù)據(jù)

28、項(xiàng)名：pro_name數(shù)據(jù)項(xiàng)含義：記錄后臺(tái)管理模塊名數(shù)據(jù)項(xiàng)類(lèi)型： varchar數(shù)據(jù)項(xiàng)長(zhǎng)度：50Guestbook表內(nèi)字段數(shù)據(jù)項(xiàng)名：ID數(shù)據(jù)項(xiàng)名：ID數(shù)據(jù)項(xiàng)含義：留言ID數(shù)據(jù)項(xiàng)類(lèi)型：int數(shù)據(jù)項(xiàng)長(zhǎng)度：4數(shù)據(jù)項(xiàng)名：title數(shù)據(jù)項(xiàng)含義：留言標(biāo)題數(shù)據(jù)項(xiàng)類(lèi)型：備注數(shù)據(jù)項(xiàng)名：數(shù)據(jù)項(xiàng)名：content數(shù)據(jù)項(xiàng)含義：內(nèi)容數(shù)據(jù)項(xiàng)類(lèi)型：備注第四章系統(tǒng)設(shè)計(jì)4.1 系統(tǒng)框架設(shè)計(jì)系統(tǒng)采用ASP應(yīng)用程序兩層結(jié)構(gòu)模式7，其結(jié)構(gòu)如圖4.1所示：WebWeb窗體層數(shù)據(jù)庫(kù)訪問(wèn)層數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)圖4.1 兩層結(jié)構(gòu)模式Web窗體層和數(shù)據(jù)庫(kù)各功能介紹7，如表4-1所示：層名功能描述Web窗體層系統(tǒng)最高層，向用戶展示各種窗體。用戶通過(guò)窗體

29、對(duì)系統(tǒng)進(jìn)行操作，并實(shí)現(xiàn)用戶操作各種信息的添加、修改和刪除。與數(shù)據(jù)庫(kù)直接關(guān)聯(lián)，封裝了對(duì)數(shù)據(jù)庫(kù)的所有操作，包括數(shù)據(jù)的添加、修改、刪除和查詢。數(shù)據(jù)庫(kù)數(shù)據(jù)訪問(wèn)層負(fù)責(zé)Web展示和數(shù)據(jù)之間的數(shù)據(jù)存儲(chǔ)、修改、刪除與查詢，數(shù)據(jù)庫(kù)用來(lái)存儲(chǔ)本系統(tǒng)所有數(shù)據(jù)。表4-1ASP兩層架構(gòu)模式的各層功能4.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)由上面分析，可以設(shè)計(jì)系統(tǒng)的結(jié)構(gòu)，從管理員界面和來(lái)訪者界面分別對(duì)結(jié)構(gòu)以描述。管理員登錄管理員登錄系統(tǒng)管理資訊管理產(chǎn)品管理鏈接管理代理商管理關(guān)于我們聯(lián)系我們查看留言修改密碼公告管理圖4.2 系統(tǒng)管理員界面的系統(tǒng)結(jié)構(gòu)圖一般用戶界面的功能模塊如圖4.3所示：來(lái)訪者輸入網(wǎng)址來(lái)訪者輸入網(wǎng)址網(wǎng)站資訊查看產(chǎn)品查看鏈接查看代

30、理商查看關(guān)于我們聯(lián)系我們發(fā)布留言公告查看圖4.3 來(lái)訪者界面的系統(tǒng)結(jié)構(gòu)圖4.3 數(shù)據(jù)庫(kù)設(shè)計(jì)由上面的數(shù)據(jù)項(xiàng)可以設(shè)計(jì)出能夠滿足用戶需求的各種實(shí)體，以及它們之間的關(guān)系，并為后面的邏輯結(jié)構(gòu)設(shè)計(jì)打下基礎(chǔ)。這些實(shí)體包含各種具體信息，通過(guò)相互之間的作用形成數(shù)據(jù)的流動(dòng)，這就可以對(duì)系統(tǒng)設(shè)計(jì)以下實(shí)體：系統(tǒng)管理員信息實(shí)體、產(chǎn)品信息實(shí)體、公告信息實(shí)體、代理商信息實(shí)體、鏈接信息實(shí)體、關(guān)于我們信息實(shí)體、聯(lián)系我們信息實(shí)體和留言信息實(shí)體。實(shí)體之間關(guān)系的E-R圖如圖4.4所示。編輯編輯友情鏈接N后臺(tái)管理1管理N管理員1編輯1信息N發(fā)布N1發(fā)布1查看1留言N圖4.4 實(shí)體之間關(guān)系E-R圖系統(tǒng)管理員信息實(shí)體圖如圖4.5所示：系統(tǒng)管

31、理員系統(tǒng)管理員登陸名登陸密碼編號(hào)圖4.5 系統(tǒng)管理員信息實(shí)體圖產(chǎn)品信息實(shí)體圖如圖4.6所示：產(chǎn)品產(chǎn)品產(chǎn)品編號(hào)產(chǎn)品名稱產(chǎn)品簡(jiǎn)介產(chǎn)品圖片發(fā)布日期圖4.6產(chǎn)品信息實(shí)體圖最新資訊信息實(shí)體圖如圖4.7所示：最新資訊最新資訊標(biāo)題內(nèi)容編號(hào)圖片圖4.7 最新資訊信息實(shí)體圖友情鏈接信息實(shí)體圖如圖4.8所示：友情鏈接友情鏈接標(biāo)題鏈接地址編號(hào)圖4.8 友情鏈接信息實(shí)體圖公司公告信息實(shí)體圖如圖4.9所示：公司公告公司公告標(biāo)題內(nèi)容編號(hào)圖片圖4.9 公司公告信息實(shí)體圖關(guān)于我們信息實(shí)體圖如圖4.10所示：關(guān)于我們關(guān)于我們標(biāo)題內(nèi)容編號(hào)圖片圖4.10 關(guān)于我們信息實(shí)體圖聯(lián)系我們信息實(shí)體圖如圖4.11所示：聯(lián)系我們聯(lián)系我們標(biāo)題內(nèi)

32、容編號(hào)圖片圖4.11 聯(lián)系我們信息實(shí)體圖留言信息實(shí)體圖如圖4.12所示：留言留言標(biāo)題內(nèi)容編號(hào)留言時(shí)間圖4.12 留言信息實(shí)體圖4.4 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)Admin表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDint4用戶唯一編號(hào)2AdminVaechar50登陸名3PwdVarchar50登陸密碼Link 表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDint4鏈接唯一編號(hào)2TitleVarchar50鏈接名3AddurlVarchar50鏈接網(wǎng)址Pro_type 表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1Pro_NameVarchar50記錄后臺(tái)管理模塊名Product 表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDint4定義唯一

33、ID號(hào)2Pro_typeVarchar50所屬管理模塊名3Imgintr50圖片地址4TitleVarchar50標(biāo)題名5Content備注無(wú)限制該記錄描述6Pub_dateData發(fā)布日期Guestbook 表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDint4留言唯一編號(hào)2TitleVarchar50留言標(biāo)題3Content備注留言內(nèi)容4Pub_dateData發(fā)布日期第五章運(yùn)行結(jié)果及效果分析5.1 模塊測(cè)試及分析5.1.1前臺(tái)部分測(cè)試 1網(wǎng)站首頁(yè)效果圖網(wǎng)站運(yùn)行后首頁(yè)，如圖5.1所示（該截圖為寬屏截圖）：圖5.1網(wǎng)站首頁(yè)效果圖網(wǎng)站不同的分辨下做過(guò)測(cè)試，沒(méi)有任何變形，上面的截圖為1280*800寬屏分

34、辨下的截圖，網(wǎng)頁(yè)背景圖片能夠自動(dòng)適應(yīng)分辨率。圖5.2網(wǎng)站的子頁(yè)面Flash輪顯效果（可添加多張圖片），第一張圖片見(jiàn)圖5.3.1，第二張見(jiàn)圖5.3.2，過(guò)渡中見(jiàn)5.3.3（效果隨機(jī)）圖5.3.1廣告圖一圖5.3.2廣告圖二圖5.3廣告圖輪顯效果圖5.4具體最新資訊頁(yè)面圖5.5后臺(tái)登陸首頁(yè)圖5.6登陸后的后臺(tái)首頁(yè)5.1.2后臺(tái)部分測(cè)試1.添加最新資訊內(nèi)容系統(tǒng)：圖5.7 添加最新資訊2. eWebeditor編輯器工具欄工具非常多，其效果見(jiàn)圖5.8圖 5.8 eWebeditor工具欄eWebeditor編輯器，其功能與Word相當(dāng)，但也有所擴(kuò)展，編輯器編輯的文字、圖片等HTML標(biāo)記輸出到頁(yè)面的效果

35、和編輯時(shí)顯示的效果一致，讓使用者方便地對(duì)編輯的內(nèi)容所見(jiàn)即所得的進(jìn)行修改、排版。編輯器文件上傳功能支持圖片來(lái)源，媒體文件來(lái)源，附件來(lái)源等，都自帶有從客戶端直接上傳到服務(wù)器端的功能。對(duì)于來(lái)自其它網(wǎng)站最新資訊的內(nèi)容，能做拷貝過(guò)來(lái)保持原最新資訊內(nèi)容的樣式，鏈接等。最新資訊添加成功后的效果見(jiàn)圖5.9圖5.9最新資訊添加成功點(diǎn)擊最新資訊列表可以進(jìn)入查看已經(jīng)添加的最新資訊。圖5.10圖5.10管理全部最新資訊3. 產(chǎn)品管理圖5.11產(chǎn)品管理頁(yè)面4. 修改密碼圖5.12修改密碼頁(yè)面5.2 系統(tǒng)測(cè)試及分析Hellocosplay網(wǎng)站做好后，曾經(jīng)放于51cosplay公司服務(wù)器上測(cè)試。均未出現(xiàn)程序錯(cuò)誤。達(dá)到Hel

36、locosplay公司展現(xiàn)自己的目的。網(wǎng)站設(shè)計(jì)較為標(biāo)準(zhǔn)在多個(gè)分辨率下測(cè)試均未變形。測(cè)試服務(wù)器配置Intel Xeon 2*2.4G雙路處理器,超線程虛擬4顆CPU 板載支持800外頻處理器 /iis6.0客戶端機(jī)器配置CPU：Intel Core 2 CPU T5600 1.82GHZ內(nèi)存：512MB 系統(tǒng)：WINDOWS XP ；PHP-NOW 1.4.4添加 ASP 擴(kuò)展Hellocosplay網(wǎng)站具有實(shí)用性和針對(duì)性，界面友好，可維護(hù)性強(qiáng)。也很號(hào)的完成了企業(yè)自我展示的需求。在頁(yè)面的設(shè)計(jì)上，也比較符合動(dòng)漫愛(ài)好者的欣賞，體現(xiàn)了“頁(yè)面的設(shè)計(jì)以用戶的喜好為標(biāo)注”的設(shè)計(jì)理念。當(dāng)然在以后的實(shí)際需求中仍

37、然會(huì)發(fā)現(xiàn)很多其他的不足之處，比如，最新資訊沒(méi)有添加分類(lèi)等。在做實(shí)際項(xiàng)目時(shí)，可以在這個(gè)系統(tǒng)的基礎(chǔ)上進(jìn)一步分析客戶的需求，添加或是修改相應(yīng)的功能模塊，來(lái)擴(kuò)展本系統(tǒng)的功能，使之更加實(shí)用。網(wǎng)站頁(yè)面的設(shè)計(jì)也較為標(biāo)準(zhǔn)。以下是兩種分辨率下的首頁(yè)效果圖。在兩種分辨率下頁(yè)面沒(méi)有發(fā)生任何變形。在1280*800 分率下的頁(yè)面效果如圖5.一三所示圖5.一三1280*800分辨率下頁(yè)面效果在1024*768分辨率下的頁(yè)面效果如圖5.14 所示圖5.14 1024*768分辨率下頁(yè)面效果圖第六章使用方法6.1 網(wǎng)站前臺(tái)在瀏覽器地址欄中輸入 HYPERLINK xlocalhost/index.asp xlocalhos

38、t/即可進(jìn)入網(wǎng)站首頁(yè)。在導(dǎo)航欄中點(diǎn)擊各個(gè)欄目，然后進(jìn)入各個(gè)不同的欄目。6.2 網(wǎng)站后臺(tái)管理管理員登陸界面 xlocalhost/admin/admin_login.asp6.2.1添加最新資訊內(nèi)容：添加最新資訊標(biāo)題，如果有圖片的話，可以瀏覽上傳。內(nèi)容可以選擇可視化編輯，也可以直接編輯代碼或文本格式，然后可以預(yù)覽。確認(rèn)無(wú)誤點(diǎn)擊提交。需要修改則可以點(diǎn)擊重置。6.2.2管理全部最新資訊：點(diǎn)擊最新資訊列表，然后選擇需要修改的最新資訊最后的編輯，就可以進(jìn)入編輯頁(yè)面?？梢孕薷臉?biāo)題，圖片，內(nèi)容。如果需要?jiǎng)h除只要點(diǎn)擊相應(yīng)列的刪除即可。6.2.3修改密碼：點(diǎn)擊修改密碼，輸入舊密碼，輸入新密碼，確認(rèn)新密碼，點(diǎn)擊提交即可。6.2.4退出管理系統(tǒng)：點(diǎn)擊退出系統(tǒng)，返回后臺(tái)登陸首頁(yè)。參考文獻(xiàn)1 China-Enterprisex電子商務(wù)解決方案-馬度奇制衣有限公司 20022 成功團(tuán)隊(duì)珠寶行網(wǎng)站建設(shè)方案 2005孟軍，王寶學(xué)編著精通ASP.NET網(wǎng)絡(luò)編程，人民郵電出版社 2005 3 孫明麗，龐婭娟ASP開(kāi)發(fā)技術(shù)大全人民郵電出版社 20024 戴一波Dreamweaver 8+ASP 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)從基礎(chǔ)到實(shí)踐電子工業(yè)出版神 20065 丁貴廣ASP編程基礎(chǔ)與實(shí)例機(jī)械工業(yè)出版社20026 孫東