復(fù)合式網(wǎng)頁界面設(shè)計 目錄一、相關(guān)概念及理論 一、相關(guān)概念及理論（一）WEB界面概述根據(jù)用戶的需求,可以把網(wǎng)頁界面的體驗分為三個層面感官層面、行為層面和反思層面。其中,感官層面是指用戶通過視、聽等感官刺激實現(xiàn)對網(wǎng)頁界面的認知。這時,用戶通過視、聽、觸、嗅等感官刺激能夠體驗到網(wǎng)站界面的主題、性質(zhì)、風格、色調(diào)、肌理、形狀、裝飾、級別等信息,顧客接觸到界面設(shè)計的印象是直觀的。這種主要由美學因素決定的界面印象,起到引起用戶注意的作用。可見視覺設(shè)計是非常重要的影響因素。在新形勢下,網(wǎng)頁界面的視覺元素設(shè)計不能一成不變,僅貫穿第一層面滿足美觀需求,還要求對另外個層面也起到促進作用。二是用戶在使用網(wǎng)頁,即操作時產(chǎn)生的印象,即行為層面,是指頁面通過布局、板塊邏輯設(shè)計等在功能上的實現(xiàn)程度。網(wǎng)站的界面設(shè)計不光要使用戶感覺好看,重要是用起來好用,不僅使用順利而且在用戶掌控之中。例如流暢的觸摸屏操控總是使人倍感愜意。三是頁面在使用后期用戶的評價回顧,即反思層面。這個層面與用戶感受有關(guān),是用戶對自我行為產(chǎn)生的思考。這最能體現(xiàn)成熟設(shè)計與不合格設(shè)計的區(qū)別。優(yōu)秀的界面設(shè)計會使用戶在使用過程中感到舒適、和諧,使用起來有自豪感甚至“忘適”。網(wǎng)站按照功能分類,可以分為信息類網(wǎng)站、購物類、視頻類、下載類、綜合類等。按照網(wǎng)站構(gòu)建的異同特點可以分為大信息量、中等信息量和小信息量的個性化網(wǎng)站。（二）DreamweaverMX簡介MacromediaDreamweaverMX是創(chuàng)建專業(yè)網(wǎng)站的最佳途徑,同時也是構(gòu)建強大Internet應(yīng)用程序的最簡便的途徑。它是Macromedia公司推出的網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和動畫圖像處理等方面的綜合性工具，它具有強大的功能和友好的工作界面，已經(jīng)被越來越多的網(wǎng)頁設(shè)計者和網(wǎng)站開發(fā)人員所接受。隨著該軟件應(yīng)用范圍的擴大，其版本得到快速地更新，功能也不斷增強。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、跨瀏覽器和支持多平臺的特性。支持多種標準服務(wù)器終端交互技術(shù)，利用該軟件可開發(fā)功能強大、高效的動態(tài)交互式網(wǎng)站。Dreamweaver具有以下特點：（1）最佳的制作效率（2）無可比擬的控制能力（3）所供即所得（4）夢幻樣板和XML（5）全方位的呈現(xiàn)（三）復(fù)合式網(wǎng)站設(shè)計的必要性經(jīng)觀察研究和思考上百個網(wǎng)站的模塊架構(gòu)及盈利方式,可以得出如下結(jié)論綜合類型的網(wǎng)站需綜合其他類型模塊,開辟新的商業(yè)模式,以不斷滿足用戶的需要,而網(wǎng)絡(luò)本身信息量大,信息源廣泛,內(nèi)容形式豐富,增長速度迅速網(wǎng)站與網(wǎng)站間,鏈接猶如各種吊橋,在原有的復(fù)雜結(jié)構(gòu)中構(gòu)筑新的聯(lián)系,以供用戶在不同網(wǎng)站間跳躍,其動態(tài)性強,也加大了網(wǎng)站結(jié)構(gòu)的復(fù)雜性隨著技術(shù)近來不斷迅猛發(fā)展,用戶和網(wǎng)站互動、交互行為增多,用戶也更易迷失在浩瀚的信息海洋中。網(wǎng)站呈現(xiàn)綜合型趨勢的今天,信息架構(gòu)的難度隨之增加,以前單一的網(wǎng)站模式更加復(fù)雜,更加大了網(wǎng)站的整體、搜索系統(tǒng)設(shè)計、導航系統(tǒng)設(shè)計的難度。在網(wǎng)站復(fù)雜性增加的今天,信息架構(gòu)的要求和水準也水漲船高。因此，本文設(shè)計以及開發(fā)復(fù)合式的網(wǎng)站是十分有必要的。（四）復(fù)合式網(wǎng)站的價值（1）新的盈利方式深入挖掘或開發(fā)了用戶需求,爭取和開發(fā)了新的用戶群,尋找到新的盈利方式。新生的綜合型網(wǎng)站基于對用戶需求的探索、市場分析,吸引和發(fā)展了一批用戶。全新的綜合網(wǎng)站因其明確定位、清晰商業(yè)模式引人注目。（2）提升用戶體驗使用戶完成任務(wù)更有效、有效率、更高滿意度。綜合型的網(wǎng)站,使用戶可以在同個網(wǎng)站上完成多任務(wù),這些任務(wù)可能原來需要登錄不同的網(wǎng)站,可能更有利于用戶的管理,它們在一定程度上節(jié)省了用戶完成任務(wù)的時間,提高了效率。（3）增加網(wǎng)站粘度對于已有網(wǎng)站來說,不斷提升的用戶體驗,新內(nèi)容的適度增加、融合,可使網(wǎng)站保持新鮮感,它們帶給用戶更多期待和驚喜。在長期使用中,增加網(wǎng)站的使用粘度。二、復(fù)合式網(wǎng)站設(shè)計簡介（一）網(wǎng)頁設(shè)計開發(fā)背景隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，使人類的信息資源實現(xiàn)了高度共享，并從根本上改變了人類進行信息交流的方式，展開了一場史無前例的信息革命。信息革命對社會的各行各業(yè)的促進和沖擊作用是巨大的，以計算機和網(wǎng)絡(luò)技術(shù)為主的信息技術(shù)，已在社會各個領(lǐng)域得到了廣泛應(yīng)用，并逐步改變著人們的生活、學習和工作方式，展示出良好的前景。Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。據(jù)估計，Internet上內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個好的Web站點對于一個機構(gòu)的發(fā)展十分重要。隨著網(wǎng)絡(luò)用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在Internet中的廣泛應(yīng)用，Web站點向用戶提供的服務(wù)將越來越豐富，越來越人性化。數(shù)據(jù)庫技術(shù)和網(wǎng)站的結(jié)合是當今Web技術(shù)的一個熱點。有了數(shù)據(jù)庫的支持，可以擴展網(wǎng)頁的功能，可以方便地設(shè)計出交互式頁面，可以構(gòu)造功能強大的后臺管理系統(tǒng)，可以為網(wǎng)站的更新、維護提供極大的方便。復(fù)合式網(wǎng)頁的設(shè)計以及制作方法隨著Internet的飛速變化也在不斷的更新和發(fā)展，設(shè)計以及制作的工具也越來越多，使用的語言也越來越多。在這個背景下復(fù)合式網(wǎng)站的制作也隨之興起，并日漸趨于成熟起來。基于這個背景，筆者在本次畢業(yè)設(shè)計中，主要基于復(fù)合式網(wǎng)頁的使用界面進行探討以及分析。（二）網(wǎng)頁設(shè)計開發(fā)的目的和意義網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為機關(guān)、學校、企事業(yè)單位，甚至尋常百姓家的信息交流的橋梁，為廣大用戶提供了一個資源共享和信息交流的平臺。開發(fā)該復(fù)合式網(wǎng)站，其目的有二：第一，使用先進的開發(fā)平臺和Web編程技術(shù)，創(chuàng)建一個功能完備的復(fù)合式網(wǎng)站系統(tǒng)。在開發(fā)設(shè)計的過程中，充分運用技術(shù)，體現(xiàn)其自身具有的優(yōu)點，真正把理論知識運用在實踐中。第二，開發(fā)本復(fù)合式網(wǎng)站，希望能夠給用戶提供一個便捷的網(wǎng)站使用平臺。該網(wǎng)站將為用戶提供豐富的信息，用戶可以購物、游戲以及進行影片分享。與此同時，網(wǎng)站管理員會及時更新網(wǎng)站信息，使得用戶能夠快速獲取最新的新聞。（三）網(wǎng)頁設(shè)計任務(wù)本文的任務(wù)是在.NET平臺下的Web編程技術(shù)的基礎(chǔ)上，充分運用ASP.NET技術(shù)設(shè)計一個動態(tài)的復(fù)合式網(wǎng)站系統(tǒng)，該網(wǎng)站要體現(xiàn).NET技術(shù)的優(yōu)越性。在設(shè)計的過程中，進一步學習和掌握ASP.NET的核心技術(shù)。這個復(fù)合式網(wǎng)站主要整合了購物網(wǎng)站、影片分享網(wǎng)站以及游戲網(wǎng)站三種為一體的復(fù)合式網(wǎng)站，通過這三種網(wǎng)站的使用對象以及使用群體的不同的，來將所有的網(wǎng)站使用者整合在本次課題設(shè)計中的復(fù)合式網(wǎng)站平臺內(nèi)，最終將這三大網(wǎng)站的優(yōu)勢集合為一體。（四）復(fù)合式網(wǎng)站設(shè)計的條件及開發(fā)環(huán)境該復(fù)合式網(wǎng)站設(shè)計需要的條件有：（1）具有一定的網(wǎng)絡(luò)條件。（2）系統(tǒng)設(shè)計的軟件和硬件設(shè)備：Dreamweaver軟件、VB.NET編程語言、FireworksMX、電腦等。（3）文獻數(shù)據(jù)庫，例如知網(wǎng)、萬方等下載論文需要的參考資料。開發(fā)環(huán)境：根據(jù)本人所掌握的技術(shù)及本系統(tǒng)的對硬件平臺的要求，本文選擇.NET作為系統(tǒng)的開發(fā)環(huán)境。Microsoft.NET開發(fā)環(huán)境主要包含兩部分內(nèi)容平臺分別是.NET應(yīng)用程序的運行平臺.NETFramework和.NET的開發(fā)環(huán)境VisualStudio.NET。VisualStudio是微軟公司推出的開發(fā)環(huán)境，可以用來創(chuàng)建Windows平臺下的應(yīng)用程序和網(wǎng)絡(luò)應(yīng)用程序，也可以用來創(chuàng)建網(wǎng)絡(luò)服務(wù)、智能設(shè)備應(yīng)用程序和Office插件。VisualStudio2005包含了一系列高效的、智能的開發(fā)工具，它結(jié)合了Microsoft以往編程語言(VB，C#語言)的優(yōu)勢，不論是為開發(fā)初學者，還是為經(jīng)驗豐富的企業(yè)開發(fā)團隊都提供了很多全新的、強大的功能。因此，本人選擇VisualStudio2005及C#編程語言作為開發(fā)工具。下面是復(fù)合式網(wǎng)站的開發(fā)及運行環(huán)境。（1）技術(shù)平臺：微軟的.NET框架。（2）信息服務(wù)器：InternetInformationService6.0。（3）開發(fā)語言：ASP.NET2.0技術(shù)框架，實現(xiàn)語言完全采用c#語言。（4）數(shù)據(jù)庫：SQLServer2005。（5）服務(wù)器操作系統(tǒng)：開發(fā)過程采用WindowsXPProfessional操作系統(tǒng)，系統(tǒng)實施后可采用的Windows2003Server或Windows2003Server服務(wù)器操作系統(tǒng)。平臺硬件標準配置如下表1所示：表1系統(tǒng)運行環(huán)境序號服務(wù)器及客戶端配置參數(shù)數(shù)量1綜合管理平臺服務(wù)器刀片式服務(wù)器，2CPU或雙核，4GB內(nèi)存，Windows2003Server操作系統(tǒng)。根據(jù)需要，可作雙機備份，也可作容災(zāi)備份基本數(shù)量1臺2客戶端主機CPU：IntelCore2雙核，DDR2內(nèi)存，容量2G，硬盤160G，獨立顯卡，預(yù)裝正版WindowsXPProfessionalSP3操作系統(tǒng)基本數(shù)量1臺(根據(jù)客戶端數(shù)量作調(diào)整)三、復(fù)合式網(wǎng)站需求分析需求分析是軟件生存周期中相當重要的一個階段，通過開發(fā)人員與用戶之間的廣泛交流，確定待開發(fā)軟件的功能、性能、數(shù)據(jù)、界面等要求。需求分析的好壞將直接影響到開發(fā)的軟件的成敗。（一）功能需求功能需求說明了系統(tǒng)的功能，即系統(tǒng)是如何記錄、計算、轉(zhuǎn)換和傳輸數(shù)據(jù)的。每個接口都有它自己的功能。通常，用戶界面是最重要的接口。（1）用戶基本需求=1\*GB3①購物=2\*GB3②游戲=3\*GB3③影片分享（2）用戶功能需求=1\*GB3①需要了解站點的總體概況=2\*GB3②需要提供豐富的信息供用戶瀏覽=3\*GB3③需要擁有一個用戶和用戶之間、用戶和管理人員之間的信息交流平臺=4\*GB3④需要發(fā)布公告和重要通知=5\*GB3⑤需要提供友情鏈接=6\*GB3⑥需要讓用戶知道如何聯(lián)系我們（二）數(shù)據(jù)需求數(shù)據(jù)需求是需求的重要組成部分，用于說明系統(tǒng)的輸入、輸出數(shù)據(jù)以及系統(tǒng)內(nèi)部存儲的數(shù)據(jù)。該復(fù)合式網(wǎng)站中，數(shù)據(jù)庫的內(nèi)容是系統(tǒng)的最重要部分，網(wǎng)站功能的實現(xiàn)主要用于數(shù)據(jù)維護和數(shù)據(jù)的各種顯示。其中數(shù)據(jù)模型則說明了系統(tǒng)所要存儲的數(shù)據(jù)以及數(shù)據(jù)之間的關(guān)系。下面給出該復(fù)合式網(wǎng)站的實體/關(guān)系模型。用戶名用戶用戶名用戶用戶角色電話性別電子信箱QQ號碼個人簡介注冊日期瀏覽次數(shù)影片分享次數(shù)密碼圖1用戶屬性圖m普通用戶m普通用戶瀏覽影片影片購物購物下載分享回復(fù)管理員編輯影片分享論壇版主刪除置頂購物欄目購物欄目物品編輯mnmnmmnnn1nnnn11nnn圖2復(fù)合式網(wǎng)站的E-R圖（三）質(zhì)量需求質(zhì)量需求說明了系統(tǒng)執(zhí)行功能的好壞程度。許多質(zhì)量需求不僅僅是軟件需求，而是對整個系統(tǒng)的需求。下面分別來進行說明。（1）界面風格需求①風格傾向名次：明亮、時尚、活潑②主色調(diào)傾向名次：橙黃色、紅色、淡紫色（2）可用性需求①網(wǎng)站界面友好，簡潔清晰，以便用戶能快速地掌握并使用②網(wǎng)站訪問速度要快，避免等待③網(wǎng)站應(yīng)使用通俗的語言，也就是一般用戶熟悉的詞匯、慣用語和概念，而不是術(shù)語④避免出現(xiàn)有歧義的詞匯，方便用戶的正確選擇（3）環(huán)境需求需要分享數(shù)據(jù)，上傳文件，因此網(wǎng)站應(yīng)遵循通用的網(wǎng)絡(luò)技術(shù)（4）可維護性需求網(wǎng)站應(yīng)具有延展性并且可維護（5）安全性需求用戶的信息能夠得到尊重，不能被隨意篡改；網(wǎng)站應(yīng)該是安全的盡量不受到黑客的攻擊。四、網(wǎng)站概要設(shè)計（一）網(wǎng)站結(jié)構(gòu)設(shè)計根據(jù)網(wǎng)站開發(fā)的目的以及上面獲得的需求分析，將網(wǎng)站的內(nèi)容劃分為以下幾個方面：（1）用戶登錄注冊模塊用戶通過注冊，可以成為網(wǎng)站的合法用戶，并享受網(wǎng)站提供的特別服務(wù)。（2）購物網(wǎng)站模塊在本復(fù)合式網(wǎng)站中，購物網(wǎng)站模塊是三大網(wǎng)站功能之一，其中購物網(wǎng)站模塊可以細分為商品模塊、用戶中心模塊、留言板模塊、商品查詢模塊以及幫助系統(tǒng)模塊。（3）游戲網(wǎng)站模塊在本復(fù)合式網(wǎng)站中，游戲網(wǎng)站模塊也是其中三大主要模塊之一，其中游戲網(wǎng)站模塊可以分為游戲登錄模塊、游戲主界面模塊以及游戲后臺模塊。（4）影片分享網(wǎng)站模塊在本復(fù)合式網(wǎng)站中，影片風向網(wǎng)站模塊也是其中三大主要模塊之一，其中影片分享網(wǎng)站模塊可以分為影片網(wǎng)站主界面、影片觀看界面模塊以及影片分享模塊。（5）后臺管理模塊后臺管理是為管理員提供了一個方便操作數(shù)據(jù)庫的平臺。管理員可以對用戶、新聞、影片文件以及網(wǎng)站信息進行管理。（二）網(wǎng)站布局設(shè)計網(wǎng)頁是網(wǎng)站構(gòu)成的基本元素，網(wǎng)頁的精彩與否，除了色彩的搭配、文字的變化、圖片的處理等這些不可忽略的因素外，還有一個非常重要的因素——網(wǎng)頁的布局。通常有三種網(wǎng)頁布局技術(shù)：層疊樣式表、表格、框架。該網(wǎng)站中頁面的板塊布局均采用表格進行定位，然后根據(jù)網(wǎng)站的內(nèi)容對其使用相應(yīng)的CSS樣式。（三）網(wǎng)站視覺設(shè)計1.網(wǎng)站風格設(shè)計網(wǎng)站風格是一個抽象的概念，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括網(wǎng)站的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、視覺效果等。風格是獨特的，是站點不同于其它網(wǎng)站的地方，通過網(wǎng)站的外表、內(nèi)容、文字以及交流，可以概括出一個站點的個性。根據(jù)需求分析中用戶對界面風格的需求，將網(wǎng)站的總體風格定義為生動活潑、熱情、具有時尚感。2.網(wǎng)站色彩設(shè)計色彩能夠在不知不覺中影響人的心理，左右人的情緒，因此一個站點根據(jù)自身的內(nèi)容以及性質(zhì)來對色彩進行定位顯得尤為重要。為了與設(shè)計的網(wǎng)站風格相協(xié)調(diào)，將網(wǎng)站的色彩定義如下：綠色：柔和，能使人精神平緩，給人一種平和的感覺淡黃色：亮度低，給人溫暖的感覺紅色：強有力、喜慶的色彩，能使人精神興奮淡紫色：給人寧靜的感覺黑色：大眾化顏色，不會產(chǎn)生視覺疲勞通過整合風格和色彩定位，將網(wǎng)站的視覺設(shè)計總結(jié)以下幾點：使用宋體黑色作為網(wǎng)站的主要字體網(wǎng)站中穿插綠色、紅色提示亮點網(wǎng)站標志、名稱、標語明亮活潑，色彩鮮艷使用盡量少的顏色五、網(wǎng)站詳細設(shè)計與實現(xiàn)（一）網(wǎng)站實現(xiàn)過程分析首先根據(jù)用戶需求確定各個模塊要實現(xiàn)的功能，然后根據(jù)功能分析設(shè)計出數(shù)據(jù)庫，包括各個數(shù)據(jù)表關(guān)系圖的詳細結(jié)構(gòu)。實現(xiàn)功能模塊時，采用先模塊化，后集成的方式。即對網(wǎng)站各個功能模塊分別獨立設(shè)計和調(diào)試，在創(chuàng)建網(wǎng)站主頁面時再將各個功能模塊通過主頁面的導航菜單系統(tǒng)集成到一起，最后進行整體設(shè)計調(diào)試。在訪問數(shù)據(jù)庫時，將數(shù)據(jù)庫連接字符存放在web.Config文件中，避免對數(shù)據(jù)庫的反復(fù)連接，并可減少代碼編寫，從而提高系統(tǒng)開發(fā)效率。用戶登錄注冊模塊以及購物網(wǎng)站模塊、游戲模塊和影片分享模塊中，涉及到的頁面比較多，在這里只對核心頁面的實現(xiàn)進行介紹。（二）用戶登錄注冊模塊該網(wǎng)站中，對于前面介紹的兩個模塊，所有用戶均可使用。也就是說未注冊用戶也可以享受其功能。但是對于分享以及留言板和影片上傳以及后臺管理來說，基于安全性考慮，必須是合法用戶才可使用。特別是后臺管理，其安全性更加重要，僅僅允許網(wǎng)站管理員使用。1.功能概述用戶登錄是影片分享以及影片上傳和后臺管理的入口，只有合法用戶才可進入。未注冊用戶可以先完成注冊再進入網(wǎng)站，實現(xiàn)瀏覽和分享影片視頻等功能。管理員用戶登錄后進入后臺管理頁面進行相應(yīng)的操作。2.數(shù)據(jù)庫設(shè)計基于不同角色的用戶擁有不同的權(quán)限，現(xiàn)設(shè)計表users來保存網(wǎng)站的所有用戶信息，包括管理員。其結(jié)構(gòu)如表4-1所示。表2users存放用戶信息字段名稱數(shù)據(jù)類型說明UserId文本用戶名（主鍵）RoleId文本用戶角色：A表示管理員N表示普通用戶UserPWD文本用戶密碼UserName文本用戶姓名Sex文本性別Tel文本電話Email文本電子信箱QQ文本QQ號碼Intro備注個人簡介SubmitDate日期/時間注冊時間Movie數(shù)字上傳影片數(shù)ReMovie數(shù)字分享影片數(shù)表5-1中，字段RoleId用來區(qū)分用戶的角色，不同角色可以實現(xiàn)不同的功能。另外，當用戶在論壇中每次發(fā)表和回復(fù)文章后，就會更新Movie和ReMovie字段，這樣就可以隨時獲取用戶的上傳影片視頻和分享影片視頻數(shù)目。3.具體實現(xiàn)（1）注冊表單register2.aspx用戶表users中設(shè)置了用戶名為主鍵，那么在用戶注冊的過程中不可避免會出現(xiàn)用戶名重復(fù)的情況，許多網(wǎng)站中，用戶在提交表單后被拒絕注冊時系統(tǒng)才提示用戶名重復(fù)的問題，這樣用戶輸入的大量信息將無效。為了避免這種情況，該網(wǎng)站中在用戶輸入了用戶名后可以及時對其進行檢驗，檢驗數(shù)據(jù)庫中是否存在該用戶名的用戶，存在與否，都會給用戶一個提示。由于難點在于正則驗證中正則表達式的語法，那么在這里列出所有使用了正則驗證的正則表達式。用戶名：^[a-zA-Z0-9_]{4,20}$——4-20位字母、數(shù)字和下劃線密碼：^[a-zA-Z0-9_]{4,30}$——4-30位字母、數(shù)字和下劃線真實姓名：^.{1,20}$——1位到20位任意字符電話：^([0-9]{3,4}-[0-9]{7,8})|([0-9]{11})$——如格式E-mail：^.{1,}@.{1,}\.[a-zA-Z]{2,3}$——如同abceef@163.com的格式QQ號碼：^[0-9]{5,15}$——5-15位數(shù)字該頁面負責生成了驗證碼圖片，那么在注冊表單中，利用普通的img標記顯示該圖片。當用戶提交表單后，將其輸入的驗證碼和Session中的驗證碼比較即可。（2）登錄表單登錄模塊使用了用戶控件，由于所占版面比較小，把它放在了網(wǎng)站的主頁中。用戶在登錄時系統(tǒng)會判斷其身份，如果是管理員，將進入后臺管理頁面；如果是普通用戶，在進入影片分享網(wǎng)站界面后，可以瀏覽影片、上傳影片、分享影片；如果是某個欄目的版主，除了瀏覽影片、上傳影片、分享影片外，還可以實現(xiàn)刪除影片和將影片置頂?shù)墓δ堋Ｓ脩舻卿浺院螅撁嫔巷@示歡迎用戶登錄字樣，并允許用戶修改個人基本信息和修改密碼。在修改個人信息和修改密碼頁面表單中同樣使用了驗證控件。（三）購物網(wǎng)站模塊1.功能概述網(wǎng)站是交流的重要工具，目前在門戶網(wǎng)站、游戲、教育、娛樂等網(wǎng)站中的作用都非常大。該購物網(wǎng)站模塊支持多個板塊，但只支持一級分類。普通消費者用戶可以瀏覽商品、購買商品；而對于購物網(wǎng)站的賣家來說，可以上傳商品，對商品的信息進行編輯，以及管理自己的店鋪等。2.數(shù)據(jù)庫設(shè)計根據(jù)上面介紹的功能，下面來進行數(shù)據(jù)庫的設(shè)計。由于該購物網(wǎng)站模塊支持多個板塊，因此首先設(shè)計一張欄目信息表forum，如同前面購物網(wǎng)站模塊中的產(chǎn)品類別表一樣。結(jié)構(gòu)如表5-2所示。表3forum存放論壇欄目字段名稱數(shù)據(jù)類型說明ForumId自動編號商品編號（主鍵）ForumName文本商品名稱ForumCount數(shù)字商品數(shù)目ForumManager文本賣家ForumPicture文本商品圖片表5-2中，字段ForumCount統(tǒng)計該欄目中的商品數(shù)目，其實在存放商品信息的表中也可以統(tǒng)計，但是經(jīng)常統(tǒng)計計算會花費大量的時間，該字段放在表5-5中，只要用戶上傳商品時更新一下該數(shù)目即可。下面來設(shè)計表商品，該表比較重要，用來存放所有商品章。其結(jié)構(gòu)如表5-3所示。表4商品欄目存放商品字段名稱數(shù)據(jù)類型說明BBSId自動編號商品編號（主鍵）ForumId數(shù)字商品編號Title文本商品標題Body備注商品內(nèi)容FatherId數(shù)字商品編號Childs數(shù)字購買商品次數(shù)Hits數(shù)字點擊次數(shù)UserId文本買家用戶名Email文本買家支付信息SubmitDate日期/時間上傳商品時間SetTop數(shù)字是否購買1是0否LastUserId文本最后更新時間3.具體實現(xiàn)購物網(wǎng)站模塊的實現(xiàn)采用了三層結(jié)構(gòu)，并且使用了業(yè)務(wù)對象。使用業(yè)務(wù)對象，可以把開發(fā)中經(jīng)常用的功能封裝起來，然后就可以在各個頁面像使用內(nèi)置類一樣方便地調(diào)用。下面對該設(shè)計用到了業(yè)務(wù)對象源文件作一個簡單的介紹。1)源文件Common.vbCommon.vb中定義了一個類ConvertString，用來轉(zhuǎn)換字符串。它的兩個共享方法HTMLEncode和URLEncode分別用于顯示HTML標記和UBB代碼。2)源文件DataUsers.vb在用戶登錄注冊模塊、論壇模塊以后后面將要介紹的后臺管理模塊，都要對用戶進行管理。源文件DataUsers.vb則主要用于用戶管理，其中定義了四個類。DataUsers類主要用于添加、刪除用戶等操作，它的屬性和方法如表4-4所示。表5DataUsers類的屬性和方法名稱類型說明Count屬性獲取注冊的用戶數(shù)目GetUser方法獲取所有用戶InsertUser方法添加用戶DeleteUser方法刪除用戶UpdateUserInfo方法更新用戶個人信息UpdatePWD方法更新用戶密碼IsExist方法查找指定用戶名是否存在IsPassed方法判斷用戶名和密碼是否正確Items方法返回一個DataUser對象DataUser類則主要用來返回一個用戶的各種信息和對該用戶進行操作，它的屬性和方法如表5-5所示。表6DataUser類的屬性和方法名稱類型說明UserId屬性獲取用戶名RoleId屬性獲取用戶角色DataUserLog類主要用來判斷用戶是否已經(jīng)登錄，是否具有相應(yīng)的權(quán)限。它有兩個共享方法IsNormal和IsAdmin，分別用來判斷登錄用戶是否是普通用戶和管理員。（3）購物網(wǎng)站詳細頁面particular.aspx在goodsslist.aspx頁面中，當選定商品標題時，就可以打開particular.aspx頁面，在其中利用Repeater控件顯示該標題對應(yīng)的商品內(nèi)容和相應(yīng)的商品詳情。并且在下方提供一個購買商品的表單。利用Repeater控件綁定數(shù)據(jù)時，每綁定一條記錄后，就會執(zhí)行MyRepeater_ItemDataBound過程。顯示發(fā)表該文章的用戶信息時，此處利用一個用戶控件，將用戶名UserId傳遞給該用戶控件，其中就會顯示用戶名、發(fā)表和回復(fù)數(shù)目、是否在線等信息。為了顯示HTML標記和UBB代碼，其中用到了ConvertString類的方法。顯示數(shù)據(jù)時，利用SetForm過程將商品編號GoodsId保存到一個隱藏的文本框中，用于添加商品時使用。此外，還自動設(shè)置了商品標題、商品詳情以及商品購買信息。六、網(wǎng)站測試與性能分析網(wǎng)站測試是保證網(wǎng)站質(zhì)量的主要手段，其主要方式是在設(shè)計測試用例的基礎(chǔ)上檢驗網(wǎng)站的各個組成部分是否符合網(wǎng)站需求。該網(wǎng)站主要包括五大功能模塊，在設(shè)計各個功能模塊的過程中，采用白盒測試的方法對各個模塊進行測試，以發(fā)現(xiàn)編碼和詳細設(shè)計過程中發(fā)現(xiàn)的錯誤。設(shè)計完所有模塊，對其進行集成測試，檢查模塊間的接口和通信，最后進行確認測試。其中集成測試和確認測試采用了黑盒測試。下面分別對網(wǎng)站的各個重要模塊設(shè)計測試用例，進行測試。測試過程以及測試結(jié)果用網(wǎng)站界面表示出來。首先給出網(wǎng)站的首頁，其中包括網(wǎng)站標志、名稱，網(wǎng)站導航，站點公告，站點日歷，新聞以及名站導航。測試十：在注冊表單中，輸入個人信息。“檢測用戶名”可以判斷用戶輸入的用戶名是否已經(jīng)存在。如果輸入用戶名test，測試結(jié)果顯示如圖6-1。圖3檢測用戶名用戶輸入用戶名123，則提示“只能輸入4-20位字母數(shù)字合下劃線”，如圖5-2。圖4用戶名錯誤用戶輸入確認密碼和密碼不一致，如圖5-3。圖5密碼錯誤當在注冊表單中輸入的所有信息都通過驗證后，點擊“確定”按鈕，則注冊成功。在注冊表單中輸入的用戶信息如下圖6-4所示。圖6注冊表單填寫完注冊表單，點擊“確定”按鈕，則提示注冊成功，如圖6-5所示。圖7注冊成功注冊完畢用戶，返回到登錄頁面，輸入以上注冊的用戶名和密碼，則進入網(wǎng)站。各大界面實現(xiàn)圖：圖8購物網(wǎng)站主界面（1）圖9購物網(wǎng)站主界面（2）圖10游戲網(wǎng)站主界面圖11影片分享網(wǎng)站主界面總結(jié)本設(shè)計實現(xiàn)了一個基于ASP.NET的復(fù)合式網(wǎng)站系統(tǒng)。