音樂網(wǎng)站系統(tǒng)的設(shè)計和實(shí)現(xiàn)

目錄TOC\o"1-5"\h\z\o"CurrentDocument"1緒論 2\o"CurrentDocument"1.1開發(fā)背景 2\o"CurrentDocument"1.2研究意義 2\o"CurrentDocument"實(shí)現(xiàn)目標(biāo) 2\o"CurrentDocument"2系統(tǒng)需求分析 2\o"CurrentDocument"系統(tǒng)調(diào)查 3\o"CurrentDocument"2.2新系統(tǒng)的邏輯方案 4\o"CurrentDocument"可行性論證 8\o"CurrentDocument"2.4開發(fā)技術(shù) 8\o"CurrentDocument"網(wǎng)站的總體結(jié)構(gòu)設(shè)計 11\o"CurrentDocument"3.1網(wǎng)站功能模塊結(jié)構(gòu)的設(shè)計 11\o"CurrentDocument"3.2數(shù)據(jù)庫設(shè)計 12\o"CurrentDocument"網(wǎng)頁設(shè)計 17\o"CurrentDocument"3.4頁面鏈接導(dǎo)航設(shè)計 17\o"CurrentDocument"音樂星空網(wǎng)的實(shí)現(xiàn) 18\o"CurrentDocument"建立ASP的運(yùn)行環(huán)境 19\o"CurrentDocument"主頁default.asp頁面的實(shí)現(xiàn) 19\o"CurrentDocument"后臺管理的實(shí)現(xiàn) 21\o"CurrentDocument"4.4用戶注冊頁面的設(shè)計 23\o"CurrentDocument"4.5用戶發(fā)貼頁面的設(shè)計 24\o"CurrentDocument"系統(tǒng)測試 24\o"CurrentDocument"5.1測試概述 24\o"CurrentDocument"總結(jié) 26參考文獻(xiàn) 27\o"CurrentDocument"致謝詞 28\o"CurrentDocument"獨(dú)撰聲明 29音樂網(wǎng)站XXXXXX指導(dǎo)教師：YYY(2005級計算機(jī)科學(xué)與技術(shù))摘要：隨著計算機(jī)和計算機(jī)網(wǎng)絡(luò)的飛速發(fā)展，人們對計算機(jī)網(wǎng)絡(luò)的依賴是越來越大。尤其是電子商務(wù)大大的減少了人們對周圍環(huán)境的依賴，無論是哪里的網(wǎng)友，都可以瀏覽到世界各地的各類信息，非常地方便。本網(wǎng)站按照軟件工程開發(fā)思路，在系統(tǒng)分析中以數(shù)據(jù)字典和數(shù)據(jù)流程圖的形式確定了系統(tǒng)的基本框架，接著在此基礎(chǔ)上設(shè)計出網(wǎng)站模塊功能結(jié)構(gòu)圖，然后用E-R圖說明了系統(tǒng)的庫表結(jié)構(gòu)，最后論文從網(wǎng)頁上的風(fēng)格、色彩、鏈接、功能、算法等屬性分析了系統(tǒng)中典型的ASP網(wǎng)頁文件。本網(wǎng)站主要實(shí)現(xiàn)了對Web數(shù)據(jù)庫的數(shù)據(jù)錄入、修改、刪除，相關(guān)數(shù)據(jù)的分析統(tǒng)計等功能。關(guān)鍵詞：音樂網(wǎng)站ASPWeb數(shù)據(jù)庫MusicWebsiteLiHuaSupervisor:YYYY(2005ComputerScienceandTechnology)Abstract：Withcomputersandtherapiddevelopmentofcomputernetworks,peoplerelyoncomputernetworksisgrowing.E-commerceinparticular,itgreatlyreducesthedependenceonthesurroundingenvironment,nomatterwhereuserscanbrowsetoalltypesofinformationallovertheworld,veryconvenient.Thissitedevelopedinaccordancewiththeideaofsoftwareengineering,systemsanalysisinthedatadictionaryanddataflowdiagramformthebasicframeworkofthesystem,andthenonthebasisofthedesignofWebsitestructuremoduleandthenusetheERdiagramillustratesthedatabasesystemtablestructure,thefinalpaperfromthesamewebsitestyle,colors,links,functions,analysisofalgorithms,suchassystemattributestypicalASPpagedocument.ThemainachievementofthisWebsitedatabaseofWebdataentry,modify,delete,query,statisticaldataanalysisfunctions.KeyWords：MusicsiteASPWebDatabase緒論開發(fā)背景隨著計算機(jī)技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達(dá)的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。為了滿足音樂愛好者，明星崇拜者，各種專輯癡迷著的需求，一批以音樂為主題的網(wǎng)站也應(yīng)運(yùn)而生。而動態(tài)交互式網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個能夠在網(wǎng)上實(shí)現(xiàn)新聞的網(wǎng)上多用戶發(fā)布，多欄目管理，實(shí)時的進(jìn)行行為統(tǒng)計和記錄的網(wǎng)上交互系統(tǒng)。本站設(shè)計目標(biāo)就是設(shè)計一個以音樂新聞購物為一體的動態(tài)交互網(wǎng)站，用戶可以在瀏覽過程中，實(shí)現(xiàn)和本站信息的交互。研究意義隨著計算機(jī)技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達(dá)的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。而動態(tài)交互式網(wǎng)頁剛好提供了這些功能［1。］實(shí)現(xiàn)目標(biāo)針對音樂網(wǎng)站的實(shí)際情況，為了方便廣大聽眾，而設(shè)計一個以音樂新聞購物為一體的動態(tài)交互網(wǎng)站，用戶可以在瀏覽過程中，實(shí)現(xiàn)和本站信息的交互，應(yīng)能達(dá)到以下目標(biāo)：?瀏覽咨訊：瀏覽者可以隨時上網(wǎng)獲得一些相關(guān)音樂的最新咨訊。?視聽音樂：瀏覽者可以隨著上網(wǎng)試聽本站提供所有的音樂。查看郵購：瀏覽者可以隨時上網(wǎng)查看并郵購本站提供的音樂專輯。在線調(diào)查：瀏覽者可對本站的在線調(diào)查進(jìn)行投票和查看投票結(jié)果。瀏覽發(fā)貼:瀏覽者可上網(wǎng)查看瀏覽本站論壇，發(fā)貼和回貼，提供用戶注冊、登錄，注冊用戶登錄后可以隨時發(fā)貼和回帖。后臺管理：管理員可以后臺管理本站的新聞、歌曲、郵購、論壇、在線調(diào)查的數(shù)據(jù)，內(nèi)容可以是添加、修改、刪除等操作。系統(tǒng)需求分析需求分析是軟件生命周期的一個重要階段，它根本的任務(wù)是確定為了滿足用戶的需要必須做什么。具體地說，應(yīng)該確定系統(tǒng)必須具有的功能和性能，系統(tǒng)要求的運(yùn)行環(huán)境，并且預(yù)測系統(tǒng)發(fā)展的前景，必須仔細(xì)分析系統(tǒng)中的數(shù)據(jù)，既要分析系統(tǒng)中的數(shù)據(jù)流。又要分析長期使用的數(shù)據(jù)存儲，通過分析應(yīng)該得出新系統(tǒng)邏輯方案數(shù)據(jù)流程圖、數(shù)據(jù)字典等，為系統(tǒng)的設(shè)計奠定基礎(chǔ)［2］。系統(tǒng)調(diào)查按照軟件工程的開發(fā)思路，首先對本站功能需求做詳細(xì)的調(diào)研，然后在調(diào)研的基礎(chǔ)設(shè)計新系統(tǒng)的邏輯方案。再經(jīng)過可行性論證最后就可以開始設(shè)計和實(shí)施。本站需求調(diào)查隨著人們物資文化生活水平的不斷提高，人們對精神文化生活的要求也越來越高，這樣越來越多的歌曲，明星就走進(jìn)了平常人的生活，這些人們只能選擇周末或者節(jié)假日抽一些時間通過各種媒體來了解。但是由于各種媒體中比如電視新聞一般都有時效性，過去的新聞在電視中很難再看到，收音機(jī)或者廣播和電視類似，而一份報紙不可能的內(nèi)容畢竟有限，特別是報紙的類別性很強(qiáng)，比如體育類的報紙上很難找到歌曲和明星的影子，反過來也一樣。唯有新興的第四媒體的網(wǎng)絡(luò)可以吸取眾多媒體之所長，彌補(bǔ)眾多媒體之所短。于是人們正在以每年成百上千萬的人加入到網(wǎng)絡(luò)這個世界中來。為了滿足越來越多的喜歡歌曲和音樂的對網(wǎng)絡(luò)的需求。本人決定設(shè)計一個以歌曲，專輯郵購為主題的音樂網(wǎng)站。我為了設(shè)計好這個網(wǎng)站，利用一個多月的時間，專門對不同學(xué)歷，不同職業(yè)的愛好音樂的人進(jìn)行了調(diào)查。通過調(diào)查，90%以上的人顯示出超常的熱情，他們對該網(wǎng)站表示出極大的關(guān)注，綜合他們對網(wǎng)站的需求和建議后，整理出他們對本站建設(shè)的欄目需求如下［3］：?通過瀏覽本站可以及時獲得明星們最新相關(guān)咨訊。?通過瀏覽本站可以欣賞最新流行，好聽的歌曲。?通過瀏覽本站可以獲得本站提供的最新的明星最新專輯信息并可以通過本站郵購。功能需求分析通過上面的用戶調(diào)查，本站初步規(guī)劃已經(jīng)比較清晰，但是，用戶調(diào)查中用戶沒有提到開辦一個愛好者交流的平臺，沒有提到用戶對一些熱門問題的在線調(diào)查等欄目，在功能需求分析階段，我們綜合需求調(diào)查的結(jié)果和我們建站的經(jīng)驗(yàn)，所以，本站功能需求經(jīng)過以上分析最后整理如下［4］：?瀏覽者可以隨時上網(wǎng)獲得一些相關(guān)音樂的最新咨訊。?瀏覽者可以隨著上網(wǎng)試聽本站提供所有的音樂。瀏覽者可以隨時上網(wǎng)查看并且郵購本站提供的音樂專輯。瀏覽者可以隨時上網(wǎng)查看瀏覽本站推薦的明星和專輯介紹。瀏覽者可以隨時上網(wǎng)對本站的在線調(diào)查進(jìn)行投票和查看投票結(jié)果。瀏覽者可以隨時上網(wǎng)查看瀏覽本站論壇，發(fā)貼和回貼，可以提供用戶注冊，用戶登錄，登錄時并提供cookie有效期，方便經(jīng)常登錄用戶，注冊用戶登錄后可以隨時發(fā)貼和回帖。管理員可以后臺管理本站的新聞、歌曲、郵購、論壇、在線調(diào)查的數(shù)據(jù)。管理的內(nèi)容可以是添加、修改、刪除等操作。新系統(tǒng)的邏輯方案數(shù)據(jù)流程圖數(shù)據(jù)流程圖描繪系統(tǒng)的邏輯模型圖，其中沒有任何具體的物理元素，只是描繪信息在系統(tǒng)中流動和處理的情況。因?yàn)閿?shù)據(jù)流程圖是邏輯系統(tǒng)的圖形表示，即使不是專業(yè)的計算機(jī)技術(shù)人員也容易理解，所以是極好的通信工具。此外，設(shè)計數(shù)據(jù)流程圖只需考慮系統(tǒng)必須完成的基本邏輯功能，完全不需要考慮如何具體地實(shí)現(xiàn)這些功能，所以它也是軟件設(shè)計的很好的出發(fā)點(diǎn)。音樂星空網(wǎng)主要是對音樂愛好者提供一個及時獲得音樂的相關(guān)咨訊，欣賞音樂，提供專輯的郵購和提供在線調(diào)查和在論壇發(fā)布帖子的一個平臺［5］。數(shù)據(jù)流程圖如圖1所示。

外部實(shí)體處理數(shù)據(jù)流數(shù)據(jù)存儲圖1數(shù)據(jù)流程描述圖設(shè)計流程圖如圖2所示：圖2設(shè)計流程圖主要的數(shù)據(jù)源有最新資訊、歌曲相關(guān)信息、郵購物品相關(guān)信息、帖子相關(guān)信息、在線調(diào)查相關(guān)信息。它們在系統(tǒng)中流動和處理詳細(xì)見下面的數(shù)據(jù)流程圖，如圖2所示。從數(shù)據(jù)流程圖上容易看出該網(wǎng)站信息流程如下：瀏覽者登錄網(wǎng)站后可以瀏覽本站發(fā)布的相關(guān)咨訊信息、欣賞本站所有歌曲、查看本站提供的所有的郵購物品信息、提交本站的在線調(diào)查、瀏覽本站的所有的論壇帖子內(nèi)容。用戶注冊登錄后可以發(fā)布自己的主題，或者對已有的主題帖子進(jìn)行回復(fù)。管理員可以通過登錄后臺管理數(shù)據(jù)庫中的最新咨訊信息，歌曲信息，郵購物品信息，所有的論壇帖子信息。對本站的數(shù)據(jù)庫表進(jìn)行管理包括對所有表的記錄的添加、修改、刪除、瀏覽等。對頂層數(shù)據(jù)流程圖每個功能模塊進(jìn)一步分解，還可以將每個功能模塊進(jìn)一步細(xì)化，這樣就可以得到數(shù)據(jù)的第一層數(shù)據(jù)流程圖，以上面的后臺管理模塊為例，可以對后臺管理功能進(jìn)一步細(xì)化為信息的后臺瀏覽、信息的添加、信息的修改、信息的刪除等子功能。這樣就得到系統(tǒng)的第一層數(shù)據(jù)流程圖，以后臺管理為例下面給出后臺管理的第一層數(shù)據(jù)流程圖。管理員功能數(shù)據(jù)流程圖如圖3所示：圖3管理員功能數(shù)據(jù)流程圖數(shù)據(jù)詞典上文中的數(shù)據(jù)流程圖只能給出系統(tǒng)邏輯功能的一個總框架而缺乏詳細(xì)、具體的內(nèi)容。數(shù)據(jù)詞典的作用是給數(shù)據(jù)流程圖上的每一個成分以定義和說明。除此之外，數(shù)據(jù)詞典還要對系統(tǒng)分析中其它需要說明的問題進(jìn)行定義和說明。本文的數(shù)據(jù)詞典描述的主要內(nèi)容有：數(shù)據(jù)元素、數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)流、數(shù)據(jù)存儲、處理邏輯和外部項。在系統(tǒng)分析的過程中，產(chǎn)生了大量的數(shù)據(jù)詞典。限于篇幅，我采用僅就這幾項條目各舉一例來說明。下面為音樂網(wǎng)站流程圖中的每一部分編制數(shù)據(jù)字典。?數(shù)據(jù)元素：論壇中每個注冊用戶都有用戶帳號這個信息，其描述內(nèi)容如下：數(shù)據(jù)元素名稱：用戶帳號類型：字符型長度：20位相關(guān)的數(shù)據(jù)結(jié)構(gòu)：用戶帳號+密碼+電子郵箱+性別+qq+來自地方+發(fā)貼數(shù)量+注冊日期+最后一次登錄時間+個人主頁+頭像數(shù)據(jù)流：數(shù)據(jù)流“注冊信息”條目如下：數(shù)據(jù)流名稱：注冊信息說明：用戶注冊時提交的信息數(shù)據(jù)流來源：注冊用戶數(shù)據(jù)流去向：后臺數(shù)據(jù)庫數(shù)據(jù)流組成：用戶名+密碼+郵箱地址+……數(shù)據(jù)存儲：數(shù)據(jù)存儲“用戶信息”條目如下：數(shù)據(jù)存儲名稱：用戶信息簡述：存放的是每個用戶相關(guān)信息情況輸入數(shù)據(jù)：注冊的用戶信息數(shù)據(jù)存儲組成：用戶帳號+密碼+電子郵箱+性別+qq+來自地方+發(fā)貼數(shù)量+注冊日期+最后一次登錄時間+個人主頁+頭像存儲方式：按注冊的先后順序排列數(shù)據(jù)處理：數(shù)據(jù)處理“分頁跳轉(zhuǎn)”條目如下：數(shù)據(jù)處理名稱：分頁跳轉(zhuǎn)簡要描述：根據(jù)提交的跳轉(zhuǎn)的頁號轉(zhuǎn)向該頁。輸入數(shù)據(jù)流：頁號輸出數(shù)據(jù)流：分頁顯示中的該頁的所有記錄。處理邏輯：根據(jù)用戶輸入頁號在分頁顯示瀏覽頁面時跳轉(zhuǎn)到該頁。外部實(shí)體：外部實(shí)體“管理員”的條目如下：外部實(shí)體名稱：管理員輸入數(shù)據(jù)流：用戶名和密碼輸出數(shù)據(jù)流：獲得相應(yīng)的session變量的同時系統(tǒng)返回相應(yīng)的管理頁面的信息?？尚行哉撟C通過對該音樂網(wǎng)設(shè)計的邏輯方案的確定后，現(xiàn)對該音樂網(wǎng)開發(fā)和實(shí)施可行性進(jìn)行分析。技術(shù)上可行：目前，國內(nèi)有眾多的優(yōu)秀的空間出租商和域名代理商，他們可以提供完善的，穩(wěn)定的，優(yōu)質(zhì)的服務(wù)，所以該網(wǎng)站建成后，不需要擔(dān)心服務(wù)器的技術(shù)上的維護(hù)等，另外，軟件設(shè)計方面，ASP技術(shù)是一種目前比較成熟的動態(tài)網(wǎng)頁開發(fā)技術(shù)，技術(shù)上都比較成熟。因此在技術(shù)上是可行的。經(jīng)濟(jì)上可行：由于網(wǎng)站投入運(yùn)行是租用空間，不用自己投資購買服務(wù)器，硬件防火墻等，每年只需支付幾百元的空間和域名的費(fèi)用，開發(fā)經(jīng)費(fèi)沒有問題。管理上可行：由于本站設(shè)計的有強(qiáng)大的后臺管理功能，即使是不懂計算機(jī)的人，也可以輕松地對本站進(jìn)行管理。綜上所述，開發(fā)該音樂網(wǎng)站在技術(shù)上、經(jīng)濟(jì)上、管理上都是可行的。開發(fā)技術(shù)ASP及相關(guān)技術(shù)介紹近年來隨著Internet技術(shù)的飛速發(fā)展及用戶需求的不斷升級，Web頁面技術(shù)也不斷的推陳出新，使得Web站點(diǎn)的功能越來越強(qiáng)大，能夠提供的服務(wù)種類越來越繁多。從HTML、ClientScript到CGI,從JAVA的誕生到ActiveX,Web頁面設(shè)計人員不斷受到?jīng)_擊,微軟公司在總結(jié)了以往技術(shù)，重新思考Web頁面設(shè)計的真正需要后,推出了ActiveServerPages（ASP），一種用以取代CGI（CommonGatewayInterface，通用網(wǎng)關(guān)接口）的技術(shù)［6。］簡單講，ASP是位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式的動態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等等。更重要的是，ASP使用的ActiveX技術(shù)基于開放設(shè)計環(huán)境，用戶可以自己定義和制作組件加入其中，使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴(kuò)充能力，這是傳統(tǒng)的Web編寫工具所遠(yuǎn)遠(yuǎn)不及的地方。使用ASP還有個好處，就在于ASP可利用ADO（ActiveDataObject,微軟的一種新的數(shù)據(jù)訪問模型）方便快捷地訪問數(shù)據(jù)庫，從而使得開發(fā)基于WWW的應(yīng)用系統(tǒng)成為可能，這也是本文選擇ASP作為開發(fā)工具最重要的原因之一。IIS簡介Web服務(wù)器是Web應(yīng)用程序的心臟。IIS（InternetInformationServer）是微軟推出的WindowsNTOptionPack的主要成員，作為Win2000server的擴(kuò)展，自推出以來已經(jīng)有了很大發(fā)展，其體系結(jié)構(gòu)是當(dāng)今市場上最受關(guān)注的Web服務(wù)器之一。新推出的IIS6.0版本增強(qiáng)了系統(tǒng)安全性，具有服務(wù)器端腳本開發(fā)調(diào)試，內(nèi)容管理和站點(diǎn)分析，崩潰防護(hù)，內(nèi)置JAVA虛擬機(jī)及全面支持ASP等強(qiáng)大功能。IIS與ASP的結(jié)合在過去，客戶機(jī)/服務(wù)器結(jié)構(gòu)的設(shè)計與Web的相關(guān)技術(shù)幾乎處于平行線上，兩者相互獨(dú)立并無法作出集成性的設(shè)計?，F(xiàn)在我們利用IIS+ASP構(gòu)成三層式Web結(jié)構(gòu)的中間一層,將客戶機(jī)/服務(wù)器結(jié)構(gòu)與Web密切結(jié)合，完成前后端兩者的集成輸出功能，使得Web站點(diǎn)的開發(fā)更方便，實(shí)現(xiàn)的功能更強(qiáng)大。利用IIS+ASP技術(shù)來集成Web前后端所帶來的強(qiáng)大效益可歸結(jié)為以下幾個方面：利用IIS+ASP構(gòu)成三層式Web結(jié)構(gòu)的中間一層如圖4所示：?減少構(gòu)建和維護(hù)成本?加快聯(lián)機(jī)過程?應(yīng)用軟件集中在服務(wù)器端開發(fā)管理?前端可使用任何瀏覽器（IE、Netscape，:.）后端可存取任何數(shù)據(jù)庫（SQL、Access，..）可使用任何腳本語言開發(fā)（VBScript、JavaScript、PERL???..）開發(fā)工具基于Web的系統(tǒng)開發(fā)工具應(yīng)使開發(fā)者使用各種各樣的技術(shù)來創(chuàng)建動態(tài)的Web應(yīng)用程序，并且應(yīng)是一個可視化的工具。我們采用了DreamweaverMX進(jìn)行開發(fā)，它是用來快速創(chuàng)建數(shù)據(jù)驅(qū)動Web應(yīng)用程序的基于團(tuán)隊的開發(fā)環(huán)境，支持ASP，以O(shè)DBC連接數(shù)據(jù)庫，腳本語言為簡單易學(xué)的JavaScript或VBScript"]數(shù)據(jù)庫系統(tǒng)選擇本系統(tǒng)將采用MicrosoftAccess作為系統(tǒng)的DBMS支撐，MicrosoftAccess是能夠支持企業(yè)級關(guān)系型數(shù)據(jù)庫的管理系統(tǒng)，它能與Windows操作系統(tǒng)緊密集成，具有方便易用的圖形管理界面，其用戶界面風(fēng)格與Windows一樣非常友好。MicrosoftAccess在存儲大容量數(shù)據(jù)方面，在數(shù)據(jù)的安全性和完整性方面，在分布式處理等都是適合于企業(yè)級應(yīng)用的。而其相對Oracle，DB/2等大型數(shù)據(jù)庫來說，學(xué)習(xí)更為容易，應(yīng)用成本也相對較低。采用MicrosoftAccess+ASP.Net開發(fā)本系統(tǒng)是一個較為理想的組合。運(yùn)行需求需WIN2000以上操作系統(tǒng)，ASP開發(fā)環(huán)境，MicrosoftAccess中文版數(shù)據(jù)庫管理系統(tǒng)，OFFICE2003應(yīng)用軟件。在WindowsXP上運(yùn)行Asp的環(huán)境也是IIS。如果安裝的是WindowsXPServer,IIS5.0將作為一個默認(rèn)選項被安裝。如果使用的是WindowsXP中文專業(yè)版，則需要使用控制面板“添加/刪除程序”來安裝IIS及其組件。網(wǎng)站的總體結(jié)構(gòu)設(shè)計網(wǎng)站功能模塊結(jié)構(gòu)的設(shè)計數(shù)據(jù)流程圖能夠很好的反映系統(tǒng)和模塊的邏輯功能，但不涉及具體模塊的物理構(gòu)成和實(shí)現(xiàn)途徑，不能有效地體現(xiàn)整個系統(tǒng)的層次關(guān)系。從系統(tǒng)的整體出發(fā)，明確系統(tǒng)的層次之間的關(guān)系和模塊之間的關(guān)系。按照結(jié)構(gòu)化的系統(tǒng)設(shè)計方案，由系統(tǒng)頂層數(shù)據(jù)流圖得到第一層流程圖［8。］音樂星空網(wǎng)第一層圖如圖5所示：圖5音樂星空網(wǎng)第一層圖在第一層的基礎(chǔ)上，根據(jù)第一層數(shù)據(jù)流圖，對系統(tǒng)進(jìn)行進(jìn)一步的功能分解，得到第二層，以后臺管理為例。音樂星空網(wǎng)第二層圖如圖6所示：圖6音樂星空網(wǎng)第二層圖在第二層圖的基礎(chǔ)上還可以繼續(xù)對系統(tǒng)功能進(jìn)行分解，從而得到第三層圖。以信息刪除子模塊為例，還可以繼續(xù)分解為最新咨訊信息的刪除，歌曲信息刪除，購物信息刪除，論壇帖子信息刪除等之模塊。第三層就不再畫出。數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計新系統(tǒng)邏輯方案中的數(shù)據(jù)流程圖和數(shù)據(jù)字典對新系統(tǒng)描述已經(jīng)很清晰，經(jīng)過前面可行性論證后，下面就可以在此基礎(chǔ)上進(jìn)行系統(tǒng)的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計。根據(jù)前面的數(shù)據(jù)字典的描述，新系統(tǒng)的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)如下［9］：?咨訊信息：信息編號、主題、內(nèi)容、日期、點(diǎn)擊次數(shù)、價格。歌曲信息：歌曲編號、歌曲名稱、演唱者、存放地址、時間、點(diǎn)擊次數(shù)。郵購信息：郵購編號、專輯名稱、專輯人、內(nèi)容、市場價格、郵購價格、推出時間、點(diǎn)擊次數(shù)［10］。留言信息：留言主題、內(nèi)容、留言時間、回帖編號、發(fā)言人、發(fā)言心情圖片、閱讀次數(shù)、IP地址、QTT圖片。論壇用戶表：用戶名、密碼、電子郵件、性別、QQ、來自地區(qū)、發(fā)貼數(shù)量、注冊時間、最后一次登錄時間、主頁地址、頭像。實(shí)體和實(shí)體之間的關(guān)系的E-R圖7所示：圖7音樂星空網(wǎng)E-R圖數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計根據(jù)分析階段得出的實(shí)體聯(lián)系圖如圖7所示，結(jié)合本網(wǎng)站系統(tǒng)對有關(guān)數(shù)據(jù)的存儲的需要，更加方便實(shí)現(xiàn)該動態(tài)網(wǎng)頁系統(tǒng)的所有功能，現(xiàn)將本網(wǎng)站設(shè)計成7個數(shù)據(jù)庫表，下面逐一說明［11：］表user_table:論壇注冊用戶信息表，該表用來存放個人資料信息。表news：最新咨訊信息表，用來存放音樂明星最新咨訊。?表kq：歌曲表，用來存放本站提供的所有的音樂相關(guān)信息。?表ly：留言表，用來存放本站注冊用戶所有的帖子信息。?表yougou:郵購表，用來存放本站所有音樂專輯郵購信息。表research:在線調(diào)查表，用來存放本站在線調(diào)查的投票結(jié)果。表admin：管理員表，用來存放本站后臺管理的登錄信息。以上是本系統(tǒng)的庫表結(jié)構(gòu)的簡要說明。對這些表的詳細(xì)結(jié)構(gòu)如下，表1至表7所示：

表1usertable（論壇用戶信息表）字段名字段類型字段長度說明Id自動編號長整型編號Username文本型50注冊姓名Passwd文本型50登錄密碼Email文本型50電子郵箱Sex文本型8性別Qq文本型50Qq號Come_from文本型50來自地方Fb_num文本型50發(fā)布帖子數(shù)量Register_date文本型50注冊時間Lastlogindate文本型50最后登錄時間url文本型50主頁地址Face文本型50頭像表2news（所有咨訊信息表）字段名字段類型字段寬度說明Id自動編號長整型編號Title文本型50咨訊主題Text文本型50內(nèi)容Idate日期型50發(fā)布時間Click數(shù)字型8點(diǎn)擊次數(shù)表3kq（歌曲信息表）字段名字段類型字段寬度說明Id自動編號長整型編號Kqmc文本型50收方姓名Ycz文本型50發(fā)信類別Address文本型50發(fā)方姓名Time文本型50標(biāo)題Click文本型50信件內(nèi)容表4yougou（專輯郵購表）字段名字段類型字段寬度說明Id自動編號長整型編號Zjmc文本型50專輯名稱Name文本型50姓名Leirong文本型50內(nèi)容Price1文本型50市場價格Price2文本型50郵購價格Time日期型50發(fā)布時間Click數(shù)字型50點(diǎn)擊次數(shù)

表5ly（論壇留言表）字段名類型寬度說明Title文本50主題Nei備注備注內(nèi)容T時間8發(fā)貼時間Rt文本1主題類別Name文本50發(fā)布（跟貼）人Pic文本50帖子圖案Yd數(shù)字5閱讀次數(shù)Ip文本50Ip地址Qtt文本50Q貼圖表6reseach（欄目調(diào)查表）字段名字段類型字段寬度說明Id自動編號長整型編號Selecta數(shù)值型長整型A的票數(shù)Selectb數(shù)值型長整型B的票數(shù)Selectc數(shù)值型長整型C的票數(shù)Selectd數(shù)值型長整型D的票數(shù)Selecte數(shù)值型長整型E的票數(shù)Selectf數(shù)值型長整型F的票數(shù)Selectg數(shù)值型長整型G的票數(shù)Selecth數(shù)值型長整型H的票數(shù)Selecti數(shù)值型長整型I的票數(shù)表7admin（管理員帳號表）字段名字段類型字段寬度說明Id自動編號長整型編號Admin文本型50帳號Pwd文本型50密碼網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計構(gòu)思是網(wǎng)頁制作的指南針，針對網(wǎng)頁的主題、命名、標(biāo)志、色彩搭配和字體等要素，確定這些要素后，需要網(wǎng)頁布局，網(wǎng)頁布局要遵循對稱平衡、異常平衡、對比、凝視和空白等原則，下面主要針對該系統(tǒng)中網(wǎng)頁色彩和布局進(jìn)行一些設(shè)計說明：網(wǎng)頁給人的第一印象來自視覺，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步，不同色彩搭配會產(chǎn)生不同效果。并可能影響訪問者的情緒。一般來說適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色的藍(lán)色、黃色和黑/灰/白色3大系。一個網(wǎng)站的標(biāo)準(zhǔn)色彩不宜超過3種，太多會讓人眼花繚亂。標(biāo)準(zhǔn)色彩多用于站標(biāo)、網(wǎng)站的標(biāo)題、主菜單和主色塊。給人以整體統(tǒng)一的感覺，其它色彩也可使用，但只能作為點(diǎn)綴和襯托，絕不可喧賓奪主［12］?；谝灾骼碚?，結(jié)合用人調(diào)查結(jié)果，本網(wǎng)站確定藍(lán)色作為標(biāo)準(zhǔn)色彩，其它色彩如紅色、灰色等作點(diǎn)綴。頁面鏈接導(dǎo)航設(shè)計為了讓用戶通過該網(wǎng)方便瀏覽，查詢各種信息，應(yīng)把在一個頁面上無法全部實(shí)現(xiàn)的信息鏈接到它的下一級甚至下下一個級頁面。這樣做層次清楚，條理分明，便于用戶使用［13］。下面給出本網(wǎng)站主要頁面的鏈接設(shè)計，各主要網(wǎng)頁間關(guān)系如下。

音樂星空網(wǎng)各網(wǎng)頁關(guān)系圖如圖8所示：一級網(wǎng)頁二級網(wǎng)頁［［熱點(diǎn)新聞1，熱點(diǎn)新聞2［歌曲1,歌曲2……］［郵購信息1，郵購信息2-［明星1,明星2……］圖8音樂星空網(wǎng)各網(wǎng)頁關(guān)系圖這里主頁和最新咨訊、歌曲試聽、專輯郵購、推薦明星,論壇等是網(wǎng)狀鏈接。一級網(wǎng)頁和二級網(wǎng)頁間是樹狀鏈接,二級網(wǎng)頁一般新開窗口,在二級網(wǎng)頁上提供上一頁、下一頁、最前頁、最后頁等導(dǎo)航按鈕,方便瀏覽查詢。音樂星空網(wǎng)的實(shí)現(xiàn)按結(jié)構(gòu)化的程序設(shè)計思想,在完成了系統(tǒng)分析、系統(tǒng)設(shè)計后,就可以進(jìn)行系統(tǒng)實(shí)現(xiàn)階段了,系統(tǒng)實(shí)現(xiàn)是每指把系統(tǒng)的物理模型轉(zhuǎn)換成實(shí)際運(yùn)行系統(tǒng)的全過程。其基本任務(wù)是［14：］■前期準(zhǔn)備■系統(tǒng)平臺的安裝與調(diào)試■程序的編制與調(diào)試■數(shù)據(jù)庫與文件的建立■信息系統(tǒng)調(diào)試■試運(yùn)行、驗(yàn)收與維護(hù)

建立ASP的運(yùn)行環(huán)境簽于目前流行的Windows操作平臺有Windows2000、WindowsNT4.0最新WindowsXP。由于本機(jī)是WindowsXP,下面針對這個操作平臺上建立Asp運(yùn)行環(huán)境的一些簡要介紹。在WindowsXP上運(yùn)行Asp的環(huán)境也是IIS。如果安裝的是WindowsXPServer,IIS5.0將作為一個默認(rèn)選項被安裝。如果使用的是WindowsXP中文專業(yè)版,則需要使用控制面板“添加/刪除程序”來安裝IIS及其組件。4.2主頁default.asp頁面的實(shí)現(xiàn)本站根據(jù)總體設(shè)計,設(shè)計的欄目有最新咨訊、歌曲試聽、專輯郵購、明星推薦、論壇等欄目,主頁應(yīng)該提供這些欄目的導(dǎo)航鏈接,同時,在主頁醒目的位置,分別設(shè)計這些欄目的部分內(nèi)容,便于瀏覽著對這些欄目有一個一目了然的大致了解。在網(wǎng)頁的最上面是本站的log圖片－音樂情緣。接著是本站的導(dǎo)航條,在導(dǎo)航條上分別提供各自的文字鏈接，在導(dǎo)航條的下面是本頁的主要內(nèi)容，版面設(shè)計為典型的n,最左邊的版面設(shè)計的分別是論壇的登錄入口,本站提供的在線調(diào)查,另外放置幾張音樂專輯的圖片。右邊設(shè)計的是最新咨訊，專輯郵購，歌曲試聽，推薦明星等欄目，在每個欄目中顯示本欄目中最新的幾條信息。首頁如圖9所示：?13A1C；±2 屮肛耳牡H宵半氏—■:：rJhnwiTyTruar Hm1■■iaAHEkmti:=a"?13A1C；±2 屮肛耳牡H宵半氏—■:：rJhnwiTyTruar Hm1■■iaAHEkmti:=a"iA=■-H■e岳在unq-l曰R””峯馬體llukl::塵片LBSMIim.hHAJ|3■皿衛(wèi)lgLI3Ul——wa-ra-GPmIE|*l*ruhwi-圖9首頁Inxrwx4.2.1包含文件dbconn.inc的實(shí)現(xiàn)和調(diào)用為了顯示最新咨訊，首先首頁需要同數(shù)據(jù)庫建立連接。由于每個頁面都可能用到和數(shù)據(jù)庫連接的語句，所以，同數(shù)據(jù)庫的連接語句可單獨(dú)建立一個文件dbconn.inc，該文件放在inc目錄下，該文件的語句如下：<%Setconn=Server.CreateObject("ADODB.Connection")conn.Open"Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&Server.MapPath("yingye.mdb")%>該語句的作用是首先利用asp的ado對象建立一個連接變量，接著利用這個連接變量選擇access驅(qū)動程序來打開yingye.mdb數(shù)據(jù)庫。首頁中包含：<!--#includefile="inc/dbconn.inc"-->包含文件news.asp的實(shí)現(xiàn)和調(diào)用在首頁中當(dāng)調(diào)用了該包含文件后，就連接并打開了數(shù)據(jù)庫，接著在首頁設(shè)計的最新咨訊欄目的位置，建立一個記錄集，然后利用循環(huán)語句顯示最新咨訊表中的最新記錄。實(shí)現(xiàn)這一過程的語句設(shè)計成一個包含文件 news.asp，調(diào)用的語句是：v!--#includefile="news.asp"-->下面介紹實(shí)現(xiàn)news.asp的算法。實(shí)現(xiàn)news.asp的算法示意圖如圖10所示：在線調(diào)查research.asp的實(shí)現(xiàn)和調(diào)用在首頁中提供了一個在線調(diào)查欄目，在首頁中相應(yīng)版面設(shè)計的效果如圖11所示：該欄目的最下面有二個按鈕，一個是投票按鈕，一個是查看投票結(jié)果的按鈕，投票按鈕是的type屬性是submit，當(dāng)瀏覽著點(diǎn)擊該按鈕時將表單內(nèi)的信息提交到research.asp頁面。結(jié)果按鈕的onclick屬性是打開research.asp頁面,不過附帶有一個參數(shù)stype=view，在research.asp頁面執(zhí)行的過程中，首先需要判斷參數(shù)是否為空，當(dāng)參數(shù)為空表示投票，參數(shù)不為空表示查看投票。在為空時，即投票過程中，系統(tǒng)首先判斷請求的遠(yuǎn)程IP地址和cookie(IP)地址是否相等，如果相等，表示該地址剛剛有人投票，不能重復(fù)投票，如果不相等，則對相應(yīng)選項的投票結(jié)果加1,同時建立一個cookie(IP)變量。最后顯示最新的投票結(jié)果。

惠門投呆圖10實(shí)現(xiàn)news.asp的算法示意圖惠門投呆你認(rèn)九中國哪牛城市的人昂喜歡現(xiàn)代音敘■廣上常廣B.北京廣匚探圳「n武沒廣E.杭州廣F.重慶廠U按濁廣】1廣州廣T.耳它城帀一|爨圖11在線調(diào)查欄目后臺管理的實(shí)現(xiàn)管理員登陸界面如圖12所示：圖12管理員登陸界面4.3.1后臺管理登錄login.asp的實(shí)現(xiàn)該頁面實(shí)現(xiàn)用戶輸入用戶名和密碼后，程序?qū)⒆詣舆M(jìn)行校驗(yàn)，合法用戶進(jìn)入管理頁面，不合法的用戶將被警告不能進(jìn)入。首先，系統(tǒng)根據(jù)表單提交的變量admin和passwd，通過函數(shù)request獲得提交的變量admin和passwd,如果提交的admin變量為空，程序結(jié)束，如果不非空，則建立記錄集和查詢變量，在查詢變量中，定義從admin表中查詢用戶名等于admin密碼等于passwd的記錄，如果記錄集為空表明沒有符合條件的記錄，表明是錯誤的用戶名或者密碼，系統(tǒng)給出警告，如果記錄集非空，表明存在符合條件的記錄，那么系統(tǒng)定義一個session變量，該session變量用來追蹤合法用戶，最后導(dǎo)向管理首頁mnews.asp。4.3.2后臺管理首頁mnews.asp的實(shí)現(xiàn)在后臺可以管理最新咨訊，歌曲，郵購，論壇帖子等，管理的界面如下。后臺管理頁面如圖13所示：所聞皆理共有［:潤旦下是［if區(qū)言理狀曲BwxID標(biāo)電xfliasu-腸-B電M湮逮否U百花目本親志上干QH的湮逵[OT512L?L93122][昭]63SX堅決晉訕肯氏目豐東志上〒燈的忑親…[2CO512L2L9.31JG)[WJ62血堅訣百訕有關(guān)日豐條吉上干！也啲壺繁???[3H512L￡L9:3J11][IWJ6]m眩:找鈕?有進(jìn)日本雜吉上千jJiB扳淳[￡□□5IEL2LT:3Q35]LUi^]60EJ皿丈舌U百；:日寓聚生上干；2潮尹電[an512LZ囚.30Z01[Ui^i遲岀宜錄59瓦|湮逮晉U百關(guān)目本蛍志上干QH的湮蚩[OT512L2L933Z21[昭]58旳盒堅決否訕有關(guān)日本殺志上干1丘啲恵衰???[2EO512L￡L9.?.]q：J［H降〕審旳百瓷決百認(rèn)有關(guān)日本雜韋上干LS滋SE3?[2005IZL2L9:33:D3]UU^J［雨衛(wèi)瞬F團(tuán)I冊畤］圖13后臺管理頁面以最新咨訊管理為例，來介紹系統(tǒng)是如何實(shí)現(xiàn)后臺管理：在該頁右邊顯示出的是所有咨訊列表，每頁顯示10條記錄，超過的分頁顯示。在

每行記錄的后面有一個刪除標(biāo)記，點(diǎn)擊刪除可以刪除該記錄，實(shí)現(xiàn)的原理是這里的刪除鏈接提交時附加了一個刪除參數(shù)del=v%=rs（"id"）%>">,在運(yùn)行mnews.asp時首先判斷該參數(shù)del是否為空，如果不為空則利用sql語句刪除id號等于提交參數(shù)的記錄。4.3.3后臺添加咨訊addnews.asp的實(shí)現(xiàn)通過點(diǎn)擊mnews.asp的頁面最下面的添加文字鏈接可以打開該頁面，該頁面提供管理員輸入咨訊題目和內(nèi)容的輸入框，輸入完畢后點(diǎn)擊添加即可完成新聞咨訊的添加。圖14添加資訊頁面用戶注冊頁面的設(shè)計實(shí)現(xiàn)用戶注冊功能的主要有register.asp，VREG2.js和tjyh.asp三個頁面。提交頁面設(shè)計的布局如圖15所示：0涵曲性別立吳.主可桶址用戶4孑頤件-■3網(wǎng)搽疋消憔|0涵曲性別立吳.主可桶址用戶4孑頤件-■3網(wǎng)搽疋消憔|iTti-l+InttriSE)聞吉首U： Effi：用尸汨ft：用戶甘果 <TBODV>>〔名字電制】■于子符□內(nèi)）心議A■怙苻以上JC點(diǎn)擊可IS擇空:30圖15提交頁布局示意圖該頁面有5個布局表格組成。提交的信息包括：用戶名、密碼、性別、電子郵件地址等。提交的信息傳遞到tjyh.asp頁面。提交時檢查用戶名、密碼、郵件地址是否填寫。這三個是必須提交的信息。完成新用戶的注冊是由tjyh.asp頁面完成的。用戶發(fā)貼頁面的設(shè)計用戶發(fā)貼分為發(fā)主貼和回復(fù)貼。用戶發(fā)貼需要具有合法身份的用戶。完成發(fā)貼的文件有：post.asp,Vregl.js,tjyh.asp。這里實(shí)現(xiàn)發(fā)貼的實(shí)現(xiàn)原理和前面實(shí)現(xiàn)用戶注冊類似，所以這里不再詳細(xì)說明。用戶發(fā)帖界面如圖16所示：溜jWj留言首頁：精華：排行:管理：用戶注冊：用戶登錄溜jWjI發(fā)言標(biāo)題：選擇表情：<<■EO?000發(fā)言標(biāo)題：選擇表情：<<■EO?000O?OQ帖圖：網(wǎng)站首頁I網(wǎng)站簡介I聯(lián)丟我們I關(guān)于我們I友情捱接頁面執(zhí)行匝間：oms圖16用戶發(fā)帖界面系統(tǒng)測試測試概述當(dāng)系統(tǒng)的設(shè)計完成后,我們對整個系統(tǒng)進(jìn)行了嚴(yán)格的測試。在測試的過程中發(fā)行了許多編程中的疏漏,在老師的指導(dǎo)下,在同學(xué)們的合作下,在自己的努力下這些疏漏和問題都已經(jīng)解決。當(dāng)然由于自己是首次完成這樣的一個綜合系統(tǒng)的開發(fā),受自己的能力,水平的限制,對自己完成的系統(tǒng)還是有很多地方不盡人滿意。這些不滿意的地方同時也是自己以后的努力方