廣告?zhèn)髅綇V告信息發(fā)布管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

1、目錄第一章概述1.1課題意義11.2國(guó)內(nèi)外研究現(xiàn)狀113主要工作1第二章系統(tǒng)運(yùn)行環(huán)境22.1系統(tǒng)開(kāi)發(fā)工具22.1.1 ASP 簡(jiǎn)介22.1.2 Dieamweavei簡(jiǎn)介22.1.3 ADO 簡(jiǎn)介32.1.4 IIS介紹及安裝與配置方法32.2系統(tǒng)的運(yùn)行環(huán)境4第三章系統(tǒng)分析53.1可行性分析53.1.1技術(shù)可行性53.1.2經(jīng)濟(jì)可行性53.1.3操作可行性53.2系統(tǒng)主要功能63.3系統(tǒng)頁(yè)面布局63.3.1首頁(yè)布局63.3.2后臺(tái)頁(yè)面布局63.4 系統(tǒng)流程圖73.5 數(shù)據(jù)流圖73.6 數(shù)據(jù)字典8第四章系統(tǒng)設(shè)計(jì)104.1系統(tǒng)框架設(shè)計(jì)104.2系統(tǒng)結(jié)構(gòu)設(shè)計(jì)1043數(shù)據(jù)庫(kù)設(shè)計(jì)114.4數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)

2、設(shè)計(jì)14第五章運(yùn)行結(jié)果及效果分析165.1模塊測(cè)試及分析165.1.1前臺(tái)部分測(cè)試165.1.2后臺(tái)部分測(cè)試205.2系統(tǒng)測(cè)試及分析22第六章 使用方法25256.1網(wǎng)站前臺(tái)6.2網(wǎng)站后臺(tái)管理256.2.1添加最新資訊內(nèi)容： 256.2.2管理全部最新資訊：256.2.3修改密碼：256.2.4退出管理系統(tǒng)： 25第七章畢業(yè)設(shè)計(jì)體會(huì)錯(cuò)誤!未定義書(shū)簽。426致謝錯(cuò)誤!未定義書(shū)簽。參考文獻(xiàn)第一章概述1.1課題意義國(guó)際際互聯(lián)網(wǎng)的用戶(hù)在迅猛地增長(zhǎng)，中國(guó)上網(wǎng)用戶(hù)由1995年的一萬(wàn)戶(hù)速增 至1999年的數(shù)百萬(wàn)用戶(hù)。這增長(zhǎng)速度是全世界范圍的普遍現(xiàn)象。您的企業(yè)要為 這眾多的民眾、企業(yè)服務(wù)就必須建立自己的網(wǎng)站，

3、在這信息的高速公路上宣傳自 己高效的工作。今天，國(guó)際互聯(lián)網(wǎng)絡(luò)己成為高科技和未來(lái)生活的代需詞，要顯示你公司的實(shí) 力，提升公司的形象，沒(méi)有什么比在員工名片、企業(yè)信箋、廣告及各種公眾能看 得到的東西上印上自己公司獨(dú)有的網(wǎng)絡(luò)地址和專(zhuān)用的集團(tuán)電子郵件地址更有說(shuō) 服力了。消費(fèi)者、客戶(hù)和海外投資者自然對(duì)您另眼相看。你不可能將你的新產(chǎn)品信息在全球的周刊上發(fā)表，但你可以把上述信息放在 你的企業(yè)網(wǎng)站上向全世界發(fā)表。即使你可以把上述信息在全球的周刊上發(fā)表，但 消費(fèi)者遺忘廣告、忽略廣告，你也無(wú)可奈何。有了網(wǎng)站上的信息，任何一個(gè)人都 可在網(wǎng)上瀏覽你的網(wǎng)頁(yè)，都會(huì)成為你的潛在客戶(hù)山。1.2國(guó)內(nèi)外研究現(xiàn)狀現(xiàn)在網(wǎng)絡(luò)的發(fā)展己呈現(xiàn)

4、商業(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è)的管理、業(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ā)布公司

5、最新資訊，同時(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)模塊，并且分步開(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 Seivei 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)、交互的

6、Web頁(yè)和基于Web的應(yīng)用程序。ASP是服務(wù)器端的網(wǎng)頁(yè)技術(shù)，是在服務(wù)器端運(yùn)行的而不是客戶(hù)端執(zhí)行的。當(dāng) 客戶(hù)端請(qǐng)求一個(gè)ASP文件時(shí)，由服務(wù)器先把該文件解釋成標(biāo)準(zhǔn)的HTML文件再 發(fā)送給客戶(hù)。和服務(wù)器端運(yùn)行的好處有兩點(diǎn)：第一，可以不受客戶(hù)端瀏覽器的限制，任何 用戶(hù)都可以使用瀏覽器正常瀏覽ASP所產(chǎn)生的網(wǎng)頁(yè)，且不需要特別安裝任何ASP 支持；第二，可以很方便地和服務(wù)器交換數(shù)據(jù)，例如從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)。嚴(yán)格來(lái)講，ASP并不是一種語(yǔ)言，它只是提供一個(gè)環(huán)境來(lái)運(yùn)行Scnpt。ASP 所用的語(yǔ)言是VBScnpt或JavaScnpt,也可以是它們兩者的結(jié)合。ASP沒(méi)有固定的開(kāi)發(fā)工具，任何一種文本編輯器都能勝任A

7、SP腳本的編輯 工作，當(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)用ASP可以向網(wǎng)頁(yè)中添加交互式內(nèi)容(例如表單的添加)，也 可以創(chuàng)建使用HTML網(wǎng)頁(yè)作為用戶(hù)界面的web應(yīng)用程序卩】。2.1.2 Dreamweavei 簡(jiǎn)介Dreamweavei是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于 一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特

8、別發(fā)展的視覺(jué) 化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制 的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweavei是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件。它不僅包括可視化編輯、HTML 代碼編輯的軟件包，而且還支持ActiveX JavaScriptFlash ShockWave等特性, 而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dvnanuc HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-m也能夠在Netscape和IE 4.0瀏覽器中正確 地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功BtcDreamweaver還采用了 Roundtnp HTML技術(shù)。這項(xiàng)技術(shù)使得

9、網(wǎng)頁(yè)在Dreamweaver和HTML代碼編輯器之間進(jìn)行 自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí) 慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。Dieamweavei最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人 都可以輕易擴(kuò)展它的功能。Dreamweavei 的發(fā)展經(jīng)歷了 女口下版本：Dreamweavei 1.0, Dieamweavei2.0、 2.01, Dreamweaver 3.0, Dieamweavei UltiaDev 1.0, Dreamweaver 4.0, Dieamweavei UltiaDev 4.0 , Dreamweaver

10、 MX（6.0）, Dreamweaver MX 2004（7.0 7.01）, Dieamweavei 8 同。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)用程序可以存取在Liteinet上任何地方的 資源。ADO非常簡(jiǎn)化的接口使得原本復(fù)雜冗長(zhǎng)的程序編寫(xiě)工作變得簡(jiǎn)單易學(xué)， 并且強(qiáng)有力地支持了各種應(yīng)用程序的復(fù)雜特性的要求。ADO使用RecordSet （記 錄集）對(duì)象作為數(shù)據(jù)的主要界面。ADO可以使用VBScnp

11、t JavaScript等腳本語(yǔ) 言來(lái)控制數(shù)據(jù)庫(kù)的存取以及輸出査詢(xún)結(jié)果?？偟膩?lái)說(shuō)ADO是一項(xiàng)容易使用并且可擴(kuò)展的將數(shù)據(jù)庫(kù)訪問(wèn)添加到Web頁(yè) 的技術(shù)。可以使用ADO去編寫(xiě)緊湊簡(jiǎn)明的腳本以便連接到Open Database Coimectivitv （ODBC）兼容的數(shù)據(jù)庫(kù)和OLE DB兼容的數(shù)據(jù)源。對(duì)數(shù)據(jù)庫(kù)連接有一定了解的腳本編寫(xiě)人員，ADO命令語(yǔ)句并不復(fù)雜而且容 易掌握。同樣地，一個(gè)經(jīng)驗(yàn)豐富的數(shù)據(jù)庫(kù)編程人員將會(huì)正確認(rèn)識(shí)ADO的先進(jìn) 的與語(yǔ)言無(wú)關(guān)性和查詢(xún)處理功能5】。2.1.4 IIS介紹及安裝與配置方法 IIS 介紹IIS （Iiiteinet Information Seive

12、is 互聯(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ā)布信息成了一件很容易的事。 IIS的安裝與配置方法現(xiàn)在介紹在Wmdows XP操作系統(tǒng)中安裝IIS 5.1的方法。其他版本的系統(tǒng)大 體相同。1依次選擇點(diǎn)擊“開(kāi)始” / “設(shè)置” / “控制面板” / “添加/刪除程序”，打開(kāi) “添加/刪除程序”對(duì)話(huà)框。2. 單擊左側(cè)的“添加刪除Windows組件”按鈕，打開(kāi)“Wmdows組件向?qū)А?對(duì)話(huà)框。3. 選中“Int

13、emet信息服務(wù)器（IIS）”，將Windows XP的安裝光盤(pán)放入光驅(qū)中， 然后單擊“下一步”按鈕，安裝US 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:wwwwot）, 本標(biāo)簽內(nèi)其他選項(xiàng)默認(rèn)，然后點(diǎn)“應(yīng)用”。然后選擇“文檔”標(biāo)簽，在“默認(rèn)文 檔”里面添加“默認(rèn)文檔名” index.ASP,并使用上下箭臺(tái)，將mdex.ASP優(yōu)先 級(jí)調(diào)到最上面。然后可以用http:/localhost/來(lái)訪問(wèn)主頁(yè)。2.2系統(tǒng)的運(yùn)

14、行環(huán)境硬件需求：Pentiunini 800/128M/20G及以上配置，800x600/16位色以上顯示 器；另需連接服務(wù)器的網(wǎng)絡(luò)設(shè)備，通過(guò)局域網(wǎng)連接需要配備10/100M網(wǎng)卡，通 過(guò)撥號(hào)上網(wǎng)需要配置調(diào)制解調(diào)器。軟件需求：Wmdows/98/NT/2000,XP中文版操作系統(tǒng)，IE 5.0以上版本瀏覽 器。17第三章系統(tǒng)分析3.1可行性分析3.1.1技術(shù)可行性Hellocosplay所需開(kāi)發(fā)的網(wǎng)站是運(yùn)用ASP+ACCESS+HTML+CSS的技術(shù)來(lái)開(kāi) 發(fā)的。所需程序的開(kāi)發(fā)主要是運(yùn)用Dreamweaver + Accesso在網(wǎng)站界面的開(kāi)發(fā)中， 主要需要Photoshop在制作效果圖，并切圖。

15、或者運(yùn)用Fiieworkso運(yùn)用ASP+ACCESS的網(wǎng)站，對(duì)于系統(tǒng)的要求并不嚴(yán)格Pentiunilll 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元2000元之間。服務(wù)器的租借費(fèi)用，由于網(wǎng)站比較的實(shí)用，不繁瑣。所以一般購(gòu)買(mǎi) 200M-500M的空間就完全夠早期網(wǎng)站運(yùn)營(yíng)很長(zhǎng)一段時(shí)間。目前很多主機(jī)托管類(lèi) 運(yùn)營(yíng)商均

16、有此業(yè)務(wù)，主流價(jià)格在500元/年至1200元/年不等。域名注冊(cè)的費(fèi)用一般在70元至120元不等。如果域名己經(jīng)被別人注冊(cè)，那 么購(gòu)買(mǎi)的轉(zhuǎn)讓費(fèi)用或許會(huì)略高。終上所述，此網(wǎng)站的正式上線(xiàn)運(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 的排名可以靠前。如果可以的話(huà)，公司也可以通過(guò)百度競(jìng)價(jià)等提升網(wǎng)站的排需。3.1.3操作可行性作為動(dòng)漫周邊產(chǎn)品的cosplay服裝，主要的消費(fèi)群體是青少年中的動(dòng)漫愛(ài)好 者。主要年齡段分布在80年代以及90年代出生的青少年。網(wǎng)絡(luò)在此年齡段青少 年的日常生

17、活中占據(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è)用戶(hù)那得到好評(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è)簡(jiǎn)介，聯(lián)系我們。為了便于來(lái)訪者及時(shí)反饋信息或咨詢(xún)問(wèn)題， 我們添加了當(dāng)前青少年中主流即時(shí)通訊工具的QQ在線(xiàn)客服以及留言本功能。3.3系統(tǒng)頁(yè)

18、面布局3.3.1首頁(yè)布局如圖3.1所示頁(yè)面頭部(Head.asp)頁(yè)面 左部(left.asp)頁(yè)面主體內(nèi)容頁(yè)面尾部圖3.1首頁(yè)布局圖3.3.2后臺(tái)頁(yè)面布局如圖3.2所示頁(yè)面頭部功能鏈接列 表管理功能操作部尾部圖3.2后臺(tái)頁(yè)面圖3.4系統(tǒng)流程圖3.5 數(shù)據(jù)流圖如圖3.4所示3.6 數(shù)據(jù)字典Admin表內(nèi)的字段數(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)含義：管理員用戶(hù)名 數(shù)據(jù)項(xiàng)類(lèi)型：varchar 數(shù)據(jù)項(xiàng)長(zhǎng)度：50數(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ù)

19、據(jù)項(xiàng)名：ID 數(shù)據(jù)項(xiàng)含義：鏈接ID 數(shù)據(jù)項(xiàng)類(lèi)型：hit 數(shù)據(jù)項(xiàng)長(zhǎng)度：4數(shù)據(jù)項(xiàng)名:title數(shù)據(jù)項(xiàng)含義：鏈接名稱(chēng) 數(shù)據(jù)項(xiàng)類(lèi)型：nvaichai 數(shù)據(jù)項(xiàng)長(zhǎng)度：16數(shù)據(jù)項(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)名：ID數(shù)據(jù)項(xiàng)含義：商品ID 數(shù)據(jù)項(xiàng)類(lèi)型：hit數(shù)據(jù)項(xiàng)長(zhǎng)度：4數(shù)據(jù)項(xiàng)名：pio_name 數(shù)據(jù)項(xiàng)含義：所屬分類(lèi) 數(shù)據(jù)項(xiàng)類(lèi)型：vaichai 數(shù)據(jù)項(xiàng)長(zhǎng)度：50數(shù)據(jù)項(xiàng)名：inig數(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)夕I： content 數(shù)據(jù)項(xiàng)含義：內(nèi)容

20、 數(shù)據(jù)項(xiàng)類(lèi)型：備注數(shù)據(jù)項(xiàng)名：pub_data 數(shù)據(jù)項(xiàng)含義：發(fā)布日期 數(shù)據(jù)項(xiàng)類(lèi)型：dataPio_type表內(nèi)字段數(shù)據(jù)項(xiàng)名：pio_name數(shù)據(jù)項(xiàng)含義：記錄后臺(tái)管理模塊數(shù)據(jù)項(xiàng)類(lèi)型：varchar滋fcET石HGuestbook表內(nèi)字段數(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)夕I： 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)模式，其結(jié)甲如圖4.1所示:Web窗體層忑 nV數(shù)據(jù)庫(kù)訪問(wèn)層CZT據(jù)庫(kù)數(shù)據(jù)庫(kù)J J圖4.1兩層結(jié)構(gòu)模式Web窗體層

21、和數(shù)據(jù)庫(kù)各功能介紹6如表4-1所示:層名Web窗體層功能描述系統(tǒng)最高層，向用戶(hù)展示各種窗體。用戶(hù)通過(guò)窗體對(duì)系統(tǒng) 進(jìn)行操作，并實(shí)現(xiàn)用戶(hù)操作各種信息的添加、修改和刪除。 與數(shù)據(jù)庫(kù)直接關(guān)聯(lián)，封裝了對(duì)數(shù)據(jù)庫(kù)的所有操作，包括數(shù) 據(jù)的添加、修改、刪除和查詢(xún)。數(shù)據(jù)庫(kù)數(shù)據(jù)訪問(wèn)層負(fù)責(zé)Web展示和數(shù)據(jù)之間的數(shù)據(jù)存儲(chǔ)、修改、 刪除與查詢(xún)，數(shù)據(jù)庫(kù)用來(lái)存儲(chǔ)本系統(tǒng)所有數(shù)據(jù)。表4-1 ASP兩層架構(gòu)模式的各層功能4.2系統(tǒng)結(jié)構(gòu)設(shè)計(jì)由上面分析，可以設(shè)計(jì)系統(tǒng)的結(jié)構(gòu)，從管理員界面和來(lái)訪者界面分別對(duì)結(jié)構(gòu) 以描述。圖4.2系統(tǒng)管理員界面的系統(tǒng)結(jié)構(gòu)圖-般用戶(hù)界面的功能模塊如圖4.3所示:圖4.3來(lái)訪者界面的系統(tǒng)結(jié)構(gòu)圖4.3數(shù)據(jù)庫(kù)設(shè)計(jì)由

22、上面的數(shù)據(jù)項(xiàng)可以設(shè)計(jì)出能夠滿(mǎn)足用戶(hù)需求的各種實(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所示。圖4.4實(shí)體之間關(guān)系ER圖留言系統(tǒng)管理員信息實(shí)體圖如圖4.5所示:圖4.5系統(tǒng)管理員信息實(shí)體圖產(chǎn)品信息實(shí)體圖如圖4.6所示:圖4.6產(chǎn)品信息實(shí)體圖關(guān)于我們信息實(shí)體圖如圖4.10所示:圖4.10關(guān)于我們信息實(shí)體圖圖4.11聯(lián)系我們信息實(shí)體

23、圖4.4數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)Admin 表 列號(hào)123列需IDAdnunPwd數(shù)據(jù)類(lèi)型 int Wechar Vhicluu長(zhǎng)度45050字段說(shuō)明 用戶(hù)唯一編號(hào) 登陸名登陸密碼Link 表列號(hào)列需數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDlilt4鏈接唯一編號(hào)2TitleVhicluu50鏈接名3Ad durlWichai50鏈接網(wǎng)址Pio_type 表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1Pio_NameVhicluu50記錄后臺(tái)管理 模塊名Product 表 列號(hào)列需數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDlilt4定義唯一 ID號(hào)2Pio_tvpeVhicluu50所屬管理模塊 名3Imgintf50圖片地址4TitleVhi

24、cluu50標(biāo)題名5Content備注無(wú)限制該記錄描述6Pub_dateData發(fā)布日期Guestbook 表列號(hào)列名數(shù)據(jù)類(lèi)型長(zhǎng)度字段說(shuō)明1IDlilt4留言唯一編號(hào)2TitleVhicluu50留言標(biāo)題3Content備注留言?xún)?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所示（該截圖為寬屏截圖）:Igsp/au.關(guān)千尸0璇禾公M處令Q5Kvlr;地址4http：/www. ww. com/index, aspJ im.x I2-網(wǎng)站后臺(tái).口 s h i y圖5.1網(wǎng)站首頁(yè)效果圖網(wǎng)站不同的分辨

25、下做過(guò)測(cè)試，沒(méi)有任何變形，上面的截圖為1280*800寬屏 分辨下的截圖，網(wǎng)頁(yè)背景圖片能夠自動(dòng)適應(yīng)分辨率。曽無(wú)肓U加主”甲哲無(wú)內(nèi)&哲劫客哲無(wú)加TaIs葉|?旳定制& TT上TT袴t刃r-ll斥7T,茶丨炭cw； acd#耳監(jiān)馬枕訴盲/并農(nóng)熾所有稅利、“V bc g U1 Urht* 幺叫” a圖5.2 網(wǎng)站的子頁(yè)面Flash輪顯效果（可添加多張圖片），第一張圖片見(jiàn)圖5.3.L第二張見(jiàn)圖5.3.2, 過(guò)渡中見(jiàn)533 （效果隨機(jī)）圖5.3.1廣告圖一圖532廣告圖二圖5.3 廣告圖輪顯效果18I 著 T 孩.ILL S 裁_if. I 嚴(yán)品民丞 I ft? 公司公告使司資訊F1在線(xiàn)客服客服1號(hào)客服

26、經(jīng)理友悄鏈接_ _TaiLornore服怖定制Hcllocosploy 發(fā)皆日期更改公 去51CosplayHellocosplay 招各地代理商 2008-5-20rtelloLosplay-業(yè)COSPLAY（動(dòng)漫角色扮鷹產(chǎn)品生產(chǎn)企業(yè).公司mo 的服裝設(shè)計(jì)師團(tuán)兒一流的產(chǎn)品推廣團(tuán)隊(duì)以及專(zhuān)業(yè)的客報(bào)人員為您揑供境壞的服裝 道具制作才案.我們還針對(duì)動(dòng)漫專(zhuān)題影樓進(jìn)行了專(zhuān)門(mén)的生產(chǎn)模式.單祥式服裝擬量生產(chǎn)模式即彩樓服裝需求的客 巳可很據(jù)自己的需求奨供或選擇我們的區(qū)片，然后交由我們的客服人員然后由生產(chǎn)部I、：進(jìn)行生產(chǎn)可以 根丈程夏上節(jié)省影樓客戶(hù)選駒巌裝的時(shí)間以及定做屢裝的成本.在遠(yuǎn)種生產(chǎn)模式下,我們的定作服

27、裝 價(jià)格按照批呈巌裝價(jià)格乖計(jì)冷針對(duì)目前中國(guó)的動(dòng)漫產(chǎn)業(yè)發(fā)展趨勢(shì),探感園內(nèi)動(dòng)漫愛(ài)好者對(duì)眼裝和道具的需求，特展開(kāi)全國(guó)范 園內(nèi)招商滅招各槍代讒以長(zhǎng)集適商.代理咨詢(xún)電話(huà) 023-123456 QQ： 1448216711 sn： fenn-87chotnail. com E-nail ： fannv ifftsmAil. com圖5.4具體最新資訊頁(yè)面Hellocosplay 歡 迎您少登錄LOGIN圖55 后臺(tái)登陸首頁(yè)27mm :由:二T*:劣S紆p農(nóng) Ei-23:仝*ds便用芫宕詁玄擊ifl出,圖5.6登陸后的后臺(tái)首頁(yè)5.1.2后臺(tái)部分測(cè)試1. 添加最新資訊內(nèi)容系統(tǒng): a 圭 fit X3 、K-m

28、T * 二*- 9語(yǔ)電皂色瞇舛*少。滋2三三說(shuō)注E冬址口口云盂勺O 毅己0歹蒼空帀面硒佛：圖5.7添加最新資訊2. eWebeditor編輯器工具欄工具非常多，其效果見(jiàn)圖5.8 段落祥式 的W兩II字號(hào)辰|他叼 B Z U x2 x2辜尋手墓禽聒魁（S遍曲X夕G c fe fe ?三三章李咕劃Ps滋B Q CB盲盤(pán)O 口鬣 矍鶴選 1）1 爭(zhēng)團(tuán)囲g酉58 eWebedito工具欄eWebeditor編輯器，其功能與Woid相當(dāng)，但也有所擴(kuò)展，編輯器編輯的文字、圖片等HTML標(biāo)記輸岀到頁(yè)面的效果和編輯時(shí)顯示的效果一致，讓使用者 方便地對(duì)編輯的內(nèi)容所見(jiàn)即所得的進(jìn)行修改、排版。編輯器文件上傳功能支持

29、圖 片來(lái)源，媒體文件來(lái)源，附件來(lái)源等，都自帶有從客戶(hù)端直接上傳到服務(wù)器端的 功能。對(duì)于來(lái)自其它網(wǎng)站最新資訊的內(nèi)容，能做拷貝過(guò)來(lái)保持原最新資訊內(nèi)容的 樣式，鏈接等。最新資訊添加成功后的效果見(jiàn)圖5.9I 2J產(chǎn)呂時(shí) ：二j咅戶(hù)歩統(tǒng)-_J 111 _j査石儷 二J運(yùn) _j sxiJiai圖5.9最新資訊添加成功點(diǎn)擊最新資訊列表可以進(jìn)入查看已經(jīng)添加的最新資訊。圖5.10I KflW 2J產(chǎn)呂時(shí) ：二j咅戶(hù)歩統(tǒng) j-_J 111 0 勵(lì) n _j査石儷 二J運(yùn) _j sxiJiai為礪161X2xyuiK.X(33unospl P諫闞 繪代丑JSXQ4shiyanX閔【背文】【上-史】（下-!5） LK

30、WJ圖5.10管理全部最新資訊3. 產(chǎn)品管理訪頁(yè)數(shù)：1/1爭(zhēng)數(shù)蚤5序號(hào)產(chǎn)品名稱(chēng)刪除編輯1黑之契約者服裝Xra2火影-佐助服裝XG33死神-碎蜂服裝X百4灼眼的夏娜X5動(dòng)漫-女仆服X首頁(yè)上一頁(yè)下一頁(yè)尾頁(yè)圖5.11產(chǎn)品管理頁(yè)面I西巧：TH：4. 修改密碼 2么Cj公管觀 u如公豈 A冊(cè)交LJ歆侃佩 Q助謂曲 _J產(chǎn)磚TCj嚴(yán)品畑LJ 0MK5品 _J PCj吝戶(hù)刃花CJ iXP e jCj cmjn LJ況序桂 $ _j么:UM介 W 2j妙卻 二）至培包百 _j恭衛(wèi)伽 *：j安圭加圖5.12修改密碼頁(yè)面5.2系統(tǒng)測(cè)試及分析Hellocosplay網(wǎng)站做好后，曾經(jīng)放于51 cosplay公司服務(wù)器

31、上測(cè)試。均未出現(xiàn) 程序錯(cuò)誤。達(dá)到Hellocosplay公司展現(xiàn)自己的目的。網(wǎng)站設(shè)計(jì)較為標(biāo)準(zhǔn)在多個(gè)分 辨率下測(cè)試均未變形。測(cè)試服務(wù)器配置Intel Xeon 2*2.4G雙路處理器，超線(xiàn)程虛擬4顆CPU板載支持800外頻處理 器 /iis6.0客戶(hù)端機(jī)器配置CPU： Intel Core 2 CPU T5600 1.82GHZ 內(nèi)存：512MB 系統(tǒng)：WINDOWSXP ； 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ì)以用

32、戶(hù)的喜好為標(biāo)注”的設(shè)計(jì)理念。當(dāng)然在以后的實(shí)際需求中仍然會(huì)發(fā)現(xiàn)很多其他的不足之處，比如，最新資訊 沒(méi)有添加分類(lèi)等。在做實(shí)際項(xiàng)目時(shí)，可以在這個(gè)系統(tǒng)的基礎(chǔ)上進(jìn)一步分析客戶(hù)的 需求，添加或是修改相應(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.13所示1 1UT r&悄te按 E qchiya*Tat ayah圖5.13 1280*800分辨率下頁(yè)面效果在1024*768分辨率下的頁(yè)面效果如圖5.14所示公口濁訊SlCotplay躺:-關(guān)于31ikllxo刃丄糾堿招

33、各比代理謝：曲呻2(ie-S-2l(2CCe-5-26J(2(xe-s-aij(2CCe-f-201琢copy; EIXS-HCe w 越&折廠 職？因折百權(quán)利%v ccr All Titchns Seserved 0圖5.14 1024*768分辨率下頁(yè)面效果圖第六章使用方法6.1網(wǎng)站前臺(tái)在瀏覽器地址欄中輸入http:/localhos”即可進(jìn)入網(wǎng)站首頁(yè)。在導(dǎo)航欄中點(diǎn)擊 各個(gè)欄目，然后進(jìn)入各個(gè)不同的欄目。6.2網(wǎng)站后臺(tái)管理管理員登陸界面 http:/localliost/admiii/admm_login.asp6.2.1添加最新資訊內(nèi)容：添加最新資訊標(biāo)題，如果有圖片的話(huà)，可以瀏覽上傳。內(nèi)容可以選擇可視化 編輯，也可以直接編輯代碼或文本格式，然后可以預(yù)覽。確認(rèn)無(wú)誤點(diǎn)擊提交。需 要修改則可以點(diǎn)擊重置。622管理全部最新資訊：點(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 Cluiia-E電子商務(wù)解決方案-馬度奇制衣有限公司200