【正文】 信息系統(tǒng)中，也不?？吹阶远x控件使用的影子，可以看出自定義控件技術(shù)仍屬于起步階段【191。(2)系統(tǒng)的需求分析和設(shè)計(jì)方案對(duì)社區(qū)網(wǎng)站系統(tǒng)的總體需求和功能模塊需求進(jìn)行詳細(xì)的描述，并給出了系統(tǒng)的業(yè)務(wù)流程圖，指出以三層架構(gòu)為基礎(chǔ)，采用B／S模型構(gòu)建社區(qū)網(wǎng)站系統(tǒng)的設(shè)計(jì)方案，既可以滿足不同用戶的分布式訪問，又在最大程度地減少客戶端的維護(hù)工作量，同時(shí)也便于與外界進(jìn)行信息交流。然后對(duì)系統(tǒng)實(shí)現(xiàn)的其他關(guān)鍵技術(shù)包括用戶控件的設(shè)計(jì)、Ajax交互式網(wǎng)頁技術(shù)和DAAB數(shù)據(jù)庫訪問技術(shù)進(jìn)行闡述，對(duì)系統(tǒng)的配置問題加以說明，最后給出系統(tǒng)各個(gè)模塊的實(shí)現(xiàn)視圖，展示出社區(qū)網(wǎng)站界面的真實(shí)效果。第四章首先強(qiáng)調(diào)了系統(tǒng)開發(fā)的技術(shù)特色——自定義控件的設(shè)計(jì)。第2章系統(tǒng)需求分析與設(shè)計(jì)方案2．1系統(tǒng)總體需求說明2．1．1系統(tǒng)功能目標(biāo)搭建一個(gè)服務(wù)于游戲愛好者的社區(qū)網(wǎng)站平臺(tái)，有利于游戲愛好者相互探討游戲心得和體會(huì)，該平臺(tái)提供良好的數(shù)據(jù)、服務(wù)器和帶寬維護(hù)，而且進(jìn)行統(tǒng)一托管、維護(hù)和升級(jí)，功能上不斷地提升，讓用戶獲得更好的網(wǎng)絡(luò)社區(qū)體驗(yàn)。2．1．3動(dòng)因描述社區(qū)網(wǎng)站作為人們維持關(guān)系的一種交流載體，其主要功能就是以交流、互動(dòng)為主，其形式卻在不斷發(fā)展當(dāng)中。“用戶注冊(cè)”模塊用例圖如圖2．2所示。“最近來訪’’模塊顯示最近登錄該用戶首頁的其他用戶，顯示狀態(tài)為來訪者的頭像和昵稱，用戶可以點(diǎn)擊來訪者的頭像或昵稱進(jìn)入其個(gè)人主頁訪問該用戶?！昂糜涯K給用戶提供進(jìn)入“好友頁面的入口。在“最近來訪’’、“用戶的親密好友和“用戶的好友”模塊，用戶可以查看最近來訪的用戶和好友。全部完成之后，用戶可點(diǎn)擊“返回個(gè)人主頁按鈕返回“個(gè)人主頁頁面?！昂糜涯K用例圖如圖26所示。9武漢理1=大學(xué)碩士學(xué)位論文“群組模塊模塊用例圖如圖2．7所示。10武漢理工大學(xué)碩士學(xué)位論文2．3系統(tǒng)業(yè)務(wù)流程系統(tǒng)的業(yè)務(wù)流程圖如圖2．8所示。在各個(gè)子系統(tǒng)中按照?qǐng)D所示的流程，實(shí)現(xiàn)對(duì)系統(tǒng)的訪問操作。圖29三層架構(gòu)示意圖(1)表示層(Presentation Layer)：包括aspx頁面、用戶控制、服務(wù)器控制以及某些與安全相關(guān)的類和對(duì)象，用戶提供良好的訪問界面，接收用戶請(qǐng)求，并作前端簡單處理，提交給邏輯層【221。業(yè)務(wù)邏輯層在數(shù)據(jù)訪問層之上，也就是說BLL調(diào)用DAL的類和對(duì)象。使用三層架構(gòu)進(jìn)行快速軟件開發(fā)具有系統(tǒng)比較容易修改和遷移；可以重用業(yè)務(wù)邏輯組件；便于開發(fā)人員并行、獨(dú)立地開發(fā)當(dāng)獨(dú)層等許多的優(yōu)點(diǎn)。系統(tǒng)具體設(shè)計(jì)方案如圖2．11所示。另外SQL Server 2005還提供了一種新的集成環(huán)境——MicmSOR SQL Server Managerment Studio，集成了SQL Server老版本中的企業(yè)管理器、查詢分析器等功能，便于訪問、控制、配置、管理和開發(fā)SQL Server的所有組件【291。它是一種完全面向?qū)ο蟮母呒?jí)語言，結(jié)合了許多編程語言的優(yōu)點(diǎn)，比如繼承了c／C++語言的功能機(jī)制，傳承了Java語言的優(yōu)雅風(fēng)格，但卻丟棄了C++語言中的指針、宏、模板以及多重繼承機(jī)制，許多看起來比較復(fù)雜的功能，在C撐語法中只用僅僅調(diào)用一個(gè)類就可以實(shí)現(xiàn)，在很大程度上，可以提高程序員的編寫效率【331。圖3．1系統(tǒng)的三層結(jié)構(gòu)視圖所有的應(yīng)用都在lVlicrosotf．Net Framework框架的三層架構(gòu)的下進(jìn)行設(shè)計(jì)和處理。對(duì)于Web應(yīng)用程序，主要使17武漢理工大學(xué)碩士學(xué)位論文用ASP．NET組件。整個(gè)社區(qū)網(wǎng)站系統(tǒng)通過業(yè)務(wù)層中的大量組件、實(shí)體和界面來實(shí)現(xiàn)。3．2數(shù)據(jù)層的設(shè)計(jì)對(duì)于一個(gè)網(wǎng)站系統(tǒng)，數(shù)據(jù)的存儲(chǔ)很重要。圖3．2中展示的部分是為了實(shí)現(xiàn)整個(gè)網(wǎng)站系統(tǒng)的數(shù)據(jù)存儲(chǔ)，設(shè)計(jì)的2l張數(shù)據(jù)表。圖33 Pictures表圖片存儲(chǔ)的部分?jǐn)?shù)據(jù)如如圖3．4所示。網(wǎng)站系統(tǒng)中用戶登錄信息存儲(chǔ)表dbo．Userlnf如圖3．5所示。public static class M[D5{∥獲得經(jīng)MD5加密后的字符串／／param namc=”oldString”明文字符／pal39。ASP NET提供的很多狀態(tài)管理機(jī)制有效的解決了這個(gè)問題。例如可以把已經(jīng)登錄用戶的用戶名放在Sossion中，就能通過判斷Session中的某個(gè)Key值來判斷用戶是否登錄，并且可以看到已登錄用戶的相關(guān)信息。這樣不僅加大了程序?qū)崿F(xiàn)的復(fù)雜度，而且增加了頁面間讀取的數(shù)據(jù)量。該屬性用于存放用戶唯一標(biāo)識(shí)。／{get{return this．userld；)set{this．_userId=value；))產(chǎn)改代碼為C撐中的屬性描述，get{}是獲取該屬性的值，set是設(shè)置該屬性的值。private string_nickName；public string nickName{?8943 .)∥屬性nickName是用于存放用戶的昵稱，與nickId對(duì)應(yīng)private string_imageName；public string imageName{?8943 .)／／屬性_imageName是用于存放用戶形象或頭像的圖片名稱private string_lastVisitTime；public string lasWisitTime{?8943 .)／／屬性lastVistTime是用于存放用戶最近登錄網(wǎng)站系統(tǒng)訪問時(shí)間。當(dāng)用戶填寫完登錄信息登錄系統(tǒng)時(shí)，HTML頁面形成一個(gè)表單，將系統(tǒng)需要的數(shù)據(jù)傳送到后臺(tái)。并將返回值保存到Session中Response．Redirect(ResolveUrl(”～／frontpage／FrontPage．a(chǎn)spx”))；當(dāng)判斷用戶是正常登錄系統(tǒng)后，頁面跳轉(zhuǎn)到FrontPage．a(chǎn)spx首頁，在系統(tǒng)中的其它頁面上都可以直接從Session中讀取用戶信息，而不再傳統(tǒng)地先將用戶信息綁定到網(wǎng)站地址上，在頁面間傳送，既不安全也不便于程序員實(shí)現(xiàn)。DBHdper類的類視圖如圖3．8所示。3．4表示層的設(shè)計(jì)系統(tǒng)表示層的設(shè)計(jì)是依據(jù)需求對(duì)各功能模塊進(jìn)行詳細(xì)設(shè)計(jì)，主要是設(shè)計(jì)一系列的網(wǎng)頁界面，用于進(jìn)行用戶的登錄，完成數(shù)據(jù)的各種操作需求，將接受的信息數(shù)據(jù)傳遞給業(yè)務(wù)層。3．5本章小結(jié)本章設(shè)計(jì)了系統(tǒng)的總框架，根據(jù)系統(tǒng)框架中的三層體系結(jié)構(gòu)對(duì)系統(tǒng)進(jìn)行詳細(xì)的設(shè)計(jì)，包括數(shù)據(jù)層的設(shè)計(jì)、業(yè)務(wù)層的設(shè)計(jì)和表示層的設(shè)計(jì)，其中數(shù)據(jù)層的設(shè)計(jì)給出關(guān)鍵的數(shù)據(jù)表設(shè)計(jì)圖，業(yè)務(wù)層的設(shè)計(jì)給出比較重要的類設(shè)計(jì)視圖和類的設(shè)計(jì)源代碼，表示層的設(shè)計(jì)中總結(jié)了其設(shè)計(jì)方法是使用ASP．NET的Web窗體結(jié)合自定義控件和用戶控件來構(gòu)建。開發(fā)人員可以根據(jù)自己的需要自定義用戶界面功能、屬性、方法、事件等特征。要設(shè)計(jì)一個(gè)全新的自定義控件，只能使用Control類提供的最基本的功能。所以自定義控件具有比擴(kuò)展控件或復(fù)合控件更大的靈活性，更能夠滿足程序員和系統(tǒng)開發(fā)的需要。基于功能封裝的原則，設(shè)計(jì)一個(gè)自定義控件來實(shí)現(xiàn)圖片上傳的相關(guān)操作，來減少以上繁瑣的工作，以下簡稱此控件為圖片操作自定義控件。HTML控件Button是用來顯示“保存”、“刪除”按鈕的，這些控件本身并沒有PostBackO函數(shù)，不能向服務(wù)器返回任何信息，因此在實(shí)現(xiàn)圖片操作自定義控件的時(shí)候需要為“保存”、“刪除兩個(gè)控件的Onclick事件添加doPostBack0函數(shù)，使其在瀏覽器端實(shí)現(xiàn)對(duì)服務(wù)器端圖片數(shù)據(jù)的操作。add tagPrefix=”BC“nmnespace,=1BFmmework Web Controls”assembly”BFramework39。自定義客戶端控件在Windows窗體應(yīng)用程序中使用，而自定義服務(wù)器控件在Web窗體(ASP．NET頁)中使用。DW元素是用來為HTML文檔內(nèi)分塊的內(nèi)容提供結(jié)構(gòu)和背景的控件。第一個(gè)DIV標(biāo)簽用于固定控件的外型，可以設(shè)置其高度和寬度來控制自定義控件使用時(shí)需要的大小。在很多現(xiàn)有的中小型網(wǎng)站中，對(duì)于圖片上傳這一塊的設(shè)計(jì)都有這樣的缺陷，即在圖片上傳前無法預(yù)覽自己選擇上傳的圖片，在無法確認(rèn)自己選擇的圖片是否正確時(shí)用戶必須再一次從自己的圖片庫中選擇該圖片，給用戶造成了極大的不便。圖4．2 DIV的屬性設(shè)置代碼展示圖中的Controls對(duì)象表示UI層次結(jié)構(gòu)中指定服務(wù)器控件的子控件。用DIV顯示圖片的功能實(shí)現(xiàn)了，如何實(shí)現(xiàn)圖片上傳前的預(yù)覽呢?由于文件上傳控件選擇圖片的過程都是在瀏覽器端進(jìn)行的，并沒有數(shù)據(jù)傳輸?shù)椒?wù)器端，因此，為了實(shí)現(xiàn)上傳前預(yù)覽只能加／入Javastript代碼來實(shí)現(xiàn)選擇圖片的顯示功能。將“保存按鈕添加到圖片操作自定義控件的具體實(shí)現(xiàn)如圖44所示。該接口是為了定義ASP．NET服務(wù)器控件為處理回發(fā)事件而實(shí)現(xiàn)的方法。自定義控件類BCImage的類設(shè)計(jì)視圖如圖4_5所示。為避免上傳圖片重名而被覆蓋，該函數(shù)中還封裝了對(duì)上傳圖片的重命名函數(shù)，重命名函數(shù)的原則是把上傳時(shí)的年、月、日、小時(shí)、分、秒，然后再加上一個(gè)四位數(shù)的隨機(jī)數(shù)組合為一個(gè)字符串作為該圖片的名稱，用于存儲(chǔ)至數(shù)據(jù)庫中。(5) 實(shí)現(xiàn)“刪除”按鈕的從服務(wù)器端將選擇的圖片刪除功能。(6)完成圖片操作的基本功能后，為該自定義控件的使用設(shè)置屬性，便于在使用時(shí)調(diào)節(jié)控件的外觀、大小、具體操作等。35武漢理：[大學(xué)碩士學(xué)位論文4．1 4自定義控件在系統(tǒng)中的應(yīng)用由于在Web網(wǎng)頁中有大量的模塊需要用到功能相似的組件，所以自定義控件的開發(fā)是一個(gè)很好的解決方案，本系統(tǒng)中的圖片操作自定義控件正式基于這一點(diǎn)而設(shè)計(jì)。圖片上傳模塊在各大型社區(qū)網(wǎng)站都有使用。L叱．oom=”false“，／BC：BClrIlage．設(shè)計(jì)控件時(shí)，對(duì)其高度和寬度設(shè)置了默認(rèn)值為lOOpx．所以這里沒有為控件設(shè)置高度和寬度。在選擇圖片、上傳圖片時(shí)都可以使用該控件來更改用戶個(gè)人形象，如圖4_8所示。可以看到該圖片操作自定義控件上沒有上傳文件控件按鈕，也沒有保存、刪除等按鈕。在用戶頭像資料展示的用戶控件模塊中必須讓圖片控件大一些，所以設(shè)置其高度、寬度為200px。(3)圖片集中展示界面圖片集中展示界面類似于很多的相冊(cè)、圖片集等功能的頁面。在4．3節(jié)中會(huì)充分展示該自定義控件應(yīng)用的效果視圖，其使用頻率之高，應(yīng)用范圍之廣，應(yīng)證了其可重用性和可再分發(fā)性的優(yōu)點(diǎn)。由于用戶控件足ASENET中的組件，所以允許在控件本。為了更好的封裝網(wǎng)站系統(tǒng)功能模塊，本系統(tǒng)使用了大量的用戶控件，分別封裝了新近注冊(cè)用戶一覽表、最近訪問用戶一覽表、用戶形象及個(gè)人資料、日志、相冊(cè)、留言等多個(gè)功能模塊。圖411新近注冊(cè)用戶控件架構(gòu)(1)設(shè)計(jì)用戶控件的表示層。(2)設(shè)計(jì)用戶控件的數(shù)據(jù)層。(3)設(shè)計(jì)用戶控件的業(yè)務(wù)邏輯層。用戶控件的具體實(shí)現(xiàn)依舊是按三層架構(gòu)模型分層實(shí)現(xiàn)。為達(dá)到這樣的效果，表示層設(shè)計(jì)的源代碼如下。在并列的5項(xiàng)數(shù)據(jù)中，每一項(xiàng)都含有哪些部份組成，都在這部份內(nèi)描述。它訪問的數(shù)據(jù)是整個(gè)系統(tǒng)的用戶信息，具體設(shè)計(jì)部分見3 2節(jié)數(shù)據(jù)層的設(shè)計(jì)。從數(shù)據(jù)庫中提取的數(shù)據(jù)保存到數(shù)據(jù)集dataset中，當(dāng)某個(gè)頁面調(diào)用該用戶控件時(shí)，進(jìn)行數(shù)據(jù)綁定。圖413新近注冊(cè)用戶界面展示在模塊中使用的標(biāo)題是“新近新人”。與其它基于ASP．NET的Ajax框架相比，ASP．NET Ajax在與ASP．NET和Visual Studio開發(fā)工具的集成性上具有天然的優(yōu)勢(shì)。這些組件使用XMLHttpRequest對(duì)象以異步的方式與服務(wù)器通信，從服務(wù)器獲取所需數(shù)據(jù)后使用DOM API更新頁面中的部分內(nèi)容【451。DAAB模塊中提供了一個(gè)類DatabaseFaetory來創(chuàng)建所需的Database對(duì)象，創(chuàng)建后的對(duì)象實(shí)例封裝了常用的數(shù)據(jù)庫操作，例如對(duì)數(shù)據(jù)的檢索、插入、更新和刪除等【471。通過Visual Studio 2008創(chuàng)建一個(gè)Web應(yīng)用程序后，在根目錄下會(huì)默認(rèn)創(chuàng)建一個(gè)w曲．config文件。安裝AjaxControlToolkit的具體步驟不作敘述。例如在注冊(cè)模塊中，彈出選擇服務(wù)器的窗口，其實(shí)現(xiàn)如下。30”O(jiān)ffsetY=0”Position=”Center”TargetControllD=”txtSerwr／ajaxToolkit：PopupControlExtender4．3．2 DAAB數(shù)據(jù)訪問配置DAAB使用了ADO．NET里面connectionS脅gs配置區(qū)，配置區(qū)相關(guān)語句如下：connectionStringsadd name：=”Sylvia竹conneetionString=”Data Souree=(10cal)；Initial Catalog=Sylvia；User ID=sa；Password=；什providerName=”System．Data．SqlClient”／／connoztionStrings在配置好ASENET的W．eb．config文件后。用戶注冊(cè)是用戶加入社區(qū)網(wǎng)站的唯一途徑。圖4．15首頁路徑圖因?yàn)轫撁媸莭rM頁面，而對(duì)用戶注冊(cè)的相關(guān)信息有嚴(yán)格的要求，需要加入腳本語言對(duì)用戶注冊(cè)信息進(jìn)行判定，常用的腳本語言有Javascript，Vbscript等，該頁面使用的是Javascdpt腳本語言．對(duì)用戶信息進(jìn)行判定。 1舶bill)／／obj=I用于驗(yàn)證注冊(cè)時(shí)，用戶輸入郵箱是否合法s自rEmail=documelaLgetElementById(”regEmail”1 value；Ⅳ從注冊(cè)表單中提取輸入郵箱名文本框的值if(obj2)肌惻=2是用于驗(yàn)證用戶登錄系統(tǒng)時(shí)是輸入的用戶名是否合法Ⅳ從注冊(cè)表單中提取輸入郵箱名文本框的值if(chk_cmail(strEmail))／／調(diào)用檢測(cè)郵箱名是否合法的函數(shù)，對(duì)從表單中提取的值進(jìn)行檢測(cè)Ⅳ對(duì)檢測(cè)結(jié)果分類處理，并返回不同的值和提示