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

1、目錄第一章概述1.1課題意義11.2國內(nèi)外研究現(xiàn)狀113主要工作1第二章系統(tǒng)運(yùn)行環(huán)境22.1系統(tǒng)開發(fā)工具22.1.1 ASP 簡介22.1.2 Dieamweavei簡介22.1.3 ADO 簡介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)頁面布局63.3.1首頁布局63.3.2后臺頁面布局63.4 系統(tǒng)流程圖73.5 數(shù)據(jù)流圖73.6 數(shù)據(jù)字典8第四章系統(tǒng)設(shè)計104.1系統(tǒng)框架設(shè)計104.2系統(tǒng)結(jié)構(gòu)設(shè)計1043數(shù)據(jù)庫設(shè)計114.4數(shù)據(jù)庫邏輯結(jié)構(gòu)

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

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

4、商業(yè)化、全民化、全球化的趨勢。目前，幾乎世界上 所有的公司都在利用網(wǎng)絡(luò)傳遞商業(yè)信息，進(jìn)行商業(yè)活動，從宣傳企業(yè)、發(fā)布廣告、 招聘雇員、傳遞商業(yè)文件乃至拓展市場、網(wǎng)上銷售等，無所不能。如今網(wǎng)絡(luò)己成 為企業(yè)進(jìn)行競爭的戰(zhàn)略手段。企業(yè)經(jīng)營的多元化拓展，企業(yè)規(guī)模的進(jìn)一步擴(kuò)大， 對于企業(yè)的管理、業(yè)務(wù)擴(kuò)展、企業(yè)品牌形象等提供了更高的要求。在以信息技術(shù) 為支撐的新經(jīng)濟(jì)條件下，越來越多的企業(yè)利用起網(wǎng)絡(luò)這個有效的工具。網(wǎng)站早己 由論證階段進(jìn)入了實質(zhì)階段，尤其為企業(yè)提供一個展示自己的舞臺、為消費者創(chuàng) 造一個了解企業(yè)的捷徑。公司可以通過建立商業(yè)平臺，實行全天候銷售服務(wù)，借 助網(wǎng)絡(luò)推廣企業(yè)的形象、宣傳企業(yè)的產(chǎn)品、發(fā)布公司

5、最新資訊，同時通過信息反 饋使公司更加了解顧客的心理和需求，網(wǎng)站虛擬公司與實體公司的經(jīng)營運(yùn)作有機(jī) 的結(jié)合，將會有利于公司產(chǎn)品銷售渠道的拓展，并節(jié)省大量的廣告宣傳和經(jīng)營運(yùn) 營成本，更好地把握商機(jī)2】。1.3主要工作運(yùn)用好相關(guān)工具與技術(shù)對系統(tǒng)進(jìn)行可行性分析，確定系統(tǒng)所需功能，劃分各 系統(tǒng)模塊，并且分步開發(fā)。設(shè)計系統(tǒng)的前臺顯示。配置運(yùn)行環(huán)境，調(diào)試系統(tǒng)。第二章系統(tǒng)運(yùn)行環(huán)境2.1系統(tǒng)開發(fā)工具2.1.1 ASP 簡介ASP是Active Seivei Page的縮寫，意為“活動服務(wù)器網(wǎng)頁”，是微軟開發(fā)的 服務(wù)器端的腳本編寫環(huán)境。使用ASP可以組合HTML頁、腳本命令和ActiveX 組建來創(chuàng)建動態(tài)、交互的

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

7、SP腳本的編輯 工作，當(dāng)然不同的開發(fā)工具的開發(fā)調(diào)試效率是不一樣的。ASP也是一種代替CGI腳本程序的一種，并且可以與數(shù)據(jù)庫和其他程序進(jìn) 行交互，是一種簡單方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp,現(xiàn)在常用 于各種動態(tài)網(wǎng)站中。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及 COM組件等。應(yīng)用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(例如表單的添加)，也 可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序卩】。2.1.2 Dreamweavei 簡介Dreamweavei是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于 一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特

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

9、網(wǎng)頁在Dreamweaver和HTML代碼編輯器之間進(jìn)行 自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習(xí) 慣的同時，充分享受到可視化編輯帶來的益處。Dieamweavei最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人 都可以輕易擴(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 簡介ADO ActiveX Data Objects （ActiveX數(shù)據(jù)對象）的英文縮寫，它是微軟 公司開發(fā)的數(shù)據(jù)庫訪問組件。它提供了網(wǎng)頁開發(fā)人員實時存取數(shù)據(jù)庫的能力。在 數(shù)據(jù)庫的應(yīng)用中，使用ADO編寫的應(yīng)用程序可以存取在Liteinet上任何地方的 資源。ADO非常簡化的接口使得原本復(fù)雜冗長的程序編寫工作變得簡單易學(xué)， 并且強(qiáng)有力地支持了各種應(yīng)用程序的復(fù)雜特性的要求。ADO使用RecordSet （記 錄集）對象作為數(shù)據(jù)的主要界面。ADO可以使用VBScnp

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

12、is 互聯(lián)網(wǎng)信息服務(wù)）是一種 Web （網(wǎng)頁）服 務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器， 分別用于網(wǎng)頁瀏覽、文件傳輸、最新資訊服務(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依次選擇點擊“開始” / “設(shè)置” / “控制面板” / “添加/刪除程序”，打開 “添加/刪除程序”對話框。2. 單擊左側(cè)的“添加刪除Windows組件”按鈕，打開“Wmdows組件向?qū)А?對話框。3. 選中“Int

13、emet信息服務(wù)器（IIS）”，將Windows XP的安裝光盤放入光驅(qū)中， 然后單擊“下一步”按鈕，安裝US 5.1大約需要30MB的磁盤空間。安裝程序開始配置組件并復(fù)制文件，安裝過程將持續(xù)一段時間。IIS的配置需要修改默認(rèn)網(wǎng)站的主目錄，打開IIS,右擊“默認(rèn)網(wǎng)站”“屬 性”，選擇主目錄標(biāo)簽，在“本地路徑”中選擇網(wǎng)站所在文件夾（例如E:wwwwot）, 本標(biāo)簽內(nèi)其他選項默認(rèn)，然后點“應(yīng)用”。然后選擇“文檔”標(biāo)簽，在“默認(rèn)文 檔”里面添加“默認(rèn)文檔名” index.ASP,并使用上下箭臺，將mdex.ASP優(yōu)先 級調(diào)到最上面。然后可以用http:/localhost/來訪問主頁。2.2系統(tǒng)的運(yùn)

14、行環(huán)境硬件需求：Pentiunini 800/128M/20G及以上配置，800x600/16位色以上顯示 器；另需連接服務(wù)器的網(wǎng)絡(luò)設(shè)備，通過局域網(wǎng)連接需要配備10/100M網(wǎng)卡，通 過撥號上網(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所需開發(fā)的網(wǎng)站是運(yùn)用ASP+ACCESS+HTML+CSS的技術(shù)來開 發(fā)的。所需程序的開發(fā)主要是運(yùn)用Dreamweaver + Accesso在網(wǎng)站界面的開發(fā)中， 主要需要Photoshop在制作效果圖，并切圖。

15、或者運(yùn)用Fiieworkso運(yùn)用ASP+ACCESS的網(wǎng)站，對于系統(tǒng)的要求并不嚴(yán)格Pentiunilll 800/128M/20G及以上配置，且搭建有IIS或?qū)τ贏SP支持的環(huán)境就已經(jīng)可以完 全達(dá)到網(wǎng)站的運(yùn)營需求。3.1.2經(jīng)濟(jì)可行性達(dá)到成功運(yùn)營網(wǎng)站為公司服務(wù)所需要的成本主要包括：網(wǎng)站的開發(fā)費用、服 務(wù)器的租借費用、域名注冊費用及后期網(wǎng)站的維護(hù)費用。一般網(wǎng)站的開發(fā)者都承諾網(wǎng)站運(yùn)營后的后期一定時間內(nèi)的維護(hù)工作。開發(fā)費 用大約在1000元2000元之間。服務(wù)器的租借費用，由于網(wǎng)站比較的實用，不繁瑣。所以一般購買 200M-500M的空間就完全夠早期網(wǎng)站運(yùn)營很長一段時間。目前很多主機(jī)托管類 運(yùn)營商均

16、有此業(yè)務(wù)，主流價格在500元/年至1200元/年不等。域名注冊的費用一般在70元至120元不等。如果域名己經(jīng)被別人注冊，那 么購買的轉(zhuǎn)讓費用或許會略高。終上所述，此網(wǎng)站的正式上線運(yùn)營，一年所需投入成本也在3000元左右。網(wǎng)站只需發(fā)展幾十個顧客，就可以收回成本進(jìn)而盈利。而在開發(fā)網(wǎng)站完成，將對網(wǎng)站提供免費SEO服務(wù)，讓網(wǎng)站在baidu , google 的排名可以靠前。如果可以的話，公司也可以通過百度競價等提升網(wǎng)站的排需。3.1.3操作可行性作為動漫周邊產(chǎn)品的cosplay服裝，主要的消費群體是青少年中的動漫愛好 者。主要年齡段分布在80年代以及90年代出生的青少年。網(wǎng)絡(luò)在此年齡段青少 年的日常生

17、活中占據(jù)很重要的一部分。而動漫愛好者更為突出，大部分的動漫愛 好者每天都有上網(wǎng)瀏覽動漫相關(guān)網(wǎng)頁的習(xí)慣。因此在網(wǎng)絡(luò)建立一個展示公司產(chǎn)品 的網(wǎng)站，是很符合動漫愛好者的興趣愛好的。而動漫愛好者是以群體聚集在一起 的，如果在一個用戶那得到好評，那么他們就會為公司做另一種且權(quán)威性更重的 廣告宣傳。3.2系統(tǒng)主要功能系統(tǒng)的開發(fā)是以介紹企業(yè)為目的的，所以系統(tǒng)以展示為主。系統(tǒng)的功能模塊 也是以企業(yè)自我介紹為中心的主要劃分為：公告管理，最新資訊管理，產(chǎn)品管理, 代理商管理，企業(yè)簡介，聯(lián)系我們。為了便于來訪者及時反饋信息或咨詢問題， 我們添加了當(dāng)前青少年中主流即時通訊工具的QQ在線客服以及留言本功能。3.3系統(tǒng)頁

18、面布局3.3.1首頁布局如圖3.1所示頁面頭部(Head.asp)頁面 左部(left.asp)頁面主體內(nèi)容頁面尾部圖3.1首頁布局圖3.3.2后臺頁面布局如圖3.2所示頁面頭部功能鏈接列 表管理功能操作部尾部圖3.2后臺頁面圖3.4系統(tǒng)流程圖3.5 數(shù)據(jù)流圖如圖3.4所示3.6 數(shù)據(jù)字典Admin表內(nèi)的字段數(shù)據(jù)項名:ID(ID) 數(shù)據(jù)項含義：ID 數(shù)據(jù)項類型：Int 數(shù)據(jù)項長度：4數(shù)據(jù)項名：UserName 數(shù)據(jù)項含義：管理員用戶名 數(shù)據(jù)項類型：varchar 數(shù)據(jù)項長度：50數(shù)據(jù)項名：pwd (密碼) 數(shù)據(jù)項含義：管理員的密碼 數(shù)據(jù)項類型：varchar 數(shù)據(jù)項長度：50Link表內(nèi)字段數(shù)

19、據(jù)項名：ID 數(shù)據(jù)項含義：鏈接ID 數(shù)據(jù)項類型：hit 數(shù)據(jù)項長度：4數(shù)據(jù)項名:title數(shù)據(jù)項含義：鏈接名稱 數(shù)據(jù)項類型：nvaichai 數(shù)據(jù)項長度：16數(shù)據(jù)項名：addurl 數(shù)據(jù)項含義：鏈接網(wǎng)址 數(shù)據(jù)項類型：varchar 數(shù)據(jù)項長度：50Product表內(nèi)字段數(shù)據(jù)項名：ID數(shù)據(jù)項含義：商品ID 數(shù)據(jù)項類型：hit數(shù)據(jù)項長度：4數(shù)據(jù)項名：pio_name 數(shù)據(jù)項含義：所屬分類 數(shù)據(jù)項類型：vaichai 數(shù)據(jù)項長度：50數(shù)據(jù)項名：inig數(shù)據(jù)項含義：圖片地址 數(shù)據(jù)項類型：varchar數(shù)據(jù)項名：title 數(shù)據(jù)項含義：標(biāo)題 數(shù)據(jù)項類型：備注數(shù)據(jù)項夕I： content 數(shù)據(jù)項含義：內(nèi)容

20、 數(shù)據(jù)項類型：備注數(shù)據(jù)項名：pub_data 數(shù)據(jù)項含義：發(fā)布日期 數(shù)據(jù)項類型：dataPio_type表內(nèi)字段數(shù)據(jù)項名：pio_name數(shù)據(jù)項含義：記錄后臺管理模塊數(shù)據(jù)項類型：varchar滋fcET石HGuestbook表內(nèi)字段數(shù)據(jù)項名：ID 數(shù)據(jù)項含義：留言ID 數(shù)據(jù)項類型：int數(shù)據(jù)項長度：4數(shù)據(jù)項名：title數(shù)據(jù)項含義：留言標(biāo)題 數(shù)據(jù)項類型：備注數(shù)據(jù)項夕I： content 數(shù)據(jù)項含義：內(nèi)容 數(shù)據(jù)項類型：備注第四章系統(tǒng)設(shè)計4.1系統(tǒng)框架設(shè)計系統(tǒng)釆用ASP應(yīng)用程序兩層結(jié)構(gòu)模式，其結(jié)甲如圖4.1所示:Web窗體層忑 nV數(shù)據(jù)庫訪問層CZT據(jù)庫數(shù)據(jù)庫J J圖4.1兩層結(jié)構(gòu)模式Web窗體層

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

22、上面的數(shù)據(jù)項可以設(shè)計出能夠滿足用戶需求的各種實體，以及它們之間的 關(guān)系，并為后面的邏輯結(jié)構(gòu)設(shè)計打下基礎(chǔ)。這些實體包含各種具體信息，通過相互之間的作用形成數(shù)據(jù)的流動，這就可以對系統(tǒng)設(shè)計以下實體：系統(tǒng)管理員信息 實體、產(chǎn)品信息實體、公告信息實體、代理商信息實體、鏈接信息實體、關(guān)于我 們信息實體、聯(lián)系我們信息實體和留言信息實體。實體之間關(guān)系的E-R圖如圖 4.4所示。圖4.4實體之間關(guān)系ER圖留言系統(tǒng)管理員信息實體圖如圖4.5所示:圖4.5系統(tǒng)管理員信息實體圖產(chǎn)品信息實體圖如圖4.6所示:圖4.6產(chǎn)品信息實體圖關(guān)于我們信息實體圖如圖4.10所示:圖4.10關(guān)于我們信息實體圖圖4.11聯(lián)系我們信息實體

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

24、cluu50標(biāo)題名5Content備注無限制該記錄描述6Pub_dateData發(fā)布日期Guestbook 表列號列名數(shù)據(jù)類型長度字段說明1IDlilt4留言唯一編號2TitleVhicluu50留言標(biāo)題3Content備注留言內(nèi)容4Pub_dateData發(fā)布日期第五章運(yùn)行結(jié)果及效果分析5.1模塊測試及分析5.1.1前臺部分測試1.網(wǎng)站首頁效果圖網(wǎng)站運(yùn)行后首頁，如圖5.1所示（該截圖為寬屏截圖）:Igsp/au.關(guān)千尸0璇禾公M處令Q5Kvlr;地址4http：/www. ww. com/index, aspJ im.x I2-網(wǎng)站后臺.口 s h i y圖5.1網(wǎng)站首頁效果圖網(wǎng)站不同的分辨

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

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

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

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

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

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

31、上測試。均未出現(xiàn) 程序錯誤。達(dá)到Hellocosplay公司展現(xiàn)自己的目的。網(wǎng)站設(shè)計較為標(biāo)準(zhǔn)在多個分 辨率下測試均未變形。測試服務(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)：WINDOWSXP ； PHP-NOW 1.4.4 添加 ASP 擴(kuò)展Hellocosplay網(wǎng)站具有實用性和針對性，界面友好，可維護(hù)性強(qiáng)。也很號的 完成了企業(yè)自我展示的需求。在頁面的設(shè)計上，也比較符合動漫愛好者的欣賞， 體現(xiàn)了 “頁面的設(shè)計以用

32、戶的喜好為標(biāo)注”的設(shè)計理念。當(dāng)然在以后的實際需求中仍然會發(fā)現(xiàn)很多其他的不足之處，比如，最新資訊 沒有添加分類等。在做實際項目時，可以在這個系統(tǒng)的基礎(chǔ)上進(jìn)一步分析客戶的 需求，添加或是修改相應(yīng)的功能模塊，來擴(kuò)展本系統(tǒng)的功能，使之更加實用。網(wǎng)站頁面的設(shè)計也較為標(biāo)準(zhǔn)。以下是兩種分辨率下的首頁效果圖。在兩種分 辨率下頁面沒有發(fā)生任何變形。在1280*800分率下的頁面效果如圖5.13所示1 1UT r&悄te按 E qchiya*Tat ayah圖5.13 1280*800分辨率下頁面效果在1024*768分辨率下的頁面效果如圖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分辨率下頁面效果圖第六章使用方法6.1網(wǎng)站前臺在瀏覽器地址欄中輸入http:/localhos”即可進(jìn)入網(wǎng)站首頁。在導(dǎo)航欄中點擊 各個欄目，然后進(jìn)入各個不同的欄目。6.2網(wǎng)站后臺管理管理員登陸界面 http:/localliost/admiii/admm_login.asp6.2.1添加最新資訊內(nèi)容：添加最新資訊標(biāo)題，如果有圖片的話，可以瀏覽上傳。內(nèi)容可以選擇可視化 編輯，也可以直接編輯代碼或文本格式，然后可以預(yù)覽。確認(rèn)無誤點擊提交。需 要修改則可以點擊重置。622管理全部最新資訊：點擊最新資訊列表，然后選擇需要修改的最新資訊最后的編輯，就可以進(jìn)入 編輯頁面。可以修改標(biāo)題，圖片，內(nèi)容。如果需要刪除只要點擊相應(yīng)列的刪除即 可。6.2.3修改密碼：點擊修改密碼，輸入舊密碼，輸入新密碼，確認(rèn)新密碼，點擊提交即可。6.2.4退出管理系統(tǒng)：點擊退出系統(tǒng)，返回后臺登陸首頁。參考文獻(xiàn)1 Cluiia-E電子商務(wù)解決方案-馬度奇制衣有限公司200