無獨(dú)有伴征婚交友網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

1、<p>　　無獨(dú)有伴征婚交友網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)</p><p><b>　　摘 要</b></p><p>　　隨著社會(huì)的快速發(fā)展，現(xiàn)代人的生活節(jié)奏越來越快，工作壓力不斷增加，導(dǎo)致年輕人的交友時(shí)間少，交際圈變窄，宅男宅女越來越多，未婚人口占應(yīng)婚人口比例逐年增長。如此一來，征婚網(wǎng)站隨之興起，為許多單身人士提供了一個(gè)大的交友平臺(tái)，讓年輕人不會(huì)有地域的局限，能夠在更

2、大的范圍認(rèn)識(shí)更多的好友，有更多的選擇。</p><p>　　本網(wǎng)站采用了MVC設(shè)計(jì)模式，以MTE——MySQL、Tomcat、Eclipse為開發(fā)環(huán)境，并基于JSP+JavaBean+Servlet的三層架構(gòu)，使用Ajax、JQuery等技術(shù)實(shí)現(xiàn)表單驗(yàn)證。本網(wǎng)站主要實(shí)現(xiàn)的功能包括用戶登錄注冊，修改完善個(gè)人資料，查找添加刪除好友，給好友留言，發(fā)表心情動(dòng)態(tài)以吸引更多關(guān)注，發(fā)表照片，查看成功的情侶發(fā)布的成功故事，根據(jù)擇

3、偶條件表查找符合條件的會(huì)員等等。本文針對這個(gè)網(wǎng)站做了比較詳細(xì)的介紹，給出了部分代碼和測試結(jié)果，征婚網(wǎng)站現(xiàn)在是一種非常有用和流行的交友平臺(tái)，時(shí)下特別契合現(xiàn)代人的心理，具有非常大的發(fā)展?jié)摿Α?lt;/p><p>　　關(guān)鍵詞: 征婚網(wǎng)站；MVC；MySQL；Eclipse；JSP</p><p>　　Design and Implement for Website of “Be companied”

4、 Marriage Seeking</p><p><b>　　Abstract</b></p><p>　　With the rapid development in society, the pace of life has been growing faster. Increasing working pressure of young people leads

5、 time limitations on making friends, narrowing social circle and growing indoorsmen. And the proportion of unmarried people in the amount who are supposed to be married is increasing every year. Therefore, marriage-seeki

6、ng websites spring up. Marriage-seeking website provides a vast stage of making friends for single persons by removing geography limitations, and allo</p><p>　　This website adopts MVC design pattern within t

7、he development environment of MTE which includes MySQL, Tomcat and Eclipse and is based on a three-tier architecture of JSP+JavaBean+Servlet. Moreover, it accomplishes form validation through Ajax, JQuery and other techn

8、ology. On this website, following functions are included: users can update personal information after registering and logging, they’re able to find strangers, add or delete friends by willing, and they can also publish s

9、ocial dynamic</p><p>　　Keywords: Marriage-seeking website,MVC,MySQL,Eclipse,JSP</p><p><b>　　目 錄</b></p><p>　　第1章 開發(fā)背景及相關(guān)技術(shù)1</p><p>　　1.1 系統(tǒng)開發(fā)背景1</p>

10、;<p>　　1.2 系統(tǒng)開發(fā)的目的和意義1</p><p>　　1.3 開發(fā)技術(shù)簡介2</p><p>　　1.3.1 MySQL簡介2</p><p>　　1.3.2 Eclipse簡介2</p><p>　　1.3.3 Ajax簡介3</p><p>　　1.3.4 MVC設(shè)計(jì)模式3&l

11、t;/p><p>　　1.3.5 JSP技術(shù)簡介3</p><p>　　第2章 系統(tǒng)分析與設(shè)計(jì)4</p><p>　　2.1 可行性分析4</p><p>　　2.2 系統(tǒng)的總體需求分析4</p><p>　　2.2.1 網(wǎng)站頁面設(shè)計(jì)4</p><p>　　2.2.2 網(wǎng)站功能描述5&l

12、t;/p><p>　　2.3 網(wǎng)站設(shè)計(jì)指導(dǎo)思想6</p><p>　　2.4 數(shù)據(jù)庫設(shè)計(jì)6</p><p>　　2.4.1 概念結(jié)構(gòu)設(shè)計(jì)6</p><p>　　2.4.2 數(shù)據(jù)庫表設(shè)計(jì)10</p><p>　　2.5 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)17</p><p>　　2.5.1 系統(tǒng)結(jié)構(gòu)圖17<

13、;/p><p>　　2.5.2網(wǎng)站功能模塊設(shè)計(jì)17</p><p>　　2.6 網(wǎng)站界面設(shè)計(jì)18</p><p>　　第3章 系統(tǒng)的實(shí)現(xiàn)與測試22</p><p>　　3.1 系統(tǒng)的實(shí)現(xiàn)22</p><p>　　3.2 系統(tǒng)的測試32</p><p>　　第4章 結(jié)論與展望37</

14、p><p>　　4.1 系統(tǒng)總結(jié)37</p><p>　　4.2 前景展望37</p><p><b>　　參考文獻(xiàn)38</b></p><p>　　第1章 開發(fā)背景及相關(guān)技術(shù)</p><p>　　1.1 系統(tǒng)開發(fā)背景 </p><p>　　Internet是一個(gè)由世界

15、上數(shù)不清的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)組成的、是一個(gè)覆蓋全球的巨大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)體系，是世界范圍的網(wǎng)絡(luò)、網(wǎng)關(guān)、服務(wù)器的計(jì)算機(jī)集合。Internet向全世界提供信息服務(wù)，成為人們生活中不可缺少的一部分[1]。</p><p>　　年輕人不僅僅是一個(gè)簡單地社會(huì)組織，他們是促進(jìn)這個(gè)社會(huì)進(jìn)步的重要力量。社會(huì)從工業(yè)化社會(huì)進(jìn)入到信息化社會(huì)，人們的生活節(jié)奏不斷加快。繁重的工作使年輕人用于社交的時(shí)間變得更少，巨大的壓力使人們更愿意周末的時(shí)候

16、宅在家中，如此一來，現(xiàn)實(shí)的交際圈也變窄了。沒有足夠的交際時(shí)間和大的交際范圍，未婚人士在應(yīng)婚人士中所占的比例正在逐年增加。</p><p>　　第一則征婚廣告最初出現(xiàn)在英國，當(dāng)時(shí)僅限于在報(bào)紙上傳播，并不為人們所喜歡。但是隨著社會(huì)的發(fā)展，征婚這一文化越來越為人們所接受，逐漸發(fā)展到有電視征婚，網(wǎng)絡(luò)征婚等等。原本在中國也有紅娘、媒婆一類的婚介，當(dāng)越來越多的人從事這一行業(yè)，就出現(xiàn)了有婚介公司一類的機(jī)構(gòu)。近幾年，屏幕上也相繼

17、出現(xiàn)了許多知名的相親節(jié)目，使得相親也成為了一種流行。征婚網(wǎng)站滿足了人們希望了解更廣泛的未婚人士信息的一種愿望，具有極大的發(fā)展?jié)摿Α?lt;/p><p>　　1.2 系統(tǒng)開發(fā)的目的和意義 </p><p>　　隨著計(jì)算機(jī)技術(shù)的發(fā)展，各種聊天軟件被研發(fā)出來，使更多的宅男宅女們樂于宅在家中，在這些人當(dāng)中，逐漸增加許多未婚人士，使得征婚網(wǎng)站應(yīng)運(yùn)而生。只要注冊一個(gè)征婚網(wǎng)站，就能夠從其中得到許多的異性信

18、息?，F(xiàn)在人們現(xiàn)實(shí)中的交際圈比較窄，親戚朋友等所處的環(huán)境行業(yè)都有趨同性，而征婚網(wǎng)站上匯聚了五湖四海的未婚人士的基本信息，因此通過征婚網(wǎng)站來尋找交友就有了更廣泛的選擇。同時(shí)，征婚網(wǎng)站提供了許多必要的信息，往往這些信息在面對面的交談中會(huì)比較難以詢問，而通過網(wǎng)站了解則避免了尷尬，這是一種很大的便利。</p><p>　　人們可以通過征婚網(wǎng)站進(jìn)行一些簡單地交流，避免了面對面交流，減少了部分人士犯罪的犯罪幾率。除此之外，征婚

19、網(wǎng)站的活動(dòng)都是經(jīng)過網(wǎng)絡(luò)來進(jìn)行的，減少了對資源的浪費(fèi)，是一種健康環(huán)保的交流方式。為了保證會(huì)員之間的了解夠深，網(wǎng)站需要對會(huì)員的個(gè)人資料充分的獲取，保證好友之間的基本交流。</p><p>　　1.3 開發(fā)技術(shù)簡介</p><p>　　1.3.1 MySQL簡介</p><p>　　MySQL是一種非常優(yōu)秀的數(shù)據(jù)庫管理系統(tǒng)，它現(xiàn)在有多個(gè)版本，能夠適應(yīng)于許多不同的操作系統(tǒng)，

20、比如說Linux,windows等等，這樣一種跨平臺(tái)的可用性大大增加了MySQL的流行性。另外，MySQL的大部分代碼是開源且免費(fèi)的，十分受程序員的歡迎。</p><p>　　雖然說MySQL數(shù)據(jù)庫并不是最為完善的數(shù)據(jù)庫，但是它運(yùn)行速度快，相對成本低，開源免費(fèi)的代碼使得它在中小型企業(yè)和網(wǎng)站中特別受用。它也擁有許多的程序應(yīng)用接口，開發(fā)人員能夠通過編寫不同語言的程序來接入和塑造數(shù)據(jù)庫。其中在網(wǎng)站程序接口中比較受歡迎的

21、是PHP和Perl。</p><p>　　MySQL在以下的幾個(gè)方面做的比較好：</p><p>　　網(wǎng)站應(yīng)用：MySQL有體積小、速度快、總體成本低、開放源碼等特點(diǎn)[2]。因此許多中小型網(wǎng)站為了降低總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。</p><p>　　企業(yè)級系統(tǒng)的應(yīng)用：MySQL的特點(diǎn)包括能夠提供企業(yè)級應(yīng)用程序的一切需要[2]。</p>

22、<p>　　開源代碼：MySQL的代碼是開源的，每個(gè)人都可以下載其代碼，并修改成自己所需要的[2]。</p><p>　　穩(wěn)定性：所有的軟件都是在不斷地發(fā)展創(chuàng)新中，MySQL的功能也是在不斷的完善，可靠性也在不斷的提高[2]。</p><p>　　1.3.2 Eclipse簡介</p><p>　　Eclipse是一種通用工具平臺(tái)，它由一個(gè)很小的核心與許

23、多加諸于該核心上的插件所組成，如果需要在這個(gè)平臺(tái)上實(shí)現(xiàn)各種功能，比如HTML編輯，數(shù)據(jù)庫設(shè)計(jì)等等，添加相應(yīng)的的插件即能實(shí)現(xiàn)。同樣的，這樣一個(gè)基于插件組合的架構(gòu)，使得Eclipse不僅僅能實(shí)現(xiàn)Java語言開發(fā)環(huán)境，同時(shí)也能夠?qū)崿F(xiàn)C、C++等環(huán)境。</p><p>　　Eclipse是由IBM公司在2001年研發(fā)出來，經(jīng)過幾年的研發(fā)，當(dāng)2.1版本出現(xiàn)時(shí)，因?yàn)槠溆押玫慕缑娑笫軞g迎。IBM公司為了Eclipse能夠得到

24、更好的發(fā)展，于2003年將其捐贈(zèng)給了開源社區(qū)，在開源社區(qū)一眾成員的共同努力下，Eclipse開始了有了長足的進(jìn)步。Eclipse包括許多的研發(fā)項(xiàng)目，其中IBM公司參與的就占到一半多。Eclipse是開源的，因此它除了有自己的開發(fā)團(tuán)隊(duì)以外，個(gè)體的研發(fā)者也可以通過自己的努力，在前期參與一些Eclipse新聞組的討論，修復(fù)一些Bug，當(dāng)能力得到認(rèn)可時(shí)，便可以成為項(xiàng)目組真正的開發(fā)成員。</p><p>　　1.3.3 A

25、jax簡介</p><p>　　Ajax（Asynchronous JavaScript and XML)不是一項(xiàng)技術(shù)，它實(shí)際上是好幾種正在蓬勃發(fā)展的技術(shù)以一種強(qiáng)有力的新的方式整合在一起的。組成Ajax的技術(shù)有以下幾種：基于XTML和CSS的表現(xiàn)標(biāo)準(zhǔn)，使用DOM來進(jìn)行動(dòng)態(tài)的展示和交互，通過XML和XSLT實(shí)現(xiàn)數(shù)據(jù)的內(nèi)部改變和操作，使用XMLHttpRequest實(shí)現(xiàn)異步數(shù)據(jù)檢索以及JavaScript[3]。&l

26、t;/p><p>　　傳統(tǒng)的Web應(yīng)用是用戶行為觸發(fā)一個(gè)Http請求，然后發(fā)回到Web服務(wù)器中[3]。由Web服務(wù)器對數(shù)據(jù)進(jìn)行一系列處理之后再返回給客戶端的HTML頁面[3]。這種方式采用的是同步應(yīng)答方式，從數(shù)據(jù)發(fā)送給服務(wù)器到數(shù)據(jù)返回到客戶端的這個(gè)過程中，用戶一直處于等待的狀態(tài)。</p><p>　　Ajax的應(yīng)用改變了用戶的這種請求-等待-請求-等待的狀態(tài)，使得用戶發(fā)出請求后不必等待在一個(gè)空

27、白的頁面。在開始的一段時(shí)間里，瀏覽器會(huì)加載一個(gè)Ajax引擎，它代表客戶端來與服務(wù)器進(jìn)行交互，實(shí)現(xiàn)了客戶端與服務(wù)器的異步交流[3]。</p><p>　　1.3.4 MVC設(shè)計(jì)模式</p><p>　　MVC（Model-Viewer-Controller)是集顯示層、業(yè)務(wù)邏輯層和控制器于一體的一種設(shè)計(jì)模式。這種模式下，客戶的請求不是直接處理，而是發(fā)送給控制器，由控制器根據(jù)請求的方式來調(diào)用不

28、同的事務(wù)邏輯，再將其返回到顯示層。</p><p>　　MVC設(shè)計(jì)模式很清楚的劃定了程序員與設(shè)計(jì)者的角色界限[4]。這種模式是讓設(shè)計(jì)者集中于設(shè)計(jì)應(yīng)用程序的顯示部分，而開發(fā)者則集中于開發(fā)驅(qū)動(dòng)應(yīng)用程序功能所需的組件[4]。</p><p>　　1.3.5 JSP技術(shù)簡介</p><p>　　JSP（Java Server Pages，Java服務(wù)器頁面）是以Sun公司為

29、主建立的一種動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)，其實(shí)質(zhì)就是在傳統(tǒng)的HTML網(wǎng)頁文件中加入Java程序片段和JSP標(biāo)記后所形成的文檔（后綴名是jsp）[5]。</p><p>　　第2章 系統(tǒng)分析與設(shè)計(jì)</p><p><b>　　2.1 可行性分析</b></p><p>　　可行性分析是指根據(jù)一個(gè)網(wǎng)站的主要內(nèi)容和配套條件對其進(jìn)行合理的分析與預(yù)測，分析其中所提出

30、的問題是否值得去解決，在技術(shù)上可否實(shí)現(xiàn)，在經(jīng)濟(jì)上是否值得去投入研發(fā)，是否具有開發(fā)的前景，同時(shí)預(yù)測在開發(fā)出來投入使用后對社會(huì)所產(chǎn)生的影響是不是有利的。以下是從技術(shù)可行性、經(jīng)濟(jì)可行性、風(fēng)險(xiǎn)可行性、社會(huì)影響可行性等方面進(jìn)行分析。</p><p>　　技術(shù)可行性：本網(wǎng)站采用的是Web開發(fā)比較簡單基礎(chǔ)的幾種技術(shù)，是基于JSP+JavaBean+Servlet的三層架構(gòu)，使用的是MySQL數(shù)據(jù)庫，因此技術(shù)上是可以實(shí)現(xiàn)的。&l

31、t;/p><p>　　經(jīng)濟(jì)可行性：網(wǎng)站的構(gòu)建一般都不需要花費(fèi)太多的人力和物力，本網(wǎng)站主要功能是實(shí)現(xiàn)征婚交友，讓會(huì)員通過網(wǎng)站可以互相交流了解，無需花費(fèi)太多。</p><p>　　風(fēng)險(xiǎn)可行性：現(xiàn)在的征婚網(wǎng)站比較流行，有不少成功的案例，未婚人士逐年增加，也為征婚網(wǎng)站打開了市場，并且經(jīng)濟(jì)上無需過多支出，因此風(fēng)險(xiǎn)比較小。</p><p>　　社會(huì)影響可行性：征婚網(wǎng)站可以幫助一部分

32、應(yīng)婚的未婚人士脫離單身，讓注冊網(wǎng)站的會(huì)員有更廣泛的選擇，促進(jìn)了不同地區(qū)的交流，同時(shí)也減少了見面時(shí)可能發(fā)生的犯罪事件。</p><p>　　綜上所述，本網(wǎng)站的可行性已明確研究，是有可行性的。</p><p>　　2.2 系統(tǒng)的總體需求分析</p><p>　　需求分析的目的是為了系統(tǒng)開發(fā)人員能夠更清楚地了解系統(tǒng)需求，為計(jì)劃迭代的技術(shù)內(nèi)容提供基礎(chǔ)[6]。因此需求分析十分

33、重要。</p><p>　　2.2.1 網(wǎng)站頁面設(shè)計(jì)</p><p>　　網(wǎng)站的頁面總體是采用CSS樣式表進(jìn)行設(shè)計(jì)，中間嵌入一些表來進(jìn)行排版。頁面的基色是粉色，除去登錄注冊以外，每個(gè)頁面的首部是網(wǎng)站的名稱以及導(dǎo)航，導(dǎo)航中分五個(gè)模塊，分別是首頁，我的空間，情侶動(dòng)態(tài)，好友動(dòng)態(tài)以及交友速配。其中，首頁分上中下三個(gè)部分，上部是用戶的基本信息，動(dòng)態(tài)圖片以及查找，中部是顯示幾個(gè)情侶動(dòng)態(tài)，下部是會(huì)員推薦

34、；我的空間中包括的都是個(gè)人信息，在頭部的下面分為左右兩個(gè)部分，左邊是導(dǎo)航部分，右邊顯示具體的信息；情侶動(dòng)態(tài)和好友動(dòng)態(tài)以及交友速配是以表格的形式顯示的。</p><p>　　2.2.2 網(wǎng)站功能描述</p><p>　　本網(wǎng)站主要包括五個(gè)功能模塊，分別是登錄注冊模塊， 個(gè)人空間模塊，好友動(dòng)態(tài)模塊，情侶動(dòng)態(tài)模塊，交友速配模塊，管理員模塊。以下是對五個(gè)功能模塊的詳細(xì)描述。</p>

35、<p><b>　　1.注冊登錄模塊</b></p><p>　　本模塊主要包括注冊登錄，非會(huì)員用戶僅僅能夠?yàn)g覽首頁以及部分情侶動(dòng)態(tài)，會(huì)員注冊后為普通會(huì)員，其等級為0。會(huì)員登錄網(wǎng)站后，可以通過充值升級的方式進(jìn)行升級，不同等級的會(huì)員擁有不同的權(quán)限。</p><p><b>　　2.個(gè)人空間模塊</b></p><p&g

36、t;　　本模塊實(shí)現(xiàn)的功能針對所有的會(huì)員，有查看和修改個(gè)人的基本資料以及詳細(xì)資料，詳細(xì)資料中包括生活習(xí)慣，工作情況，外型體型和個(gè)人的擇偶條件，在我的空間中能夠?qū)@些信息進(jìn)行查看和修改操作。同時(shí)，我的空間中可以查看到我的好友，并對這些好友做出一些相應(yīng)的操作，例如查看好友空間等等。除此之外，本模塊中會(huì)員能夠發(fā)表一些自己的日常動(dòng)態(tài)和照片，如果感覺自己發(fā)表的內(nèi)容欠妥，也可以刪除自己曾發(fā)表的內(nèi)容。最后，在我的空間中，會(huì)員還能查詢好友給自己的留言，以

37、進(jìn)一步加深與好友的溝通。</p><p><b>　　3.好友動(dòng)態(tài)模塊</b></p><p>　　點(diǎn)開好友動(dòng)態(tài)模塊，就能夠查看到自己所有的好友發(fā)表的心情動(dòng)態(tài)，可以點(diǎn)擊右下角的小圖片給好友的文章點(diǎn)贊。點(diǎn)擊左上角的會(huì)員昵稱，就能夠進(jìn)入到該好友的空間中，首先看到的是好友的個(gè)人資料，包括基本資料和詳細(xì)資料，接下來可以查看該好友所發(fā)表的所有動(dòng)態(tài)以及照片。當(dāng)打開留言箱時(shí)，不僅能

38、看到該好友的所有好友留下的留言，自己也能夠給該好友留言，對于自己的留言，同樣也能做刪除操作。在好友動(dòng)態(tài)模塊只有銀牌以上的會(huì)員才能夠進(jìn)入，因?yàn)橹挥秀y牌以上的會(huì)員才擁有添加好友的權(quán)限。在進(jìn)入好友空間之后，銀牌會(huì)員僅僅能夠看到該好友的基本信息，當(dāng)升級成為金牌會(huì)員時(shí)，方可看到好友的聯(lián)系方式以及其他的詳細(xì)資料。如果好友選擇將個(gè)人信息保密，那么僅僅只有鉆石級會(huì)員可以看到好友的個(gè)人資料。</p><p><b>　　

39、4.情侶動(dòng)態(tài)模塊</b></p><p>　　本模塊中包含了本網(wǎng)站中所有成功牽手的情侶的動(dòng)態(tài)，剛點(diǎn)開時(shí)是一個(gè)大概的瀏覽，點(diǎn)擊查看成功故事后，則可以看到該會(huì)員發(fā)表的詳細(xì)的故事。</p><p><b>　　5.交友速配模塊</b></p><p>　　本模塊是根據(jù)會(huì)員填寫的擇偶條件表中的擇偶條件或者是會(huì)員在頁面中填寫的擇偶條件，在頁面

40、上以表格形式顯示查詢出的相應(yīng)記錄。如果會(huì)員是銀牌以上的會(huì)員，能夠執(zhí)行添加好友的操作。當(dāng)點(diǎn)擊添加好友時(shí)，需要填寫好友驗(yàn)證信息并發(fā)送給該好友。如果該好友選擇“同意”，則兩人成為好友，如果選擇“拒絕”，則系統(tǒng)自動(dòng)給會(huì)員回復(fù)拒絕消息。同樣會(huì)員能夠選擇“繼續(xù)添加”或者“忽略”該信息。</p><p>　　6.管理員模塊 </p><p>　　登錄時(shí)，系統(tǒng)會(huì)對會(huì)員的類型進(jìn)行判斷，如果type=“

41、2”時(shí)，則是管理員，登陸后進(jìn)入管理員的界面。管理員界面有兩大功能，一個(gè)是對網(wǎng)站的會(huì)員進(jìn)行數(shù)字統(tǒng)計(jì)，同時(shí)查看會(huì)員的基本信息。另一個(gè)功能是對成功會(huì)員的統(tǒng)計(jì)，分析會(huì)員的學(xué)歷、月薪以及有無頭像等方面，給出成功率較高的會(huì)員的特征分析。 </p><p>　　2.3 網(wǎng)站設(shè)計(jì)指導(dǎo)思想</p><p>　　1. 軟件工程的思想</p><p

42、>　　本網(wǎng)站從最初的設(shè)計(jì)到后面的實(shí)現(xiàn)基本上是依據(jù)軟件工程的一個(gè)思想，它實(shí)現(xiàn)的一個(gè)過程是先開始需求分析，明確了網(wǎng)站需要實(shí)現(xiàn)的功能模塊，其次是對網(wǎng)站進(jìn)行數(shù)據(jù)庫的設(shè)計(jì)，界面設(shè)計(jì)等等概念上的設(shè)計(jì)，之后就是對網(wǎng)站功能的具體實(shí)現(xiàn)，最后則是對網(wǎng)站的測試，當(dāng)發(fā)現(xiàn)有問題時(shí)，及時(shí)對網(wǎng)站做出修改?？偟膩碚f，網(wǎng)站設(shè)計(jì)的主要任務(wù)包括：網(wǎng)站架構(gòu)設(shè)計(jì)，以瀏覽器為客戶端的Web應(yīng)用程序開發(fā)，系統(tǒng)測試及網(wǎng)站發(fā)布等[7]。</p><p>&

43、lt;b>　　MVC設(shè)計(jì)思想</b></p><p>　　在MVC實(shí)例中，外部世界的模型以及反饋給用戶的視圖都被明確的分離開來，每一個(gè)部分有著不同的任務(wù)。視圖管理的是圖片以及文本輸出在位圖現(xiàn)實(shí)中的比例，即網(wǎng)頁中的界面顯示?？刂破魇强刂朴身撁?zhèn)鱽淼恼埱蟮奶幚?，并調(diào)用模型中的方法。模型是應(yīng)用程序的主體部分，它基本包括了網(wǎng)站中所有實(shí)現(xiàn)的方法。</p><p>　　2.4 數(shù)據(jù)庫

44、設(shè)計(jì) </p><p>　　2.4.1 概念結(jié)構(gòu)設(shè)計(jì)</p><p>　　概念模型用于信息世界的建模，是現(xiàn)實(shí)世界到信息世界的第一層抽象[8]。它是數(shù)據(jù)庫設(shè)計(jì)人員進(jìn)行數(shù)據(jù)庫設(shè)計(jì)的有力工具[8]。同時(shí)也是數(shù)據(jù)庫設(shè)計(jì)人員和用戶之間進(jìn)行交流的語言[8]。因此概念模型一方面應(yīng)該具有較強(qiáng)的語言表達(dá)能力，能夠方便、直接地表達(dá)應(yīng)用中的各種語義知識(shí)，另一方面它還應(yīng)該簡單、清晰、易于用戶理解。</p&g

45、t;<p>　　基于無獨(dú)有伴征婚網(wǎng)站的主要實(shí)體圖和E-R圖如下：</p><p>　　圖1 用戶基本信息實(shí)體圖</p><p><b>　　圖2 銀行卡實(shí)體圖</b></p><p>　　圖3 好友關(guān)系實(shí)體圖</p><p>　　圖4 驗(yàn)證消息實(shí)體圖</p><p>　　圖5 生活習(xí)

46、慣實(shí)體圖</p><p>　　圖6 情侶動(dòng)態(tài)實(shí)體圖</p><p><b>　　圖7 留言實(shí)體圖</b></p><p>　　圖8 動(dòng)態(tài)文章實(shí)體圖</p><p><b>　　圖9 照片實(shí)體圖</b></p><p>　　圖10 工作情況實(shí)體圖</p><

47、p>　　圖11 網(wǎng)站E-R圖</p><p>　　2.4.2 數(shù)據(jù)庫表設(shè)計(jì)</p><p>　　通過對本網(wǎng)站功能的分析可得如下的數(shù)據(jù)庫信息：</p><p>　　用戶表user：此表中保存了注冊本網(wǎng)站的會(huì)員的基本資料信息，主要包括昵稱，密碼，性別，電話號碼，郵箱，婚姻狀況，出生年月日，身高，學(xué)歷，月薪，所在地，頭像，類別等信息，具體表結(jié)構(gòu)如表1所示。</

48、p><p>　　銀行卡表bankcard：此表中保存了會(huì)員的充值信息，主要包括了會(huì)員綁定的銀行卡號，支付密碼，充值金額，銀行卡余額，會(huì)員昵稱，具體表結(jié)構(gòu)如圖2所示。</p><p>　　好友表friends：此表保存的是會(huì)員之間的好友關(guān)系，主要包括會(huì)員的昵稱，對應(yīng)該會(huì)員的好友的昵稱，具體表結(jié)構(gòu)如表3所示。</p><p>　　驗(yàn)證消息表friendvalid：此表保存的

49、是添加好友時(shí)所產(chǎn)生的驗(yàn)證消息的內(nèi)容，主要包括接收者，發(fā)送者，消息內(nèi)容，發(fā)送時(shí)間，消息類型，具體表結(jié)構(gòu)如圖4所示。</p><p>　　生活習(xí)慣表life：此表中保存了會(huì)員的一些詳細(xì)的生活習(xí)慣，主要包括昵稱，是否吸煙，是否飲酒，鍛煉情況，飲食習(xí)慣，購物習(xí)慣，作息時(shí)間，最大消費(fèi)，是否會(huì)家務(wù)，對家務(wù)分配的看法，對寵物的態(tài)度，經(jīng)濟(jì)觀念，具體表結(jié)構(gòu)如表5所示。</p><p>　　情侶動(dòng)態(tài)表love

50、rs：此表保存的是成功牽手的會(huì)員發(fā)表的成功故事，主要包括發(fā)表人，標(biāo)題，正文，圖片，發(fā)表日期，具體表結(jié)構(gòu)如表10所示。</p><p>　　留言表message：此表保存的是會(huì)員給其好友的留言，主要包括留言標(biāo)題，留言正文，留言時(shí)間，留言者，接收者，具體表結(jié)構(gòu)如表9所示。</p><p>　　動(dòng)態(tài)表particle：此表保存的是所有會(huì)員發(fā)表的心情動(dòng)態(tài)，主要包括標(biāo)題，正文內(nèi)容，發(fā)布時(shí)間，發(fā)布人，

51、好評，差評，具體表結(jié)構(gòu)如表7所示。</p><p>　　照片表photo：此表保存的是所有會(huì)員發(fā)表的照片，主要包括會(huì)員的昵稱，照片的名稱，具體表結(jié)構(gòu)如表8所示。畢業(yè)設(shè)計(jì)論文代做平臺(tái) 《580畢業(yè)設(shè)計(jì)網(wǎng)》 是專業(yè)代做團(tuán)隊(duì) 也有大量畢業(yè)設(shè)計(jì)成品提供參考 www.bysj580.com QQ3449649974</p><p>　　工作情況表work：此表保存了會(huì)員工作的一些具體情況，主

52、要包括昵稱，工作職位，工作行業(yè)，公司類型，福利待遇，工作狀態(tài)，是否有調(diào)動(dòng)工作的可能，是否有到海外工作的可能性，還有就是家庭與工作將會(huì)如何平衡，具體表結(jié)構(gòu)如表3所示。</p><p>　　外貌體型表appearance：此表保存了會(huì)員外貌體型的具體細(xì)節(jié)，主要包括昵稱，體重，體型，臉型，眼型，眼色，發(fā)色，發(fā)型，發(fā)長，皮膚類型，膚色，健康狀況，具體表結(jié)構(gòu)如表4所示。</p><p>　　網(wǎng)站數(shù)據(jù)

53、庫表結(jié)構(gòu)如下：</p><p><b>　　表1 用戶表</b></p><p><b>　　續(xù)表1</b></p><p><b>　　表2 銀行卡表</b></p><p><b>　　表3 好友表</b></p><p>&l

54、t;b>　　表4 驗(yàn)證消息表</b></p><p><b>　　表5 生活習(xí)慣表</b></p><p><b>　　表6 情侶動(dòng)態(tài)表</b></p><p><b>　　表7 留言表</b></p><p><b>　　表8 心情動(dòng)態(tài)表</

55、b></p><p><b>　　表9 照片表</b></p><p><b>　　表10 工作情況表</b></p><p><b>　　表11 外貌體型表</b></p><p>　　2.5 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) </p><p>　　2.5.1 系統(tǒng)

56、結(jié)構(gòu)圖</p><p>　　本網(wǎng)站的系統(tǒng)結(jié)構(gòu)圖大體如圖12所示。</p><p>　　本網(wǎng)站僅僅分為未注冊的普通用戶和已注冊的會(huì)員，普通用戶的權(quán)限十分有限，只能夠進(jìn)入首頁和查看情侶動(dòng)態(tài)。而會(huì)員幾乎擁有所有的權(quán)限，可以實(shí)現(xiàn)交友的所有功能，同時(shí)可以管理自己的個(gè)人資料等等。具體框架如下圖：</p><p>　　圖12 無獨(dú)有伴征婚網(wǎng)站系統(tǒng)結(jié)構(gòu)圖</p>&l

57、t;p>　　2.5.2網(wǎng)站功能模塊設(shè)計(jì) </p><p><b>　　1.登錄注冊模塊</b></p><p>　?。?）注冊：當(dāng)用戶選擇注冊時(shí)，首先注冊一個(gè)昵稱和賬號，選擇快速注冊，跳轉(zhuǎn)到下一個(gè)頁面時(shí)，用戶可以選擇是否完事個(gè)人的基本資料，如此，才算注冊完成。</p><p>　?。?）登錄：會(huì)員輸入正確的昵稱和密碼即可登陸本網(wǎng)站，登

58、陸之后首先到達(dá)的頁面即是首頁，如果是管理員，則跳到管理員的界面。</p><p><b>　　2.我的空間模塊</b></p><p>　?。?）個(gè)人資料：會(huì)員點(diǎn)擊導(dǎo)航部分的我的空間即可進(jìn)入個(gè)人基本資料的頁面，在左邊的導(dǎo)航部分能夠查看填寫個(gè)人的詳細(xì)資料。</p><p>　　（2）好友動(dòng)態(tài)：此功能針對銀牌以上會(huì)員能夠查看會(huì)員的所有好友，在查看好

59、友的同時(shí)，還可以進(jìn)入好友的空間，銀牌會(huì)員僅僅能夠查看好友的基本信息，金牌可以進(jìn)一步了解好友的信息，包括好友的聯(lián)系方式，詳細(xì)資料，如果好友的資料選擇了保密，那么就只有鉆石級會(huì)員能夠看到。除此之外，會(huì)員能夠刪除好友。</p><p>　?。?）個(gè)人動(dòng)態(tài)：此部分包括會(huì)員發(fā)布心情動(dòng)態(tài)和平時(shí)的照片，發(fā)布的同時(shí)也能看到以前自己所發(fā)布的內(nèi)容，對于自己不滿意的內(nèi)容或照片可以實(shí)行刪除操作。</p><p>

60、　　（4）留言箱：此部分會(huì)員能夠查看到所有的好友給自己的留言。</p><p>　　（5）發(fā)布成功故事：若是會(huì)員牽手成功，可以在自己的空間中分享自己的故事。</p><p><b>　　3.好友動(dòng)態(tài)模塊</b></p><p>　?。?）好友心情動(dòng)態(tài)：此部分的內(nèi)容是該會(huì)員所有的好友發(fā)布的內(nèi)容，按時(shí)間排序，會(huì)員能夠給好友的動(dòng)態(tài)好評或差評。<

61、/p><p>　?。?）好友資料：此部分是顯示好友填寫的所有個(gè)人資料，以方便好友之間的了解，當(dāng)然，不同等級的會(huì)員所了解的信息是不一樣的。</p><p>　　（3）留言箱：金牌以上會(huì)員能通過這個(gè)部分給自己的好友留言。</p><p><b>　　4.情侶動(dòng)態(tài)模塊</b></p><p>　　此模塊就是顯示成功牽手的會(huì)員發(fā)表的

62、故事，包括內(nèi)容和圖片。</p><p><b>　　5.交友速配模塊</b></p><p>　　此模塊根據(jù)會(huì)員填寫的擇偶條件表從數(shù)據(jù)庫中查找出符合條件的會(huì)員，并推薦，銀牌以上的會(huì)員可以添加推薦的會(huì)員為好友，然后給好友發(fā)送驗(yàn)證消息。</p><p><b>　　6.管理員模塊</b></p><p>

63、;　　此模塊有兩個(gè)功能，一個(gè)是統(tǒng)計(jì)所有注冊的會(huì)員人數(shù)，另一個(gè)是對成功會(huì)員的統(tǒng)計(jì)與分析。 </p><p>　　2.6 網(wǎng)站界面設(shè)計(jì)</p><p>　　網(wǎng)站是由多個(gè)有序的網(wǎng)頁構(gòu)成的，網(wǎng)頁由文本、圖像和動(dòng)畫、聲音和視頻、超級鏈接、表格、表單等基本元素構(gòu)成[9]。本網(wǎng)站的頁面是采用的JSP頁面，通過CSS語言樣式表賦予了網(wǎng)頁文字更多的屬性，使用CSS樣式表

64、與表格結(jié)合實(shí)現(xiàn)了網(wǎng)頁的布局。</p><p>　　界面就是網(wǎng)站給瀏覽者的第一印象，往往決定了網(wǎng)站的觀賞性。設(shè)計(jì)網(wǎng)站界面最主要的是欄目與板塊編排，其需要注意的是：</p><p>　　盡可能刪除那些與主題無關(guān)的欄目[10]。</p><p>　　盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上[10]。</p><p>　　盡可能從訪問者角度來編排欄目以

65、方便訪問者的瀏覽和查詢[10]。</p><p><b>　　網(wǎng)站首頁</b></p><p>　　網(wǎng)站首頁如圖13所示：</p><p>　　圖13 無獨(dú)有伴征婚網(wǎng)首頁</p><p><b>　　2.登錄界面</b></p><p>　　網(wǎng)站的登陸界面有兩個(gè)輸入項(xiàng)，分別是

66、用戶的昵稱以及密碼，當(dāng)用戶輸入昵稱及密碼時(shí)，會(huì)通過JQuery進(jìn)行驗(yàn)證輸入的正確性，同時(shí)表單提交給后臺(tái)的Logindo.java,在servlet中會(huì)驗(yàn)證該用戶名和密碼是否正確，若正確，則允許登錄，否則，刷新登錄頁面，提示用戶名錯(cuò)誤。</p><p>　　本網(wǎng)站的登錄界面如14所示：</p><p>　　圖14 無獨(dú)有伴征婚網(wǎng)登錄界面</p><p><b&g

67、t;　　登錄界面測試</b></p><p>　　測試用例：用戶名：xia 密碼：123456，測試結(jié)果如下：</p><p>　　圖15 登錄頁面測試</p><p>　　登錄之后用戶會(huì)直接進(jìn)入到網(wǎng)站首頁，首頁的右上角在未登錄時(shí)顯示的內(nèi)容如圖16，登錄后如圖17所示：</p><p>　　圖16 登錄前

68、 圖17 登錄后</p><p><b>　　系統(tǒng)的實(shí)現(xiàn)與測試</b></p><p>　　此網(wǎng)站使用的是JSP技術(shù)和MySQL數(shù)據(jù)庫。系統(tǒng)主要實(shí)現(xiàn)的是需求分析中提出來的功能模塊以及對各模塊的整合，還有網(wǎng)頁頁面的設(shè)計(jì)。在實(shí)現(xiàn)代碼之后需要對網(wǎng)站進(jìn)行測試，以保證在交付之后能夠正常運(yùn)行，以下是對本網(wǎng)站的實(shí)現(xiàn)以及測試。</p><p>

69、;<b>　　3.1 系統(tǒng)的實(shí)現(xiàn)</b></p><p><b>　　個(gè)人空間模塊 </b></p><p>　　從首頁的導(dǎo)航部分點(diǎn)擊“我的空間”即能進(jìn)入個(gè)人空間模塊，個(gè)人空間模塊的頁面布局是分為三個(gè)部分，頭部引用的是head.jsp文件，這也是整個(gè)網(wǎng)站的頭部，頭部下方分為左右兩個(gè)部分，左邊的上部是顯示的會(huì)員的頭像、昵稱等等，下部是導(dǎo)航菜單，也是

70、個(gè)人空間中會(huì)員所能做的全部操作。右邊的部分主要是顯示相對于左邊導(dǎo)航菜單中每一項(xiàng)的詳細(xì)內(nèi)容。如圖18，圖19顯示的是進(jìn)入個(gè)人空間時(shí)首先顯示的內(nèi)容，即個(gè)人基本資料，實(shí)現(xiàn)導(dǎo)航菜單的是通過CSS和JS結(jié)合，在left.jsp中實(shí)現(xiàn)，部分代碼如下：</p><p>　　<dt>基本資料</dt></p><p><b>　　<dd></b>&

71、lt;/p><p>　　<div class="item"><a href="mypassage.jsp">基本資料</a></div></p><p>　　<div class="item"><a href="changepwd.jsp">修

72、改密碼</a></div></p><p><b>　　</dd></b></p><p>　　圖18 個(gè)人資料上部</p><p>　　圖19 個(gè)人基本資料下部</p><p>　　點(diǎn)擊左邊導(dǎo)航菜單中的“詳細(xì)資料”，會(huì)彈出下拉菜單，然后點(diǎn)擊“生活方式”，即進(jìn)入如圖20所示的界面。&l

73、t;/p><p>　　圖20 生活方式頁面</p><p>　　在圖19顯示的界面最下方有修改和重置兩個(gè)按鈕，會(huì)員可以對自己的個(gè)人資料進(jìn)行完善補(bǔ)充，然后點(diǎn)擊“修改”，通過UserSe.java中的change()方法，則會(huì)彈出如圖21所示的對話框，當(dāng)點(diǎn)擊確定后，即修改成功，那么該頁面顯示修改后的內(nèi)容。生活方式這部分功能是由life.jsp和UserSe.java中的add1（）方法實(shí)現(xiàn)的，部分

74、代碼如下所示：</p><p>　　<td> 會(huì)不會(huì)家務(wù)：</td></p><p><b>　　<td></b></p><p>　　<select name="houseework"></p><p>　　<%if(db.isExist(g))

75、{ %></p><p>　　<option><%=housework %></option></p><p>　　<% }else{%></p><p>　　<option></option></p><p><b>　　<%} %><

76、/b></p><p>　　<option>不會(huì)</option></p><p>　　<option>會(huì)一點(diǎn)</option></p><p>　　<option>精通</option></p><p><b>　　</select><

77、/b></p><p>　　圖21 修改個(gè)人信息頁面</p><p>　　在詳細(xì)資料下的下拉菜單中包括生活方式，工作情況，外貌體型，擇友條件四個(gè)部分，后面的三個(gè)部分所顯示的頁面與生活方式類似，操作也與生活方式相同。</p><p><b>　　2.好友動(dòng)態(tài)模塊</b></p><p>　　在詳細(xì)個(gè)人資料之后是好友動(dòng)

78、態(tài)，點(diǎn)擊“好友動(dòng)態(tài)”，出現(xiàn)下拉菜單，內(nèi)容包括我的好友，點(diǎn)擊“我的好友”，進(jìn)入如圖22的界面，顯示我的所有好友。</p><p>　　圖22 我的好友界面</p><p>　　點(diǎn)擊“他/她的空間”即可進(jìn)入該位好友的空間查看該好友的一些信息，該部分顯示的代碼主要是在finformation.jsp中，如圖23是該好友的個(gè)人資料。</p><p>　　圖23好友個(gè)人資料界

79、面</p><p>　　好友空間的布局與個(gè)人空間的布局是一樣的，只是左邊導(dǎo)航菜單的內(nèi)容不一樣，好友空間的導(dǎo)航內(nèi)容包括好友的個(gè)人資料，好友的動(dòng)態(tài)，以及留言箱。好動(dòng)態(tài)中又包括好友的心情動(dòng)態(tài)和照片，點(diǎn)擊“心情動(dòng)態(tài)”所顯示的頁面如圖24顯示。</p><p>　　圖24 好友心情動(dòng)態(tài)界面</p><p>　　如圖24所示，每頁可以顯示五條好友動(dòng)態(tài)，好友動(dòng)態(tài)超過五條可以點(diǎn)擊下

80、一頁，顯示后面的內(nèi)容，如圖25所示。</p><p>　　圖25 好友動(dòng)態(tài)第二頁</p><p>　　當(dāng)點(diǎn)擊導(dǎo)航菜單中的留言箱時(shí)，可以看到該好友的所有好友給他的留言，同時(shí)也可以給該好友留言，留言箱界面如圖26所示。</p><p>　　圖26 好友留言箱界面</p><p>　　實(shí)現(xiàn)留言的代碼在pmessage.jsp中，它是一個(gè)表單，用戶填

81、寫后提交到后臺(tái)的servlet，然后調(diào)用JavaBean中的message（）方法來實(shí)現(xiàn)。</p><p>　　點(diǎn)擊“我的空間”，返回個(gè)人空間，在我的好友界面還可以在對好友執(zhí)行刪除操作，同樣的，在個(gè)人空間中，當(dāng)然少不了個(gè)人動(dòng)態(tài)和照片的發(fā)布，這兩部分功能都在“發(fā)布動(dòng)態(tài)”菜單欄下，曬照片的界面如圖27所示，在該頁面中，除了發(fā)布照片，也可以看到自己所有發(fā)布的照片。發(fā)布照片是由頁面提交表單給后臺(tái)Article.java，

82、然后調(diào)用ArticleDB.java中的upphoto(username,image)方法實(shí)現(xiàn)。</p><p>　　圖27 曬照片的界面</p><p>　　個(gè)人空間的留言箱界面與好友空間的留言箱界面相似，只不過顯示的是自己所收到的留言，并可以點(diǎn)擊回復(fù)，跳轉(zhuǎn)到該好友的留言箱給予回復(fù)。</p><p><b>　　3.情侶動(dòng)態(tài)模塊</b><

83、;/p><p>　　最后一項(xiàng)功能是發(fā)布成功故事，牽手成功的情侶可將自己的故事與他人分享，當(dāng)會(huì)員發(fā)表了成功故事后，他的用戶類型會(huì)修改為“1”，從而不會(huì)再推薦給其他用戶。通過點(diǎn)擊頭部的導(dǎo)航“情侶動(dòng)態(tài)”，能夠查看到本網(wǎng)站所有的情侶發(fā)表的故事。界面如圖28所示。</p><p>　　圖28 情侶動(dòng)態(tài)界面</p><p>　　點(diǎn)擊看看他/她的成功故事，就能夠看到更多關(guān)于該會(huì)員的恩

84、愛事跡。</p><p><b>　　4.交友速配模塊</b></p><p>　　點(diǎn)擊交友速配，即進(jìn)入choosef.jsp頁面，跳轉(zhuǎn)到如圖29所示的界面。填寫擇友條件，點(diǎn)擊“提交”，后臺(tái)的servlet中調(diào)用choosef()方法實(shí)現(xiàn)。如果查詢失敗則如圖30所示，查詢成功結(jié)果如圖34所示。</p><p>　　圖29 交友速配界面</

85、p><p>　　圖30 未查詢到結(jié)果的界面</p><p>　　圖31 查詢成功后的頁面</p><p>　　如圖21所示，如果會(huì)員希望添加查詢到的某人為好友，則可以點(diǎn)擊“添加好友”，如果會(huì)員是銀牌以上的級別，則進(jìn)入friendvalid.jsp頁面，如圖32所示。發(fā)送驗(yàn)證消息后經(jīng)過后臺(tái)servlet中friendvalid()方法調(diào)用FriendDB.java中的ad

86、dFriendValid()實(shí)現(xiàn)。部分代碼如下所示： </p><p>　　FriendDB db=new FriendDB();</p><p>　　if(!db.isExitFriendValid(username, friend)){</p><p><b>　　try{</b></p><p>　　db.a

87、ddFriendValid(username,friend,validmessage,date,type);</p><p>　　out.flush();</p><p>　　out.print("<script>alert('發(fā)送成功');window.location.href='index.jsp';</script>

88、");</p><p><b>　　}</b></p><p>　　圖32 驗(yàn)證消息頁面</p><p>　　發(fā)送驗(yàn)證消息后，收到驗(yàn)證消息的用戶在登錄后的首頁上會(huì)有提示，如圖33所示，用戶點(diǎn)擊“驗(yàn)證消息”即可對驗(yàn)證消息做出處理。</p><p>　　圖33 會(huì)員收到驗(yàn)證消息的提示</p><

89、p>　　如圖8所示，在首頁中有查找好友的功能，點(diǎn)擊根據(jù)地區(qū)和年齡查找好友中的“查找好友”，即跳轉(zhuǎn)到如圖34的界面，其中年齡的范圍是必須輸入的，因此其后有一個(gè)提醒的紅色星號*，如果未填，則無法進(jìn)行查找。</p><p>　　圖34 查找好友界面</p><p><b>　　管理員模塊</b></p><p>　　在登錄時(shí)，用管理員的賬號登錄

90、后會(huì)跳到管理員的界面，如圖35所示。</p><p><b>　　圖35 管理員界面</b></p><p>　　點(diǎn)擊會(huì)員人數(shù)統(tǒng)計(jì)，并選擇要統(tǒng)計(jì)的時(shí)間段，就會(huì)進(jìn)入merber.jsp,跳轉(zhuǎn)到如圖36所示界面，得到所有會(huì)員人數(shù)的一個(gè)統(tǒng)計(jì)。</p><p>　　圖36 會(huì)員統(tǒng)計(jì)界面</p><p>　　管理員點(diǎn)擊表格第一行中

91、的會(huì)員類型，如“普通會(huì)員”即可查看該類型所有會(huì)員的部分信息。如圖37所示。</p><p>　　圖37普通會(huì)員的部分信息</p><p>　　在圖35中，點(diǎn)擊“成功會(huì)員統(tǒng)計(jì)分析”進(jìn)入analyze.jsp，跳轉(zhuǎn)到如圖38所示的界面，顯示的是成功會(huì)員的部分信息，并且在表格的下面給出針對成功會(huì)員成功特征的一些分析。</p><p>　　圖38 成功會(huì)員統(tǒng)計(jì)分析</

92、p><p><b>　　登錄注冊模塊</b></p><p>　　當(dāng)會(huì)員登錄時(shí)忘記密碼，可以通過如圖14中的“忘記密碼”找回，點(diǎn)擊“忘記密碼”進(jìn)入如圖39所示的界面。</p><p>　　圖39 忘記密碼界面</p><p><b>　　3.2 系統(tǒng)的測試</b></p><p>

93、;　　軟件測試分類即為軟件測試技術(shù)的分類，它有好幾種類型，包括動(dòng)態(tài)測試，靜態(tài)測試，黑盒測試，白盒測試等等，其中黑盒測試就是只知道軟件的外部情況，根據(jù)其界面和接口對軟件進(jìn)行測試，主要關(guān)注系統(tǒng)功能的實(shí)現(xiàn)[10]。本文中對網(wǎng)站采用黑盒測試的方法，驗(yàn)證網(wǎng)站是否能達(dá)到預(yù)期的功能。</p><p>　　1.根據(jù)昵稱查找好友功能</p><p>　　測試用例1：要查找的會(huì)員昵稱：黎娜。</p>

94、;<p>　　預(yù)期結(jié)果：顯示查找到的會(huì)員的基本信息。</p><p>　　測試結(jié)果：成功查找到昵稱為“黎娜”的會(huì)員，如圖40所示。</p><p>　　測試用例2：要查找的會(huì)員昵稱：李陽。</p><p>　　預(yù)期結(jié)果：顯示查找到的會(huì)員的基本信息。</p><p>　　測試結(jié)果：查找失敗，如圖41所示。</p>&

95、lt;p>　　失敗原因：數(shù)據(jù)庫中暫無該會(huì)員信息，因此查詢不到。</p><p>　　圖40 根據(jù)昵稱查找好友成功的結(jié)果</p><p>　　圖41 根據(jù)昵稱查找好友失敗的結(jié)果</p><p><b>　　2.添加好友測試</b></p><p>　　測試用例1：根據(jù)上個(gè)測試成功的結(jié)果，點(diǎn)擊右邊的“添加好友”。<

96、;/p><p>　　預(yù)期結(jié)果：添加好友成功，會(huì)員黎娜收到好友驗(yàn)證消息。</p><p>　　測試結(jié)果：添加失敗，如圖42所示。</p><p>　　失敗原因：普通會(huì)員沒有添加好友的權(quán)限。</p><p>　　測試用例2：會(huì)員升級后重新添加好友黎娜。</p><p>　　預(yù)期結(jié)果：黎娜收到驗(yàn)證消息。</p>&

97、lt;p>　　測試結(jié)果：黎娜收到驗(yàn)證消息，如圖43所示。</p><p>　　圖42 好友添加失敗</p><p><b>　　圖43 驗(yàn)證消息</b></p><p>　　測試用例3：如圖43所示，黎娜同意添加對方好友，點(diǎn)擊“同意”。</p><p>　　預(yù)期結(jié)果：添加好友成功，lili收到成功消息驗(yàn)證。<

98、/p><p>　　測試結(jié)果：添加好友成功，如圖44所示。</p><p>　　圖44 好友添加成功</p><p>　　測試用例4：如圖43所示，黎娜不同意添加對方好友，點(diǎn)擊“不同意”。</p><p>　　預(yù)期結(jié)果：lili收到拒絕的消息。</p><p>　　測試結(jié)果：lili收到如圖45的消息。</p>

99、<p>　　圖45 拒絕消息驗(yàn)證</p><p>　　3.根據(jù)年齡和所在地區(qū)廣泛的查找好友</p><p>　　測試用例1：如圖34，在其中輸入年齡的范圍為20-30歲，省份為安徽，城</p><p>　　市為合肥。 </p><p>　　預(yù)期結(jié)果：查找成功，顯示查找到的會(huì)員的基本記錄。</p><

100、p>　　測試結(jié)果：查找成功，結(jié)果如圖46所示。</p><p>　　測試用例2：如圖34，在其中輸入年齡的范圍為20-30歲，省份為云南，城 </p><p><b>　　市為昆明</b></p><p>　　預(yù)期結(jié)果：查找成功，顯示查找到的會(huì)員的基本記錄。</p><p>　　測試結(jié)果：查找失敗，結(jié)果如圖4

101、7所示。</p><p>　　失敗原因：數(shù)據(jù)庫中沒有符合該條件的會(huì)員。</p><p>　　圖46 好友查找成功</p><p>　　圖47 好友查找失敗</p><p><b>　　發(fā)布動(dòng)態(tài)</b></p><p>　　測試用例1：在我的空間中點(diǎn)擊左側(cè)導(dǎo)航菜單中的“發(fā)布動(dòng)態(tài)”，然后選擇</

102、p><p>　　“曬心情”，即可發(fā)表自己的動(dòng)態(tài)。</p><p>　　預(yù)期結(jié)果：發(fā)表成功。</p><p>　　測試結(jié)果：發(fā)表成功，彈出如圖48所示的對話框。</p><p>　　圖48 動(dòng)態(tài)發(fā)表成功</p><p><b>　　圖49 動(dòng)態(tài)發(fā)表后</b></p><p>　　

103、測試用例2：發(fā)表動(dòng)態(tài)后，在我的空間會(huì)顯示，點(diǎn)擊右側(cè)“刪除動(dòng)態(tài)”。</p><p>　　預(yù)期結(jié)果：動(dòng)態(tài)刪除。</p><p>　　測試結(jié)果：動(dòng)態(tài)刪除，如圖50所示。</p><p>　　圖50 動(dòng)態(tài)刪除成功</p><p><b>　　圖51 動(dòng)態(tài)刪除后</b></p><p><b>　

104、　找回密碼測試</b></p><p>　　測試用例：昵稱：xia 郵箱：1466215671@qq.com</p><p>　　預(yù)期結(jié)果：郵箱中收到找回密碼的郵件。</p><p>　　測試結(jié)果：收到郵件，如圖52所示。</p><p>　　圖52 找回密碼郵件</p><p><b>　　

105、第4章 結(jié)論與展望</b></p><p><b>　　4.1 系統(tǒng)總結(jié)</b></p><p>　　通過本次對網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，我進(jìn)一步掌握了軟件工程設(shè)計(jì)與實(shí)現(xiàn)軟件的基本步驟和原理。對于一個(gè)網(wǎng)站的設(shè)計(jì)，前期的準(zhǔn)備工作是特別重要的，沒有一個(gè)完整的需求分析，就可能導(dǎo)致后期的實(shí)現(xiàn)過程中需要不斷返工。另外，如果前期對于素材的收集不完善的話，后期實(shí)現(xiàn)的效果也可能會(huì)

106、達(dá)不到預(yù)想的目的。一個(gè)網(wǎng)站要想吸引用戶，就必須要有美觀的頁面設(shè)計(jì)和對于用戶來說方便簡單地功能模塊，因?yàn)橛脩羰遣磺宄W(wǎng)站內(nèi)部的邏輯功能的，必要時(shí)，還需給用戶一些簡單提示。本網(wǎng)站目前還有許多不足之處，一是頁面設(shè)計(jì)并不美觀，還有待優(yōu)化。二是網(wǎng)站實(shí)現(xiàn)的只是幾項(xiàng)簡單地交友功能，因?yàn)樗鶎W(xué)有限，只能在不斷地摸索中一步步完成這個(gè)網(wǎng)站的實(shí)現(xiàn)，然而要真正做到完美的會(huì)員之間的快速匹配以及真正的完善用戶資料，還需要更深入的學(xué)習(xí)與思考。</p>&

107、lt;p><b>　　4.2 前景展望</b></p><p>　　如今互聯(lián)網(wǎng)時(shí)代，各種各樣的征婚網(wǎng)站可謂是十分流行，許多婚戀網(wǎng)站也是非常的成功，因此征婚網(wǎng)站的市場前景是非?？捎^的。但是本網(wǎng)站還是一個(gè)不成熟的網(wǎng)站，功能較少，需要在今后不斷去完善它的功能，推出更多的活動(dòng)來吸引更多的用戶。</p><p><b>　　參考文獻(xiàn)</b></

108、p><p>　　李蘭友,江中,李瑋.Web應(yīng)用程序設(shè)計(jì)[M].北京:清華大學(xué)出版社,2006.</p><p>　　崔洋,賀亞茹.MySQL數(shù)據(jù)庫應(yīng)用從入門到精通[M].北京:中國鐵道出版社,2013.</p><p>　　Jesse James Garrett.Ajax:A New Approach to Web Applications[S/OL]. </p&

109、gt;<p>　　http://coureses.cs.washington.edu/courses/cse490h/07sp/readings/</p><p>　　ajax_adaptive_path.pdf,2005. </p><p>　　劉中兵.開發(fā)者突擊：Java Web主流框架整合開發(fā)(J2EE+Strut

110、s+Hibernate+Spring)(第二版)[M].北京:電子工業(yè)出版社,2011.</p><p>　　李詠梅,余元輝.JSP應(yīng)用教程[M],2011.</p><p>　　王立峰,延偉東,章華.軟件工程理論與實(shí)踐[M].北京:清華大學(xué)出版社,2003.</p><p>　　任永功,李風(fēng)燕,孫洪雁.網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)[M].北京:電子工業(yè)出版社,2003.&l