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