【文章內(nèi)容簡介】 ver； ? Web 服務器：；? 數(shù)據(jù)庫服務器：SQL Server 2022； ? 瀏覽器：； ? 網(wǎng)站服務器運行環(huán)境：Microsoft .NET Framework ； 客戶端 ? 瀏覽器：Inter Explorer ； ? 分辨率：最佳效果 1324 像素768 像素，構建征婚交友網(wǎng)開發(fā)平臺； 系統(tǒng)流程圖 作為本網(wǎng)站的會員，可以通過用戶名和用戶持有的密碼在登陸頁面進行登錄。會員登錄之后就可以瀏覽網(wǎng)站上的所有對會員公開的頁面信息，并且可以翻閱網(wǎng)站數(shù)據(jù)庫中保存的基本信息。會員可以修改個人信息，以及管理查看本人和好友的檔案信息、接受和發(fā)送消息。會員可以在網(wǎng)站的各個頁面上跳轉，自由的使用網(wǎng)站提供的各種功能服務。管理員具有更多的權限，可以在數(shù)據(jù)庫中進行信息的添加，更新和刪除，同時對于所添加的信息能夠準確無誤的顯示，并且可以對數(shù)據(jù)庫以及網(wǎng)頁進行合理的維護，管理員還可以更改登錄口令，也可對會員的權限進行更改。除此之外，各個網(wǎng)頁上的控件都能準確的實現(xiàn)他們各自的功能，頁面的切換都能無誤的實現(xiàn)。然而在后臺管理系統(tǒng)和前臺管理系統(tǒng)的分開可以使得網(wǎng)站更加的簡介，也使得管理員在登錄時很好的管理網(wǎng)站。因此系統(tǒng)的流程圖應如下圖 示。10圖 33 系統(tǒng)的流程圖 數(shù)據(jù)庫概要說明征婚網(wǎng)站的數(shù)據(jù)庫采用 SQL Server 2022 數(shù)據(jù)庫，系統(tǒng)數(shù)據(jù)庫名稱為 db_JiaoYou。該數(shù)據(jù)庫中包含 3 張表，其分別是 tb_Msg、tb_Use 、tb_Friend。這三張表貫穿了整個網(wǎng)站的始末，可以說網(wǎng)站的后臺運行和前臺的運行就是靠這三張表。tb_Msg 表儲存的是會員與好友之間發(fā)送的消息記錄。 tb_User 表存儲的事整個網(wǎng)站中的用戶名。tb_Friend 表存儲的是會員添加的好友。從讀者角度出發(fā)，為了使讀者對本系統(tǒng)后臺數(shù)據(jù)庫中的數(shù)據(jù)表有一個更清晰的認識，我在此特別設計了一個數(shù)據(jù)表樹形結構圖，該結構圖包含系統(tǒng)所有數(shù)據(jù)表。 數(shù)據(jù)表樹形結構圖如圖 所示。會員網(wǎng)站前臺征婚網(wǎng)站登錄頁征婚網(wǎng)站主頁好友信息頁在線聊天頁網(wǎng)站后個人信息管理會員信息管理11 圖 數(shù)據(jù)表樹形結構圖 數(shù)據(jù)庫概念設計 通過對網(wǎng)站進行的需求分析、網(wǎng)站流程設計及系統(tǒng)功能結構的確定，規(guī)劃出系統(tǒng)中使用的數(shù)據(jù)庫實體對象分別為會員信息實體、短信息實體、好友信息實體。會員信息實體主要用于保存網(wǎng)站會員的檔案信息，會員信息實體 ER 圖如圖 所示。 會員信息學歷會員密碼好友信息性格愛好 語言郵箱 昵稱生日家庭住址籍貫身高12圖 34 會員信息實體 ER 圖短信息實體 ER 圖如圖 所示。 圖 35 短信息實體 ER 圖好友信息實體主要用于保存自己的用戶 ID 和好友的用戶 ID，好友信息實體 ER 圖如圖 36 所示。圖 36 好友信息實體 ER 圖 數(shù)據(jù)庫邏輯設計 設計完數(shù)據(jù)庫實體 ER 圖后，根據(jù)實體 ER 圖設計數(shù)據(jù)表結構。數(shù)據(jù)表的屬性是完全按照 ER 的屬性設計的，其中的屬性代表著在網(wǎng)站運行中的功能作用。下面將 3 張數(shù)據(jù)表的數(shù)據(jù)結構和用途分別列出。 會員信息表（tb_User ）中主要包括會員的姓名、性別、籍貫、興趣愛好、短信信息發(fā)送者發(fā)送時間接收者賬號是否閱讀短消息好友信息好友賬號會員信息13血型、當前狀況等及其所需要字符長度好友信息表（tb_Msg ）：主包括好友信息、發(fā)送時間、短信狀態(tài)等及其所需要字符長度。好友信息表（tb_Friend）：主要保存好友的 id 和會員 id 以及需要的字符長度? 會員信息表（tb_User）：主要用于保存網(wǎng)站會員的檔案信息，該表的結構如圖 37 所示。圖 37 會員信息圖（tb_User）短信息表（tb_Msg ）：主要用于保存會員與會員之間發(fā)送的短消息。該表的結構如圖 38 所示。14圖 38 短信息表（tb_Msg）好友信息表（tb_Friend）：主要用于保存自己的用戶 ID 和好友的用戶 ID，該表的結構如圖 39 所示。圖 39 好友信息表（tb_Frie nd）15第四章 系統(tǒng)詳細設計 本章著重介紹系統(tǒng)設計的詳細過程，其主要任務是設計每個模塊的功能實現(xiàn)的算法、及其需要的數(shù)據(jù)結構。使得模塊功能的算法要邏輯上正確和算法描述要簡明易懂。在每個模塊的設計中會給出相應的圖片和代碼。 網(wǎng)站首頁設計 任何用戶只在網(wǎng)站的首頁上都可以實現(xiàn)，對網(wǎng)站首頁上的信息進行瀏覽，可以查看在網(wǎng)站上注冊的用戶信息。通過網(wǎng)站可以看出網(wǎng)站的設計風格、內(nèi)容、功能等。首頁的作用是一個網(wǎng)站內(nèi)容的匯總和索引，在首頁有很多圖標和鏈接，欄目也比較多，就像以一個住宅的大門一樣，由此通往各個模塊，良好的首頁是網(wǎng)站必備的。 在前臺的首頁中，針對于普通會員登錄瀏覽，登陸首頁后，用戶可以格局首頁的模塊分布，進入不同的功能模塊。比如：緣分收索模塊、會員登錄模塊，查看新會員信息模塊等。網(wǎng)站首頁的設計如圖 41 所示。16圖 41 網(wǎng)站首頁的設計圖 網(wǎng)站首頁技術分析 1. 開發(fā)征婚交友網(wǎng)主頁時主要用到公共類中的 SelectUser 方法和 FriendAdd 方法，分別用于顯示所有信息與加為好友的功能。 自定義 SelectUser 方法，該方法用于獲取所有的會員信息。代碼如下： public DataSet SelectUser() { return (select * from tb_User, tb_User)。 } 2. 創(chuàng)建自定義 FriendAdd 方法，主要用來實現(xiàn)添加好友信息。該方法需要傳遞一個實體類對象的參數(shù)，用于傳遞要添加的好友信息。FriendAdd 方法實現(xiàn)代碼如下： public int FriendAdd(MarriageFriend friend) { SqlParameter[] parms ={ (@UserName,100,), 17 (@FriendName,100,), }。 return (Insert into tb_Friend(UserName, FriendName) values (@UserName, @FriendName), parms)。} 首頁頁面設計 1．在該網(wǎng)站 JiaoYou 文件夾中新建一個 Web 窗體，將其命名為 ，用于征婚交友網(wǎng)主頁。 2．征婚交友網(wǎng)主頁主要實現(xiàn)緣分搜索功能、會員登錄、顯示最新會員交友信息。其中會員登錄是通過用戶控件實現(xiàn)的，在這里不做講解。下面只講解緣分搜索功能與顯示最新會員交友信息頁面設設計如表 42 和 43 所示：表 42 緣分收索功能設計控件類型 數(shù)量 主要屬性設置 控件用途Select 1 設置為服務器控件，ID 屬性為 sltSex。 緣份搜索中性別選擇Select 2 設置為服務器控件，ID 屬為sltFAgeStar、sltFAgeEnd緣份搜索中最小年齡至最大年齡選擇Select 2 設置為服務器控件，ID 屬性分別為sltState、sltCity緣份搜索中省和市選擇Checkbox 1 ID 屬性為 chkPhoto 緣份搜索中相片要求選擇Button 1 ID 屬性為 btnFind 執(zhí)行緣分搜索 18表 43 顯示最新會員信息設計控件類型 數(shù)量 主要屬性設置 控件用途DataList 1 ID 屬性為 DataList1 通過綁定實現(xiàn)顯示交友信息Image 1 ID 屬性為 Image1 放置在 DataList 項模板中顯示會員圖片ImageButton 3 ID 屬性分別為ImgBtnDetail、imgBtnAddFriend、imgBtnMsg放置在 DataList 項模板中執(zhí)行查詢交友詳細信息、加為好友、發(fā)送信息 首頁代碼設計1. 聲明全局業(yè)務層中的會員信息類對象和好友信息類對象，用于調用相應的功能方法。實現(xiàn)代碼如下： MarriageLogin login = new MarriageLogin()。 MarriageFriend friend = new MarriageFriend()。2. 在頁面加載中調用 BindDataList 自定義方法。代碼如下： protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) ()。 } 3. 自定義 BindDataList 方法，將交友信息綁定到 DataList 控件中。實現(xiàn)代碼如下： private void BindDataList() { 19 = ()。 = id。 ()。 } 4. 當緣分搜索條件設置完成后，單擊“搜索”按鈕，搜索匹配結果。實現(xiàn)代碼如下： protected void btnFind_Click(object sender, EventArgs e) { Session[sex] = [sltSex].ToString()。 Session[FAgeStar] = [sltFAgeStar].ToString()。 Session[FAgeEnd] = [sltFAgeEnd].ToString()。 Session[Address] = ([sltState].ToString() == 0) ? : [sltState].ToString() + (([sltCity].ToString() == 0) ? : [sltCity].ToString())。 Session[Photo] = 。 ()。 } 5. 在交友信息顯示列表中，單擊“加為好友”按鈕，在會員登錄后的情況下，可以將選擇的好友添加到用戶的好友信息中，實現(xiàn)代碼如下：Protected void DataList1_UpdateCommand(object source, DataListCommandEventArgs e) { if (Session[UserName] == null) (請登錄后再進行添加好友！, )。 string id = [].ToString()。 //獲取主鍵 ID 值 20 string FriendName = (id)。 //根據(jù) ID 獲取 Email = Session[UserName].ToString()。 = FriendName。 if ((friend).Tables[0]. 0) { (好友已經(jīng)加過，請選擇其他好友。)。 } else { int i = (friend)。 (好友添加成功！)。 } } 6. 在交友信息顯示列表中，單擊“發(fā)送信息”鏈接，在會員登錄后的情況下，可以向選擇的好友發(fā)送短信息。實現(xiàn)代碼如下：protected void DataList1_DeleteCommand(object source, DataListCommandEventArgs e) { if (Session[UserName] == null) (請登錄后再給好友發(fā)送消息！, )。 string id = [].ToString()。 Session[FriendName] = (id)。 (script(39。39。,39。39。,39。height=400, width=600, top=200, left=20039。)/script)。 ()。 } ，單擊“詳細信息”鏈接，可以瀏覽選擇的好友的詳細信息，實現(xiàn)代碼如21下： protected void DataList1_EditCommand(object source, DataListCommandEventArgs e) Session[FriendDetail] = ([].ToString())。 ()。 ()。} 好友詳細信息頁面設計好友詳細詳細信息頁面主要是在會員登錄到網(wǎng)站后，點擊好友“詳細信息“跳轉到的頁面。在這里可以查看好友的所注冊信息。好友詳細信息頁主要用來顯示好友的檔案信息和交友要求，如圖 44 所示。圖 44 好友詳細信息頁 好友詳細信息頁技術分析 開發(fā)好友詳細信息頁時，主要是使用公共類中的 SelectUser 方法獲取所有的好友信息，然后分別綁定到前臺頁面中。自定義 SelectUser 方法，該方法用22于獲取所有的會員信息。代碼如下： public DataSet SelectUser() { return (select * from tb_User, tb_User)。 } 好友詳細頁面設計1. 在該網(wǎng)站 JiaoYou\Login 文件夾中新建一個 Web 窗體，將其命名為 ，用于瀏覽好友詳細信息。 2. 在 Web 窗體中添加 Tabel 表格，