PAGEPAGE25目錄TOC\o"1—3”\ｈ＼ｚ\uHＹＰEＲLIＮK第二章系統(tǒng)運行環(huán)境?ＰAGＥREF_Ｔoc１9941３270\h2HYＰEＲＬINK\l＂_Toｃ1994132７1"２．1系統(tǒng)開發(fā)工具?１９9４1３271＼h2HＹPERLＩNK\ｌ"＿Toc１9９41３272＂2。1。1ASP簡介 ＰAＧＥREF_Tｏc199413272\ｈ2HYPERＬINK＼ｌ”＿Tｏc１９94１3273＂２.1。2Dreａmweaveｒ簡介?PAGEＲEＦ＿Toc199４132７３\ｈ２HYPERＬINK\l"_Tｏc１９941３27４＂2.1．3ＡDO簡介 ＰAGEＲEF_Ｔoｃ1９9413274\h３ＨYPEＲＬINK＼l”＿Toc1994１3２75”2．1。4IIS介紹及安裝與配置方法?ＰＡGＥREF_Ｔoｃ1994132７５＼h３HYPEＲＬＩNＫ＼l＂＿Ｔoc１９941327６”2．2系統(tǒng)的運行環(huán)境?PAGEREF_Tｏc1９9４１3276\ｈ4HYＰERLＩNK\l＂_Toc1994１3２77＂第三章系統(tǒng)分析?PＡGERＥF_Toc１9９41327７\h5ＨＹＰEＲLINＫ\l＂_Ｔoｃ１99４１3278"３．1可行性分析?PＡＧEREF_Toc199４１３278\ｈ5HYPERLINK＼l＂＿Tｏc19941３27９”3.１．1技術可行性?PAGＥREＦ_Ｔoc1９９41３2７9＼h5ＨYPＥＲＬIＮK＼ｌ”_Toc１9941３2８0”３.1.２經濟可行性 PAＧEREF_Toc１99413２80＼h５HYPＥRＬINK\l”_Toc19９413281”3.１。３操作可行性?PAＧＥＲEF_Toc199413281＼h5ＨＹPERLＩNＫ\l＂_Toｃ1994132８２＂３．2系統(tǒng)主要功能?ＰAＧＥRＥF_Toc１99４13282\h6ＨＹPＥＲLINK\l”_Ｔoc１9９４13２8３”3.3系統(tǒng)頁面布局?PAＧEREF_Tｏc199413２83\ｈ6ＨYPEＲLＩNK\ｌ”_Toc19９413２8４＂３．3。1首頁布局 PAＧＥＲEF_Toc199４13284\h６HYPERLIＮK\l＂_Toc1９９4132８5”3。３．２后臺頁面布局 ＰＡGERＥF_Toc199４132８５\h６ＨYPERＬINK\ｌ”_Tｏc1９9４13286”3.４?系統(tǒng)流程圖 PAGERＥF_Toｃ19９413286\h7HYＰERLＩNK\l”_Ｔoc1９9４１328７”3.5?數(shù)據(jù)流圖?ＰAGEREF_Ｔｏｃ19９413２８7\h7ＨYPERLINK\ｌ"_Toc1９9413２88"3.6數(shù)據(jù)字典?ＰAGERＥF_Tｏc19９４13２88\h８HYＰERLINK\ｌ”_Ｔoｃ1994１3289”第四章系統(tǒng)設計?PＡＧEREF_Toc19９４13２８９＼ｈ1０ＨYPEＲLINK\l＂_Tｏc199413290"4。1系統(tǒng)框架設計?PAＧEＲＥF_Ｔoc19941３2９０\h10HYPERLＩＮＫ4．2系統(tǒng)結構設計 PＡGEREＦ_Ｔoｃ199413２9１\h１０HYＰERLINK\ｌ"_Toc1994１3２9２"4.3數(shù)據(jù)庫設計?ＰAGEＲEF_Toc1９9４1３292＼h11HYPＥRLＩNＫ＼l＂_Toc１994１3２93＂4.４數(shù)據(jù)庫邏輯結構設計?PAＧEREF_Toc199４13293\h14HYＰERLINＫ5．1.2后臺部分測試?PＡGＥREF＿Tｏc１９94132９7\h2０HＹPERＬINK\ｌ"_Ｔｏc199413298”5．２系統(tǒng)測試及分析 PAＧEREF_Toc199４１３２98\h22ＨＹPERLINＫ\l＂_Ｔoc1９9４1329９"第六章使用方法?PAＧEREF_Toc１99413299\h25ＨYPERLINK6。1網(wǎng)站前臺?ＰAGEＲEF_Ｔｏc19941３3０0\h25HＹＰEＲLＩNK\l＂_Toc1９94１３3０1”６．2網(wǎng)站后臺管理?ＰＡＧEREＦ_Ｔoｃ19９4133０1\ｈ25HYＰERLINＫ\l”_Ｔｏｃ19９413302”6.２.1添加最新資訊內容：?PAGＥREF_Ｔoc199４1330２＼ｈ２５HYPERLIＮK\ｌ＂_Tｏc19９４1３３03”6.2．2管理全部最新資訊:?PAGEＲEF_Toc1９941３303\h２5HYPERLINＫ\l＂_Tｏc1994１3304＂６。２。3修改密碼: PAGＥREF_Ｔoｃ1994133０4＼h25HＹPEＲLＩNＫ\ｌ”_Toｃ1９９41３3０５"6。2．4退出管理系統(tǒng)：?PAGＥREF_Toc19９４１3305＼ｈ25HYPＥＲLIＮＫ\l＂_Ｔoc199４13306”第七章畢業(yè)設計體會 PＡGEREＦ_Toc199413306\h２6ＨYＰERLINＫ\l＂＿Ｔoc199413307"致謝 PAＧEＲEF＿Toc199413３０７\h27HYPERＬINＫ\l＂_Tｏc1９9４13308"參考文獻?PAGEREF_Tｏc1９９413308\h28第一章概述1.1課題意義國際際互聯(lián)網(wǎng)的用戶在迅猛地增長，中國上網(wǎng)用戶由1９９5年的一萬戶速增至199９年的數(shù)百萬用戶。這增長速度是全世界范圍的普遍現(xiàn)象.您的企業(yè)要為這眾多的民眾、企業(yè)服務就必須建立自己的網(wǎng)站,在這信息的高速公路上宣傳自己高效的工作.今天，國際互聯(lián)網(wǎng)絡已成為高科技和未來生活的代名詞，要顯示你公司的實力,提升公司的形象，沒有什么比在員工名片、企業(yè)信箋、廣告及各種公眾能看得到的東西上印上自己公司獨有的網(wǎng)絡地址和專用的集團電子郵件地址更有說服力了.消費者、客戶和海外投資者自然對您另眼相看。你不可能將你的新產品信息在全球的周刊上發(fā)表,但你可以把上述信息放在你的企業(yè)網(wǎng)站上向全世界發(fā)表.即使你可以把上述信息在全球的周刊上發(fā)表，但消費者遺忘廣告、忽略廣告，你也無可奈何。有了網(wǎng)站上的信息，任何一個人都可在網(wǎng)上瀏覽你的網(wǎng)頁,都會成為你的潛在客戶[１］。1．2國內外研究現(xiàn)狀現(xiàn)在網(wǎng)絡的發(fā)展已呈現(xiàn)商業(yè)化、全民化、全球化的趨勢。目前，幾乎世界上所有的公司都在利用網(wǎng)絡傳遞商業(yè)信息，進行商業(yè)活動，從宣傳企業(yè)、發(fā)布廣告、招聘雇員、傳遞商業(yè)文件乃至拓展市場、網(wǎng)上銷售等，無所不能。如今網(wǎng)絡已成為企業(yè)進行競爭的戰(zhàn)略手段。企業(yè)經營的多元化拓展，企業(yè)規(guī)模的進一步擴大,對于企業(yè)的管理、業(yè)務擴展、企業(yè)品牌形象等提供了更高的要求。在以信息技術為支撐的新經濟條件下，越來越多的企業(yè)利用起網(wǎng)絡這個有效的工具.網(wǎng)站早已由論證階段進入了實質階段，尤其為企業(yè)提供一個展示自己的舞臺、為消費者創(chuàng)造一個了解企業(yè)的捷徑.公司可以通過建立商業(yè)平臺,實行全天候銷售服務，借助網(wǎng)絡推廣企業(yè)的形象、宣傳企業(yè)的產品、發(fā)布公司最新資訊，同時通過信息反饋使公司更加了解顧客的心理和需求，網(wǎng)站虛擬公司與實體公司的經營運作有機的結合,將會有利于公司產品銷售渠道的拓展，并節(jié)省大量的廣告宣傳和經營運營成本,更好地把握商機[２］。1.３主要工作運用好相關工具與技術對系統(tǒng)進行可行性分析,確定系統(tǒng)所需功能，劃分各系統(tǒng)模塊,并且分步開發(fā)。設計系統(tǒng)的前臺顯示。配置運行環(huán)境,調試系統(tǒng)。第二章系統(tǒng)運行環(huán)境2．1系統(tǒng)開發(fā)工具2.1。１AＳP簡介ASP是ActiveServeｒPage的縮寫,意為“活動服務器網(wǎng)頁",是微軟開發(fā)的服務器端的腳本編寫環(huán)境。使用AＳP可以組合HTMＬ頁、腳本命令和ActｉveX組建來創(chuàng)建動態(tài)、交互的Web頁和基于Ｗeb的應用程序.ＡSP是服務器端的網(wǎng)頁技術，是在服務器端運行的而不是客戶端執(zhí)行的。當客戶端請求一個ＡSＰ文件時,由服務器先把該文件解釋成標準的HＴML文件再發(fā)送給客戶.在服務器端運行的好處有兩點：第一，可以不受客戶端瀏覽器的限制，任何用戶都可以使用瀏覽器正常瀏覽ASP所產生的網(wǎng)頁，且不需要特別安裝任何ＡＳP支持;第二,可以很方便地和服務器交換數(shù)據(jù)，例如從數(shù)據(jù)庫中讀取數(shù)據(jù)。嚴格來講，ASP并不是一種語言,它只是提供一個環(huán)境來運行Ｓcriｐt。ASＰ所用的語言是ＶBScript或JavaScript，也可以是它們兩者的結合。AＳP沒有固定的開發(fā)工具，任何一種文本編輯器都能勝任ＡSP腳本的編輯工作，當然不同的開發(fā)工具的開發(fā)調試效率是不一樣的.ＡSP也是一種代替CGI腳本程序的一種，并且可以與數(shù)據(jù)庫和其他程序進行交互，是一種簡單方便的編程工具。ＡSP的網(wǎng)頁文件的格式是。ａsp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。AＳP網(wǎng)頁可以包含HTML標記、普通文本、腳本命令以及COM組件等.應用ASP可以向網(wǎng)頁中添加交互式內容（例如表單的添加),也可以創(chuàng)建使用HＴML網(wǎng)頁作為用戶界面的ｗeb應用程序［3].2．1。２Ｄreａmweavｅr簡介Ｄreａmｗeａvｅr是美國MACROMEDＩA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是一個很酷的網(wǎng)頁設計軟件.它不僅包括可視化編輯、HＴML代碼編輯的軟件包,而且還支持AcｔiveX、ＪaｖaＳｃrｉpt、Flash、SｈocｋＷave等特性,而且它還能通過拖拽從頭到尾制作動態(tài)的HTＭL動畫,支持動態(tài)HTML(DyｎamｉｃHTML)的設計,使得頁面沒有plｕg—in也能夠在Netsｃape和IE４。0瀏覽器中正確地顯示頁面的動畫.同時它還提供了自動更新頁面信息的功能。Dｒeamｗeａver還采用了RouｎdtｒipHTＭL技術.這項技術使得網(wǎng)頁在Dreaｍｗｅaｖeｒ和ＨTML代碼編輯器之間進行自由轉換,HTＭＬ句法及結構不變。這樣，專業(yè)設計者可以在不改變原有編輯習慣的同時,充分享受到可視化編輯帶來的益處。Drｅamwｅaver最具挑戰(zhàn)性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。Drｅamwｅaver的發(fā)展經歷了如下版本：Ｄreａｍｗｅaｖeｒ1。0，Ｄreａmｗeaver2。0、2。０1，Dreamweａvｅｒ３．0，DreaｍweaverＵltｒａDｅv1。０,Dreａｍweaver4.0,DreaｍweaｖerUlｔｒaＤｅv4.0，DrｅamwｅaｖｅrMX(6。０)，ＤreamweaverMX2０04(7.0、７.０1）,Ｄreａmweａver８［4］。2．１.３ＡDO簡介ADＯ是AｃtiｖeXDatａObjects(AcｔiveX數(shù)據(jù)對象）的英文縮寫，它是微軟公司開發(fā)的數(shù)據(jù)庫訪問組件.它提供了網(wǎng)頁開發(fā)人員實時存取數(shù)據(jù)庫的能力。在數(shù)據(jù)庫的應用中，使用AＤO編寫的應用程序可以存取在Ｉnternet上任何地方的資源。ADO非常簡化的接口使得原本復雜冗長的程序編寫工作變得簡單易學，并且強有力地支持了各種應用程序的復雜特性的要求。ADO使用RecorｄSet（記錄集)對象作為數(shù)據(jù)的主要界面.ADＯ可以使用VBScript、ＪavaSｃｒipt等腳本語言來控制數(shù)據(jù)庫的存取以及輸出查詢結果?？偟膩碚f，ＡDＯ是一項容易使用并且可擴展的將數(shù)據(jù)庫訪問添加到Web頁的技術?？梢允褂肁DO去編寫緊湊簡明的腳本以便連接到OpenDaｔabaｓeCｏnnectiｖity（ODBＣ）兼容的數(shù)據(jù)庫和OLＥDＢ兼容的數(shù)據(jù)源.對數(shù)據(jù)庫連接有一定了解的腳本編寫人員,ADO命令語句并不復雜而且容易掌握。同樣地，一個經驗豐富的數(shù)據(jù)庫編程人員將會正確認識ADO的先進的與語言無關性和查詢處理功能[5]。2。１.4IIＳ介紹及安裝與配置方法2.1．４.1IＩS介紹ＩＩS(InｔerｎetInformａt(yī)iｏnＳerver，互聯(lián)網(wǎng)信息服務）是一種Wｅｂ(網(wǎng)頁)服務組件,其中包括Web服務器、FTＰ服務器、NNTP服務器和SMTP服務器，分別用于網(wǎng)頁瀏覽、文件傳輸、最新資訊服務和郵件發(fā)送等方面，它使得在網(wǎng)絡（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事［6］。2。１。４.2IIS的安裝與配置方法現(xiàn)在介紹在WiｎdｏwsＸＰ操作系統(tǒng)中安裝IIS５.1的方法。其他版本的系統(tǒng)大體相同。1。依次選擇點擊“開始”/“設置”／“控制面板”/“添加/刪除程序”，打開“添加/刪除程序”對話框。２.單擊左側的“添加/刪除Windｏws組件”按鈕，打開“Winｄｏｗｓ組件向導”對話框。3.選中“Internｅt信息服務器（IＩS）"，將WinｄｏwsXP的安裝光盤放入光驅中，然后單擊“下一步”按鈕，安裝IＩS5．１大約需要3０MB的磁盤空間。安裝程序開始配置組件并復制文件，安裝過程將持續(xù)一段時間。IIS的配置需要修改默認網(wǎng)站的主目錄，打開IＩS，右擊“默認網(wǎng)站”→“屬性"，選擇主目錄標簽,在“本地路徑”中選擇網(wǎng)站所在文件夾（例如E：\wwwroｏｔ)，本標簽內其他選項默認,然后點“應用"。然后選擇“文檔”標簽，在“默認文檔”里面添加“默認文檔名"ｉndex.ASP,并使用上下箭臺，將inｄex。ASP優(yōu)先級調到最上面。然后可以用ｈttp：／/ｌｏcalhoｓt/來訪問主頁［6].2.2系統(tǒng)的運行環(huán)境硬件需求：PｅntiｕｍIII800/128M/20G及以上配置，８00x600/16位色以上顯示器；另需連接服務器的網(wǎng)絡設備，通過局域網(wǎng)連接需要配備10/１00M網(wǎng)卡，通過撥號上網(wǎng)需要配置調制解調器。軟件需求：Wｉnｄoｗs/９8／NT／2000/XP中文版操作系統(tǒng)，IE5．0以上版本瀏覽器。第三章系統(tǒng)分析3.1可行性分析3．１。１技術可行性Hellocosplay所需開發(fā)的網(wǎng)站是運用ＡSP+ACCESS＋HTML+CSS的技術來開發(fā)的。所需程序的開發(fā)主要是運用Ｄreａｍweaver+Acceｓs。在網(wǎng)站界面的開發(fā)中，主要需要Pｈoｔoshop在制作效果圖，并切圖。或者運用Ｆiｒewｏrks。運用ASP＋ACCESS的網(wǎng)站，對于系統(tǒng)的要求并不嚴格ＰentiｕmIII8０0/12８Ｍ／20G及以上配置,且搭建有IＩＳ或對于ASＰ支持的環(huán)境就已經可以完全達到網(wǎng)站的運營需求.3。１。2經濟可行性達到成功運營網(wǎng)站為公司服務所需要的成本主要包括:網(wǎng)站的開發(fā)費用、服務器的租借費用、域名注冊費用及后期網(wǎng)站的維護費用。一般網(wǎng)站的開發(fā)者都承諾網(wǎng)站運營后的后期一定時間內的維護工作.開發(fā)費用大約在1000元～2000元之間。服務器的租借費用，由于網(wǎng)站比較的實用，不繁瑣。所以一般購買200Ｍ～５0０Ｍ的空間就完全夠早期網(wǎng)站運營很長一段時間。目前很多主機托管類運營商均有此業(yè)務，主流價格在５00元/年至1200元/年不等。域名注冊的費用一般在7０元至１20元不等。如果域名已經被別人注冊，那么購買的轉讓費用或許會略高.終上所述，此網(wǎng)站的正式上線運營,一年所需投入成本也在3000元左右。網(wǎng)站只需發(fā)展幾十個顧客，就可以收回成本進而盈利.而在開發(fā)網(wǎng)站完成，將對網(wǎng)站提供免費SＥＯ服務，讓網(wǎng)站在ｂａiｄu,gｏｏgle的排名可以靠前.如果可以的話,公司也可以通過百度競價等提升網(wǎng)站的排名。3．1。3操作可行性作為動漫周邊產品的cosplay服裝,主要的消費群體是青少年中的動漫愛好者。主要年齡段分布在８０年代以及90年代出生的青少年.網(wǎng)絡在此年齡段青少年的日常生活中占據(jù)很重要的一部分。而動漫愛好者更為突出，大部分的動漫愛好者每天都有上網(wǎng)瀏覽動漫相關網(wǎng)頁的習慣。因此在網(wǎng)絡建立一個展示公司產品的網(wǎng)站,是很符合動漫愛好者的興趣愛好的。而動漫愛好者是以群體聚集在一起的，如果在一個用戶那得到好評，那么他們就會為公司做另一種且權威性更重的廣告宣傳。3。2系統(tǒng)主要功能系統(tǒng)的開發(fā)是以介紹企業(yè)為目的的，所以系統(tǒng)以展示為主.系統(tǒng)的功能模塊也是以企業(yè)自我介紹為中心的主要劃分為：公告管理，最新資訊管理,產品管理,代理商管理，企業(yè)簡介，聯(lián)系我們。為了便于來訪者及時反饋信息或咨詢問題,我們添加了當前青少年中主流即時通訊工具的QQ在線客服以及留言本功能。3.3系統(tǒng)頁面布局3。3．1首頁布局如圖3。1所示頁面頭部（頁面頭部（Head.asp）頁面左部（left.asp）頁面主體內容頁面尾部圖3.1首頁布局圖頁面尾部3．3.2后臺頁面布局如圖3.2所示頁面頭部頁面頭部尾部功能鏈接列表管理功能操作部圖3．２后臺頁面圖系統(tǒng)流程圖如圖3.３所示登陸登陸Helloco-splay公司管理員登陸后添加資訊前臺表現(xiàn)出來已添加資訊的修改數(shù)據(jù)庫操作資訊修改來訪者瀏覽輸入網(wǎng)址圖3．3系統(tǒng)流程圖數(shù)據(jù)流圖如圖3.4所示系統(tǒng)管理員系統(tǒng)管理員管理發(fā)布的信息留言的信息登陸系統(tǒng)發(fā)布查看留言來訪者發(fā)布查看圖3.4數(shù)據(jù)流圖3.6數(shù)據(jù)字典Adｍin表內的字段數(shù)據(jù)項名:ＩD（ＩD）數(shù)據(jù)項含義:ＩD數(shù)據(jù)項名:ＩD（ＩD）數(shù)據(jù)項含義:ＩD數(shù)據(jù)項類型：Inｔ數(shù)據(jù)項長度:４數(shù)據(jù)項名:UseｒNaｍｅ數(shù)據(jù)項含義:管理員用戶名數(shù)據(jù)項類型:vａrchar數(shù)據(jù)項長度：50數(shù)據(jù)項名：數(shù)據(jù)項名：pｗd(密碼）數(shù)據(jù)項含義：管理員的密碼數(shù)據(jù)項類型:varchａｒ數(shù)據(jù)項長度:５0Link表內字段數(shù)據(jù)項名：ID數(shù)據(jù)項名：ID數(shù)據(jù)項含義:鏈接ID數(shù)據(jù)項類型:Ｉｎt數(shù)據(jù)項長度：4數(shù)據(jù)項名:tiｔle數(shù)據(jù)項含義：鏈接名稱數(shù)據(jù)項類型：nvarchar數(shù)據(jù)項長度：16數(shù)據(jù)項名:adｄuｒl數(shù)據(jù)項名:adｄuｒl數(shù)據(jù)項含義:鏈接網(wǎng)址數(shù)據(jù)項類型：vａｒchar數(shù)據(jù)項長度:5０Prｏｄucｔ表內字段數(shù)據(jù)項名:pｒｏ＿name數(shù)據(jù)項含義:所屬分類數(shù)據(jù)項名:pｒｏ＿name數(shù)據(jù)項含義:所屬分類數(shù)據(jù)項類型：ｖａrchar數(shù)據(jù)項長度：５0數(shù)據(jù)項名：ＩD數(shù)據(jù)項含義：商品ID數(shù)據(jù)項類型：Int數(shù)據(jù)項長度：4數(shù)據(jù)項名:imｇ數(shù)據(jù)項含義:圖片地址數(shù)據(jù)項名:imｇ數(shù)據(jù)項含義:圖片地址數(shù)據(jù)項類型:ｖarcｈａｒ數(shù)據(jù)項名:tｉtlｅ數(shù)據(jù)項含義:標題數(shù)據(jù)項類型：備注數(shù)據(jù)項名：ｐub_data數(shù)據(jù)項含義：發(fā)布日期數(shù)據(jù)項名：ｐub_data數(shù)據(jù)項含義：發(fā)布日期數(shù)據(jù)項類型:datａ數(shù)據(jù)項名：contｅnｔ數(shù)據(jù)項含義:內容數(shù)據(jù)項類型：備注Prｏ_type表內字段數(shù)據(jù)項名:ｐro_name數(shù)據(jù)項名:ｐro_name數(shù)據(jù)項含義：記錄后臺管理模塊名數(shù)據(jù)項類型：vａrｃhaｒ數(shù)據(jù)項長度：50Guestbｏｏk表內字段數(shù)據(jù)項名：IＤ數(shù)據(jù)項含義：留言IＤ數(shù)據(jù)項名：IＤ數(shù)據(jù)項含義：留言IＤ數(shù)據(jù)項類型：int數(shù)據(jù)項長度：4數(shù)據(jù)項名:title數(shù)據(jù)項含義：留言標題數(shù)據(jù)項類型：備注數(shù)據(jù)項名：conｔent數(shù)據(jù)項名：conｔent數(shù)據(jù)項含義：內容數(shù)據(jù)項類型:備注第四章系統(tǒng)設計4.1系統(tǒng)框架設計系統(tǒng)采用ASＰ應用程序兩層結構模式[７］,其結構如圖4.1所示：Web窗體層Web窗體層數(shù)據(jù)庫訪問層數(shù)據(jù)庫數(shù)據(jù)庫圖4。1兩層結構模式Web窗體層和數(shù)據(jù)庫各功能介紹［7］，如表4－1所示:層名功能描述Web窗體層系統(tǒng)最高層，向用戶展示各種窗體.用戶通過窗體對系統(tǒng)進行操作，并實現(xiàn)用戶操作各種信息的添加、修改和刪除。與數(shù)據(jù)庫直接關聯(lián)，封裝了對數(shù)據(jù)庫的所有操作,包括數(shù)據(jù)的添加、修改、刪除和查詢。數(shù)據(jù)庫數(shù)據(jù)訪問層負責Web展示和數(shù)據(jù)之間的數(shù)據(jù)存儲、修改、刪除與查詢，數(shù)據(jù)庫用來存儲本系統(tǒng)所有數(shù)據(jù)。表4－1ＡSP兩層架構模式的各層功能4．２系統(tǒng)結構設計由上面分析,可以設計系統(tǒng)的結構，從管理員界面和來訪者界面分別對結構以描述.管理員登錄管理員登錄系統(tǒng)管理資訊管理產品管理鏈接管理代理商管理關于我們聯(lián)系我們查看留言修改密碼公告管理圖４.2系統(tǒng)管理員界面的系統(tǒng)結構圖一般用戶界面的功能模塊如圖4．3所示:來訪者輸入網(wǎng)址來訪者輸入網(wǎng)址網(wǎng)站資訊查看產品查看鏈接查看代理商查看關于我們聯(lián)系我們發(fā)布留言公告查看圖４．3來訪者界面的系統(tǒng)結構圖4．3數(shù)據(jù)庫設計由上面的數(shù)據(jù)項可以設計出能夠滿足用戶需求的各種實體,以及它們之間的關系,并為后面的邏輯結構設計打下基礎。這些實體包含各種具體信息，通過相互之間的作用形成數(shù)據(jù)的流動，這就可以對系統(tǒng)設計以下實體：系統(tǒng)管理員信息實體、產品信息實體、公告信息實體、代理商信息實體、鏈接信息實體、關于我們信息實體、聯(lián)系我們信息實體和留言信息實體。實體之間關系的E—R圖如圖4.４所示.編輯編輯友情鏈接N后臺管理1管理N管理員1編輯1信息N發(fā)布N1發(fā)布1查看1留言N圖4。４實體之間關系Ｅ—R圖SHAPＥ＼＊MＥRＧEFORMAT系統(tǒng)管理員信息實體圖如圖4。５所示:系統(tǒng)管理員系統(tǒng)管理員登陸名登陸密碼編號圖４。5系統(tǒng)管理員信息實體圖產品信息實體圖如圖４。6所示:SHＡPE\*MEＲGEＦOＲMＡＴ產品產品產品編號產品名稱產品簡介產品圖片發(fā)布日期圖4。6產品信息實體圖最新資訊信息實體圖如圖４。7所示:最新資訊最新資訊標題內容編號圖片圖4.７最新資訊信息實體圖友情鏈接信息實體圖如圖４．８所示：友情鏈接友情鏈接標題鏈接地址編號圖４.8友情鏈接信息實體圖公司公告信息實體圖如圖4．9所示：公司公告公司公告標題內容編號圖片圖４。9公司公告信息實體圖關于我們信息實體圖如圖4.10所示：關于我們關于我們標題內容編號圖片圖4.10關于我們信息實體圖聯(lián)系我們信息實體圖如圖４。11所示:聯(lián)系我們聯(lián)系我們標題內容編號圖片圖4．１１聯(lián)系我們信息實體圖留言信息實體圖如圖4.12所示:留言留言標題內容編號留言時間圖4．１2留言信息實體圖4.4數(shù)據(jù)庫邏輯結構設計Ａdmｉｎ表列號列名數(shù)據(jù)類型長度字段說明1IDiｎt４用戶唯一編號2AｄminVaecｈaｒ50登陸名３PwdＶaｒｃhar50登陸密碼Link表列號列名數(shù)據(jù)類型長度字段說明1IＤｉnt４鏈接唯一編號２TiｔleＶａrchａr5０鏈接名3AddurlVarｃｈar5０鏈接網(wǎng)址Pro_type表列號列名數(shù)據(jù)類型長度字段說明１Pro_NamｅVarchar50記錄后臺管理模塊名Prｏｄuct表列號列名數(shù)據(jù)類型長度字段說明1IDint４定義唯一IＤ號２Ｐｒo_typｅVarcｈar50所屬管理模塊名3Ｉｍｇintr5０圖片地址４ＴitｌeＶarchａr5０標題名５Coｎteｎｔ備注無限制該記錄描述6Pｕｂ_datｅData發(fā)布日期Ｇｕｅstbｏｏｋ表列號列名數(shù)據(jù)類型長度字段說明1IDinｔ4留言唯一編號２TitleVａrchar50留言標題3Content備注留言內容4Puｂ_dateDaｔa發(fā)布日期第五章運行結果及效果分析５.1模塊測試及分析5.1。1前臺部分測試１。網(wǎng)站首頁效果圖網(wǎng)站運行后首頁，如圖５。１所示(該截圖為寬屏截圖):圖５.1網(wǎng)站首頁效果圖網(wǎng)站不同的分辨下做過測試，沒有任何變形，上面的截圖為1280＊800寬屏分辨下的截圖,網(wǎng)頁背景圖片能夠自動適應分辨率。圖５.2網(wǎng)站的子頁面Fｌａsｈ輪顯效果（可添加多張圖片),第一張圖片見圖5.3．1，第二張見圖5.３．2，過渡中見5．3。3（效果隨機）圖5。3.1廣告圖一圖５。3.2廣告圖二圖5.3廣告圖輪顯效果圖5。4具體最新資訊頁面圖５．5后臺登陸首頁圖5．6登陸后的后臺首頁5。１.2后臺部分測試１。添加最新資訊內容系統(tǒng)：圖5.７添加最新資訊2.eWebｅdiｔor編輯器工具欄工具非常多,其效果見圖5。8圖5.８eWｅbeditoｒ工具欄eWｅbeditor編輯器，其功能與Ｗord相當，但也有所擴展，編輯器編輯的文字、圖片等HTＭL標記輸出到頁面的效果和編輯時顯示的效果一致,讓使用者方便地對編輯的內容所見即所得的進行修改、排版。編輯器文件上傳功能支持圖片來源，媒體文件來源,附件來源等,都自帶有從客戶端直接上傳到服務器端的功能。對于來自其它網(wǎng)站最新資訊的內容，能做拷貝過來保持原最新資訊內容的樣式,鏈接等。最新資訊添加成功后的效果見圖５.9圖5。9最新資訊添加成功點擊最新資訊列表可以進入查看已經添加的最新資訊。圖5。1０圖5。１０管理全部最新資訊3.產品管理圖5．11產品管理頁面4．修改密碼圖5.１２修改密碼頁面5。2系統(tǒng)測試及分析Hｅlloｃosplay網(wǎng)站做好后，曾經放于５1cosｐlａy公司服務器上測試。均未出現(xiàn)程序錯誤。達到Hellocｏsplaｙ公司展現(xiàn)自己的目的。網(wǎng)站設計較為標準在多個分辨率下測試均未變形。測試服務器配置IｎｔelXeon2＊2.4G雙路處理器,超線程虛擬4顆CPU板載支持800外頻處理器/iｉs6。0客戶端機器配置CPＵ：IntelCore2ＣPUT56001。82GＨZ內存：512MＢ系統(tǒng)：ＷＩＮDOＷSＸＰ；PHP-NOＷ1.4.4添加ASP擴展Ｈellocosplaｙ網(wǎng)站具有實用性和針對性,界面友好，可維護性強。也很號的完成了企業(yè)自我展示的需求.在頁面的設計上，也比較符合動漫愛好者的欣賞，體現(xiàn)了“頁面的設計以用戶的喜好為標注”的設計理念。當然在以后的實際需求中仍然會發(fā)現(xiàn)很多其他的不足之處，比如，最新資訊沒有添加分類等。在做實際項目時，可以在這個系統(tǒng)的基礎上進一步分析客戶的需求,添加或是修改相應的功能模塊,來擴展本系統(tǒng)的功能，使之更加實用。網(wǎng)站頁面的設計也較為標準。以下是兩種分辨率下的首頁效果圖。在兩種分辨率下頁面沒有發(fā)生任何變形。在128０*800分率下的頁面效果如圖5．13所示圖5。131280*80０分辨率下頁面效果在10２４*768分辨率下的頁面效果如圖５.１4所示圖5。１４1024*768分辨率下頁面效果圖

第六章使用方法６。1網(wǎng)站前臺在瀏覽器地址欄中輸入HＹＰERLINＫ”htｔp：//locａlhost/ｉｎdeｘ．asp”htｔｐ：/／locａlｈoｓt/即可進入網(wǎng)站首頁。在導航欄中點擊各個欄目,然后進入各個不同的欄目。6。2網(wǎng)站后臺管理管理員登陸界面hｔtp:／／locａlhoｓt／admin／ａｄmin_logｉn。ａsｐ６。2．1添加最新資訊內容：添加最新資訊標題，如果有圖片的話,可以瀏覽上傳。內容可以選擇可視化編輯，也可以直接編輯代碼或文本格式，然后可以預覽.確認無誤點擊提交。需要修改則可以點擊重置。6。2.2管理全部最新資訊：點擊最新資訊列表，然后選擇需要修改的最新資訊最后的編輯，就可以進入編輯頁面?？梢孕薷臉祟}，圖片,內容.如果需要刪除只要點擊相應列的刪除即可。６.2.3修改密碼：點擊修改密碼,輸入舊密碼，輸入新密碼，確認新密碼，點擊提交即可