無獨有伴征婚交友網(wǎng)站設計與實現(xiàn)(模板)-2

本科畢業(yè)論文（設計）題目無獨有伴征婚交友網(wǎng)站設計與實現(xiàn)院（系）信息工程學院專業(yè)網(wǎng)絡工程學生姓名學號11012058指導教師職稱論文字數(shù)13225完成日期:2015年

巢湖學院本科畢業(yè)論文(設計)誠信承諾書本人鄭重聲明：所呈交的本科畢業(yè)論文(設計)，是本人在導師的指導下，獨立進行研究工作所取得的成果。除文中已經(jīng)注明引用的內(nèi)容外，本論文不含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的作品成果。對本文的研究做出重要貢獻的個人和集體，均已在文中以明確方式標明。本人完全意識到本聲明的法律結果由本人承擔。本人簽名：日期：巢湖學院本科畢業(yè)論文(設計)使用授權說明本人完全了解巢湖學院有關收集、保留和使用畢業(yè)論文(設計)的規(guī)定，即：本科生在校期間進行畢業(yè)論文(設計)工作的知識產(chǎn)權單位屬巢湖學院。高校根據(jù)需要，有權保留并向國家有關部門或機構送交論文的復印件和電子版，允許畢業(yè)論文(設計)被查閱和借閱；高?？梢詫厴I(yè)論文(設計)的全部或部分內(nèi)容編入有關數(shù)據(jù)庫進行檢索，可以采用影印、縮印或掃描等復制手段保存、匯編畢業(yè)，并且本人電子文檔和紙質(zhì)論文的內(nèi)容相一致。保密的畢業(yè)論文(設計)在解密后遵守此規(guī)定。本人簽名：日期：導師簽名：日期：無獨有伴征婚交友網(wǎng)站設計與實現(xiàn)巢湖學院2015屆本科畢業(yè)論文（設計）無獨有伴征婚交友網(wǎng)站設計與實現(xiàn)摘要隨著社會的快速發(fā)展，現(xiàn)代人的生活節(jié)奏越來越快，工作壓力不斷增加，導致年輕人的交友時間少，交際圈變窄，宅男宅女越來越多，未婚人口占應婚人口比例逐年增長。如此一來，征婚網(wǎng)站隨之興起，為許多單身人士提供了一個大的交友平臺，讓年輕人不會有地域的局限，能夠在更大的范圍認識更多的好友，有更多的選擇。本網(wǎng)站采用了MVC設計模式，以MTE——MySQL、Tomcat、Eclipse為開發(fā)環(huán)境，并基于JSP+JavaBean+Servlet的三層架構，使用Ajax、JQuery等技術實現(xiàn)表單驗證。本網(wǎng)站主要實現(xiàn)的功能包括用戶登錄注冊，修改完善個人資料，查找添加刪除好友，給好友留言，發(fā)表心情動態(tài)以吸引更多關注，發(fā)表照片，查看成功的情侶發(fā)布的成功故事，根據(jù)擇偶條件表查找符合條件的會員等等。本文針對這個網(wǎng)站做了比較詳細的介紹，給出了部分代碼和測試結果，征婚網(wǎng)站現(xiàn)在是一種非常有用和流行的交友平臺，時下特別契合現(xiàn)代人的心理，具有非常大的發(fā)展?jié)摿?。關鍵詞:征婚網(wǎng)站；MVC；MySQL；Eclipse；JSPDesignandImplementforWebsiteof“Becompanied”MarriageSeekingAbstractWiththerapiddevelopmentinsociety,thepaceoflifehasbeengrowingfaster.Increasingworkingpressureofyoungpeopleleadstimelimitationsonmakingfriends,narrowingsocialcircleandgrowingindoorsmen.Andtheproportionofunmarriedpeopleintheamountwhoaresupposedtobemarriedisincreasingeveryyear.Therefore,marriage-seekingwebsitesspringup.Marriage-seekingwebsiteprovidesavaststageofmakingfriendsforsinglepersonsbyremovinggeographylimitations,andallowsyoungpeopletomakemorefriendsinagreaterrangetohavemorechoices.ThiswebsiteadoptsMVCdesignpatternwithinthedevelopmentenvironmentofMTEwhichincludesMySQL,TomcatandEclipseandisbasedonathree-tierarchitectureofJSP+JavaBean+Servlet.Moreover,itaccomplishesformvalidationthroughAjax,JQueryandothertechnology.Onthiswebsite,followingfunctionsareincluded:userscanupdatepersonalinformationafterregisteringandlogging,they’reabletofindstrangers,addordeletefriendsbywilling,andtheycanalsopublishsocialdynamicsandphotostoattractattentions.Besides,usersareavailabletocheckupdatedstoriesofcoupleswhoaresuccessfullymatched,andseekmembersonwebsiteaccordingtotablesofspouseconditions,etc.Thisarticlemakesadetailedintroduceofthewebsite,presentsapartofcodeandtestresults.Marriage-seekingwebsiteisapopularandusefulsocialplatformwhichconformstomodernpeople’spsychology,thusithasagreatdevelopmentpotential.Keywords:Marriage-seekingwebsite,MVC,MySQL,Eclipse,JSP目錄18546第1章開發(fā)背景及相關技術 1198851.1系統(tǒng)開發(fā)背景 1313191.2系統(tǒng)開發(fā)的目的和意義 1174051.3開發(fā)技術簡介 2107661.3.1MySQL簡介 2227801.3.2Eclipse簡介 2271981.3.3Ajax簡介 3225351.3.4MVC設計模式 3304481.3.5JSP技術簡介 315000第2章系統(tǒng)分析與設計 4171282.1可行性分析 4211992.2系統(tǒng)的總體需求分析 41382.2.1網(wǎng)站頁面設計 459442.2.2網(wǎng)站功能描述 528152.3網(wǎng)站設計指導思想 64832.4數(shù)據(jù)庫設計 6311042.4.1概念結構設計 6176632.4.2數(shù)據(jù)庫表設計 10138032.5系統(tǒng)結構設計 17270392.5.1系統(tǒng)結構圖 17309892.5.2網(wǎng)站功能模塊設計 17208172.6網(wǎng)站界面設計 1825168第3章系統(tǒng)的實現(xiàn)與測試 2265643.1系統(tǒng)的實現(xiàn) 22198753.2系統(tǒng)的測試 326372第4章結論與展望 37250474.1系統(tǒng)總結 3796064.2前景展望 3725297參考文獻 38無獨有伴征婚交友網(wǎng)站設計與實現(xiàn)巢湖學院2015屆本科畢業(yè)論文（設計）PAGEPAGE38PAGEPAGE39第1章開發(fā)背景及相關技術1.1系統(tǒng)開發(fā)背景Internet是一個由世界上數(shù)不清的計算機互聯(lián)網(wǎng)絡組成的、是一個覆蓋全球的巨大的計算機互聯(lián)網(wǎng)絡體系，是世界范圍的網(wǎng)絡、網(wǎng)關、服務器的計算機集合。Internet向全世界提供信息服務，成為人們生活中不可缺少的一部分REF_Ref17150\r\h[1]。年輕人不僅僅是一個簡單地社會組織，他們是促進這個社會進步的重要力量。社會從工業(yè)化社會進入到信息化社會，人們的生活節(jié)奏不斷加快。繁重的工作使年輕人用于社交的時間變得更少，巨大的壓力使人們更愿意周末的時候宅在家中，如此一來，現(xiàn)實的交際圈也變窄了。沒有足夠的交際時間和大的交際范圍，未婚人士在應婚人士中所占的比例正在逐年增加。第一則征婚廣告最初出現(xiàn)在英國，當時僅限于在報紙上傳播，并不為人們所喜歡。但是隨著社會的發(fā)展，征婚這一文化越來越為人們所接受，逐漸發(fā)展到有電視征婚，網(wǎng)絡征婚等等。原本在中國也有紅娘、媒婆一類的婚介，當越來越多的人從事這一行業(yè)，就出現(xiàn)了有婚介公司一類的機構。近幾年，屏幕上也相繼出現(xiàn)了許多知名的相親節(jié)目，使得相親也成為了一種流行。征婚網(wǎng)站滿足了人們希望了解更廣泛的未婚人士信息的一種愿望，具有極大的發(fā)展?jié)摿Α?.2系統(tǒng)開發(fā)的目的和意義隨著計算機技術的發(fā)展，各種聊天軟件被研發(fā)出來，使更多的宅男宅女們樂于宅在家中，在這些人當中，逐漸增加許多未婚人士，使得征婚網(wǎng)站應運而生。只要注冊一個征婚網(wǎng)站，就能夠從其中得到許多的異性信息?，F(xiàn)在人們現(xiàn)實中的交際圈比較窄，親戚朋友等所處的環(huán)境行業(yè)都有趨同性，而征婚網(wǎng)站上匯聚了五湖四海的未婚人士的基本信息，因此通過征婚網(wǎng)站來尋找交友就有了更廣泛的選擇。同時，征婚網(wǎng)站提供了許多必要的信息，往往這些信息在面對面的交談中會比較難以詢問，而通過網(wǎng)站了解則避免了尷尬，這是一種很大的便利。人們可以通過征婚網(wǎng)站進行一些簡單地交流，避免了面對面交流，減少了部分人士犯罪的犯罪幾率。除此之外，征婚網(wǎng)站的活動都是經(jīng)過網(wǎng)絡來進行的，減少了對資源的浪費，是一種健康環(huán)保的交流方式。為了保證會員之間的了解夠深，網(wǎng)站需要對會員的個人資料充分的獲取，保證好友之間的基本交流。1.3開發(fā)技術簡介1.3.1MySQL簡介MySQL是一種非常優(yōu)秀的數(shù)據(jù)庫管理系統(tǒng)，它現(xiàn)在有多個版本，能夠適應于許多不同的操作系統(tǒng)，比如說Linux,windows等等，這樣一種跨平臺的可用性大大增加了MySQL的流行性。另外，MySQL的大部分代碼是開源且免費的，十分受程序員的歡迎。雖然說MySQL數(shù)據(jù)庫并不是最為完善的數(shù)據(jù)庫，但是它運行速度快，相對成本低，開源免費的代碼使得它在中小型企業(yè)和網(wǎng)站中特別受用。它也擁有許多的程序應用接口，開發(fā)人員能夠通過編寫不同語言的程序來接入和塑造數(shù)據(jù)庫。其中在網(wǎng)站程序接口中比較受歡迎的是PHP和Perl。MySQL在以下的幾個方面做的比較好：網(wǎng)站應用：MySQL有體積小、速度快、總體成本低、開放源碼等特點REF_Ref18874\r\h[2]。因此許多中小型網(wǎng)站為了降低總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。企業(yè)級系統(tǒng)的應用：MySQL的特點包括能夠提供企業(yè)級應用程序的一切需要REF_Ref18874\r\h[2]。開源代碼：MySQL的代碼是開源的，每個人都可以下載其代碼，并修改成自己所需要的REF_Ref18874\r\h[2]。穩(wěn)定性：所有的軟件都是在不斷地發(fā)展創(chuàng)新中，MySQL的功能也是在不斷的完善，可靠性也在不斷的提高REF_Ref18874\r\h[2]。1.3.2Eclipse簡介Eclipse是一種通用工具平臺，它由一個很小的核心與許多加諸于該核心上的插件所組成，如果需要在這個平臺上實現(xiàn)各種功能，比如HTML編輯，數(shù)據(jù)庫設計等等，添加相應的的插件即能實現(xiàn)。同樣的，這樣一個基于插件組合的架構，使得Eclipse不僅僅能實現(xiàn)Java語言開發(fā)環(huán)境，同時也能夠?qū)崿F(xiàn)C、C++等環(huán)境。Eclipse是由IBM公司在2001年研發(fā)出來，經(jīng)過幾年的研發(fā)，當2.1版本出現(xiàn)時，因為其友好的界面而大受歡迎。IBM公司為了Eclipse能夠得到更好的發(fā)展，于2003年將其捐贈給了開源社區(qū)，在開源社區(qū)一眾成員的共同努力下，Eclipse開始了有了長足的進步。Eclipse包括許多的研發(fā)項目，其中IBM公司參與的就占到一半多。Eclipse是開源的，因此它除了有自己的開發(fā)團隊以外，個體的研發(fā)者也可以通過自己的努力，在前期參與一些Eclipse新聞組的討論，修復一些Bug，當能力得到認可時，便可以成為項目組真正的開發(fā)成員。1.3.3Ajax簡介Ajax（AsynchronousJavaScriptandXML)不是一項技術，它實際上是好幾種正在蓬勃發(fā)展的技術以一種強有力的新的方式整合在一起的。組成Ajax的技術有以下幾種：基于XTML和CSS的表現(xiàn)標準，使用DOM來進行動態(tài)的展示和交互，通過XML和XSLT實現(xiàn)數(shù)據(jù)的內(nèi)部改變和操作，使用XMLHttpRequest實現(xiàn)異步數(shù)據(jù)檢索以及JavaScriptREF_Ref19315\r\h[3]。傳統(tǒng)的Web應用是用戶行為觸發(fā)一個Http請求，然后發(fā)回到Web服務器中REF_Ref19315\r\h[3]。由Web服務器對數(shù)據(jù)進行一系列處理之后再返回給客戶端的HTML頁面REF_Ref19315\r\h[3]。這種方式采用的是同步應答方式，從數(shù)據(jù)發(fā)送給服務器到數(shù)據(jù)返回到客戶端的這個過程中，用戶一直處于等待的狀態(tài)。Ajax的應用改變了用戶的這種請求-等待-請求-等待的狀態(tài)，使得用戶發(fā)出請求后不必等待在一個空白的頁面。在開始的一段時間里，瀏覽器會加載一個Ajax引擎，它代表客戶端來與服務器進行交互，實現(xiàn)了客戶端與服務器的異步交流REF_Ref19315\r\h[3]。1.3.4MVC設計模式MVC（Model-Viewer-Controller)是集顯示層、業(yè)務邏輯層和控制器于一體的一種設計模式。這種模式下，客戶的請求不是直接處理，而是發(fā)送給控制器，由控制器根據(jù)請求的方式來調(diào)用不同的事務邏輯，再將其返回到顯示層。MVC設計模式很清楚的劃定了程序員與設計者的角色界限REF_Ref19681\r\h[4]。這種模式是讓設計者集中于設計應用程序的顯示部分，而開發(fā)者則集中于開發(fā)驅(qū)動應用程序功能所需的組件REF_Ref19681\r\h[4]。1.3.5JSP技術簡介JSP（JavaServerPages，Java服務器頁面）是以Sun公司為主建立的一種動態(tài)網(wǎng)頁技術標準，其實質(zhì)就是在傳統(tǒng)的HTML網(wǎng)頁文件中加入Java程序片段和JSP標記后所形成的文檔（后綴名是jsp）REF_Ref19847\r\h[5]。第2章系統(tǒng)分析與設計2.1可行性分析可行性分析是指根據(jù)一個網(wǎng)站的主要內(nèi)容和配套條件對其進行合理的分析與預測，分析其中所提出的問題是否值得去解決，在技術上可否實現(xiàn)，在經(jīng)濟上是否值得去投入研發(fā)，是否具有開發(fā)的前景，同時預測在開發(fā)出來投入使用后對社會所產(chǎn)生的影響是不是有利的。以下是從技術可行性、經(jīng)濟可行性、風險可行性、社會影響可行性等方面進行分析。技術可行性：本網(wǎng)站采用的是Web開發(fā)比較簡單基礎的幾種技術，是基于JSP+JavaBean+Servlet的三層架構，使用的是MySQL數(shù)據(jù)庫，因此技術上是可以實現(xiàn)的。經(jīng)濟可行性：網(wǎng)站的構建一般都不需要花費太多的人力和物力，本網(wǎng)站主要功能是實現(xiàn)征婚交友，讓會員通過網(wǎng)站可以互相交流了解，無需花費太多。風險可行性：現(xiàn)在的征婚網(wǎng)站比較流行，有不少成功的案例，未婚人士逐年增加，也為征婚網(wǎng)站打開了市場，并且經(jīng)濟上無需過多支出，因此風險比較小。社會影響可行性：征婚網(wǎng)站可以幫助一部分應婚的未婚人士脫離單身，讓注冊網(wǎng)站的會員有更廣泛的選擇，促進了不同地區(qū)的交流，同時也減少了見面時可能發(fā)生的犯罪事件。綜上所述，本網(wǎng)站的可行性已明確研究，是有可行性的。2.2系統(tǒng)的總體需求分析需求分析的目的是為了系統(tǒng)開發(fā)人員能夠更清楚地了解系統(tǒng)需求，為計劃迭代的技術內(nèi)容提供基礎REF_Ref19932\r\h[6]。因此需求分析十分重要。2.2.1網(wǎng)站頁面設計網(wǎng)站的頁面總體是采用CSS樣式表進行設計，中間嵌入一些表來進行排版。頁面的基色是粉色，除去登錄注冊以外，每個頁面的首部是網(wǎng)站的名稱以及導航，導航中分五個模塊，分別是首頁，我的空間，情侶動態(tài)，好友動態(tài)以及交友速配。其中，首頁分上中下三個部分，上部是用戶的基本信息，動態(tài)圖片以及查找，中部是顯示幾個情侶動態(tài)，下部是會員推薦；我的空間中包括的都是個人信息，在頭部的下面分為左右兩個部分，左邊是導航部分，右邊顯示具體的信息；情侶動態(tài)和好友動態(tài)以及交友速配是以表格的形式顯示的。2.2.2網(wǎng)站功能描述本網(wǎng)站主要包括五個功能模塊，分別是登錄注冊模塊，個人空間模塊，好友動態(tài)模塊，情侶動態(tài)模塊，交友速配模塊，管理員模塊。以下是對五個功能模塊的詳細描述。1.注冊登錄模塊本模塊主要包括注冊登錄，非會員用戶僅僅能夠瀏覽首頁以及部分情侶動態(tài)，會員注冊后為普通會員，其等級為0。會員登錄網(wǎng)站后，可以通過充值升級的方式進行升級，不同等級的會員擁有不同的權限。2.個人空間模塊本模塊實現(xiàn)的功能針對所有的會員，有查看和修改個人的基本資料以及詳細資料，詳細資料中包括生活習慣，工作情況，外型體型和個人的擇偶條件，在我的空間中能夠?qū)@些信息進行查看和修改操作。同時，我的空間中可以查看到我的好友，并對這些好友做出一些相應的操作，例如查看好友空間等等。除此之外，本模塊中會員能夠發(fā)表一些自己的日常動態(tài)和照片，如果感覺自己發(fā)表的內(nèi)容欠妥，也可以刪除自己曾發(fā)表的內(nèi)容。最后，在我的空間中，會員還能查詢好友給自己的留言，以進一步加深與好友的溝通。3.好友動態(tài)模塊點開好友動態(tài)模塊，就能夠查看到自己所有的好友發(fā)表的心情動態(tài)，可以點擊右下角的小圖片給好友的文章點贊。點擊左上角的會員昵稱，就能夠進入到該好友的空間中，首先看到的是好友的個人資料，包括基本資料和詳細資料，接下來可以查看該好友所發(fā)表的所有動態(tài)以及照片。當打開留言箱時，不僅能看到該好友的所有好友留下的留言，自己也能夠給該好友留言，對于自己的留言，同樣也能做刪除操作。在好友動態(tài)模塊只有銀牌以上的會員才能夠進入，因為只有銀牌以上的會員才擁有添加好友的權限。在進入好友空間之后，銀牌會員僅僅能夠看到該好友的基本信息，當升級成為金牌會員時，方可看到好友的聯(lián)系方式以及其他的詳細資料。如果好友選擇將個人信息保密，那么僅僅只有鉆石級會員可以看到好友的個人資料。4.情侶動態(tài)模塊本模塊中包含了本網(wǎng)站中所有成功牽手的情侶的動態(tài)，剛點開時是一個大概的瀏覽，點擊查看成功故事后，則可以看到該會員發(fā)表的詳細的故事。5.交友速配模塊本模塊是根據(jù)會員填寫的擇偶條件表中的擇偶條件或者是會員在頁面中填寫的擇偶條件，在頁面上以表格形式顯示查詢出的相應記錄。如果會員是銀牌以上的會員，能夠執(zhí)行添加好友的操作。當點擊添加好友時，需要填寫好友驗證信息并發(fā)送給該好友。如果該好友選擇“同意”，則兩人成為好友，如果選擇“拒絕”，則系統(tǒng)自動給會員回復拒絕消息。同樣會員能夠選擇“繼續(xù)添加”或者“忽略”該信息。6.管理員模塊登錄時，系統(tǒng)會對會員的類型進行判斷，如果type=“2”時，則是管理員，登陸后進入管理員的界面。管理員界面有兩大功能，一個是對網(wǎng)站的會員進行數(shù)字統(tǒng)計，同時查看會員的基本信息。另一個功能是對成功會員的統(tǒng)計，分析會員的學歷、月薪以及有無頭像等方面，給出成功率較高的會員的特征分析。2.3網(wǎng)站設計指導思想1.軟件工程的思想本網(wǎng)站從最初的設計到后面的實現(xiàn)基本上是依據(jù)軟件工程的一個思想，它實現(xiàn)的一個過程是先開始需求分析，明確了網(wǎng)站需要實現(xiàn)的功能模塊，其次是對網(wǎng)站進行數(shù)據(jù)庫的設計，界面設計等等概念上的設計，之后就是對網(wǎng)站功能的具體實現(xiàn)，最后則是對網(wǎng)站的測試，當發(fā)現(xiàn)有問題時，及時對網(wǎng)站做出修改。總的來說，網(wǎng)站設計的主要任務包括：網(wǎng)站架構設計，以瀏覽器為客戶端的Web應用程序開發(fā)，系統(tǒng)測試及網(wǎng)站發(fā)布等REF_Ref20118\r\h[7]。MVC設計思想在MVC實例中，外部世界的模型以及反饋給用戶的視圖都被明確的分離開來，每一個部分有著不同的任務。視圖管理的是圖片以及文本輸出在位圖現(xiàn)實中的比例，即網(wǎng)頁中的界面顯示?？刂破魇强刂朴身撁?zhèn)鱽淼恼埱蟮奶幚?，并調(diào)用模型中的方法。模型是應用程序的主體部分，它基本包括了網(wǎng)站中所有實現(xiàn)的方法。2.4數(shù)據(jù)庫設計2.4.1概念結構設計概念模型用于信息世界的建模，是現(xiàn)實世界到信息世界的第一層抽象REF_Ref20200\r\h[8]。它是數(shù)據(jù)庫設計人員進行數(shù)據(jù)庫設計的有力工具REF_Ref20200\r\h[8]。同時也是數(shù)據(jù)庫設計人員和用戶之間進行交流的語言REF_Ref20200\r\h[8]。因此概念模型一方面應該具有較強的語言表達能力，能夠方便、直接地表達應用中的各種語義知識，另一方面它還應該簡單、清晰、易于用戶理解。基于無獨有伴征婚網(wǎng)站的主要實體圖和E-R圖如下：省份月薪學歷省份月薪學歷城市身高城市身高頭像出生日期頭像出生日期出生月份升級日期出生月份升級日期出生年份用戶出生年份用戶注冊日期注冊日期婚姻狀況成功日期婚姻狀況成功日期電話郵箱電話郵箱性別類型等級性別類型等級密碼昵稱密碼昵稱圖1用戶基本信息實體圖銀行卡銀行卡密碼充值金額密碼充值金額余額卡號持卡人余額卡號持卡人圖2銀行卡實體圖好友關系好友關系好友昵稱會員昵稱好友昵稱會員昵稱圖3好友關系實體圖驗證消息驗證消息消息類型接收者消息類型接收者發(fā)送時間發(fā)送者發(fā)送時間發(fā)送者消息內(nèi)容消息內(nèi)容圖4驗證消息實體圖會員昵稱是否吸煙是否保密會員昵稱是否吸煙是否保密是否飲酒經(jīng)濟觀念是否飲酒經(jīng)濟觀念鍛煉情況寵物生活習慣鍛煉情況寵物生活習慣飲食習慣家務分配飲食習慣家務分配購物習慣會家務否購物習慣會家務否時間作息最大消費時間作息最大消費人際關系人際關系圖5生活習慣實體圖情侶動態(tài)情侶動態(tài)發(fā)布人標題發(fā)布人標題發(fā)布日期正文發(fā)布日期正文圖片圖片圖6情侶動態(tài)實體圖留言留言接受者留言標題接受者留言標題留言者留言內(nèi)容留言者留言內(nèi)容留言時間留言時間圖7留言實體圖動態(tài)文章動態(tài)文章差評發(fā)布人差評發(fā)布人好評標題好評標題發(fā)布時間正文發(fā)布時間正文圖8動態(tài)文章實體圖照片照片照片路徑會員昵稱照片路徑會員昵稱圖9照片實體圖是否保密是否保密會員昵稱工作家庭工作情況會員昵稱工作家庭工作情況職業(yè)職位海外工作職業(yè)職位海外工作公司行業(yè)工作調(diào)動公司行業(yè)工作調(diào)動公司類型工作狀態(tài)公司類型工作狀態(tài)福利待遇福利待遇圖10工作情況實體圖游客留言好友動態(tài)照片游客留言好友動態(tài)照片NNM1NNM1M發(fā)表管理發(fā)表注冊M發(fā)表管理發(fā)表注冊1速配1速配11111111111升級升級金牌會員銀牌會員普通會員11111升級升級金牌會員銀牌會員普通會員11N1M1升級管理N1M1升級管理保密資料保密資料1N1管理管理1N1管理管理1查看個人資料1查看個人資料鉆石會員鉆石會員M1MM1M11管理管理11管理管理管理員管理員11圖11網(wǎng)站E-R圖2.4.2數(shù)據(jù)庫表設計通過對本網(wǎng)站功能的分析可得如下的數(shù)據(jù)庫信息：用戶表user：此表中保存了注冊本網(wǎng)站的會員的基本資料信息，主要包括昵稱，密碼，性別，電話號碼，郵箱，婚姻狀況，出生年月日，身高，學歷，月薪，所在地，頭像，類別等信息，具體表結構如表1所示。銀行卡表bankcard：此表中保存了會員的充值信息，主要包括了會員綁定的銀行卡號，支付密碼，充值金額，銀行卡余額，會員昵稱，具體表結構如圖2所示。好友表friends：此表保存的是會員之間的好友關系，主要包括會員的昵稱，對應該會員的好友的昵稱，具體表結構如表3所示。驗證消息表friendvalid：此表保存的是添加好友時所產(chǎn)生的驗證消息的內(nèi)容，主要包括接收者，發(fā)送者，消息內(nèi)容，發(fā)送時間，消息類型，具體表結構如圖4所示。生活習慣表life：此表中保存了會員的一些詳細的生活習慣，主要包括昵稱，是否吸煙，是否飲酒，鍛煉情況，飲食習慣，購物習慣，作息時間，最大消費，是否會家務，對家務分配的看法，對寵物的態(tài)度，經(jīng)濟觀念，具體表結構如表5所示。情侶動態(tài)表lovers：此表保存的是成功牽手的會員發(fā)表的成功故事，主要包括發(fā)表人，標題，正文，圖片，發(fā)表日期，具體表結構如表10所示。留言表message：此表保存的是會員給其好友的留言，主要包括留言標題，留言正文，留言時間，留言者，接收者，具體表結構如表9所示。動態(tài)表particle：此表保存的是所有會員發(fā)表的心情動態(tài)，主要包括標題，正文內(nèi)容，發(fā)布時間，發(fā)布人，好評，差評，具體表結構如表7所示。照片表photo：此表保存的是所有會員發(fā)表的照片，主要包括會員的昵稱，照片的名稱，具體表結構如表8所示。工作情況表work：此表保存了會員工作的一些具體情況，主要包括昵稱，工作職位，工作行業(yè)，公司類型，福利待遇，工作狀態(tài)，是否有調(diào)動工作的可能，是否有到海外工作的可能性，還有就是家庭與工作將會如何平衡，具體表結構如表3所示。外貌體型表appearance：此表保存了會員外貌體型的具體細節(jié)，主要包括昵稱，體重，體型，臉型，眼型，眼色，發(fā)色，發(fā)型，發(fā)長，皮膚類型，膚色，健康狀況，具體表結構如表4所示。網(wǎng)站數(shù)據(jù)庫表結構如下：表1用戶表字段名類型是否允許空備注說明userNameVarchar(255)No昵稱passwordVarchar(255)No密碼sexVarchar(10)Yes性別telphoneVarchar(20)Yes電話emailVarchar(255)Yes郵箱續(xù)表1IsMarryVarchar(20)Yes婚姻狀況yearInt(10)Yes出生年份monthInt(10)Yes出生月份dayInt(10)Yes出生日期heightVarchar(10)Yes身高educationVarchar(60)Yes學歷salaryVarchar(100)Yes月薪cityVarchar(255)Yes所在城市headVarchar(255)Yes頭像provinceVarchar(255)Yes所在省份gradeInt(11)會員等級“0”表示普通會員，“1”表示銀牌會員，“2”表示金牌會員，“3”表示鉆石會員typeInt(11)No用戶類型“0”表示單身的會員，“1”表示牽手成功的會員，“2”表示管理員registdatedateNo注冊日期upGradeDatedateNo升級日期successdaydateNo成功日期表2銀行卡表字段類型是否允許空備注userNameVarchar(255)No持卡人cardVarchar(255)No銀行卡號pwdVarchar(255)No支付密碼moneyInt(11)Yes充值金額remainInt(11)Yes余額表3好友表字段類型是否允許空備注userNameVarchar(255)No昵稱friendNameVarchar(255)No好友昵稱表4驗證消息表字段類型是否允許空備注reciverVarchar(255)No接收者senderVarchar(255)No發(fā)送者validMessagetextYes消息內(nèi)容timedatetimeYes發(fā)送時間typeInt(11)No消息類型表5生活習慣表字段類型是否允許空備注userNameVarchar(255)No昵稱somkeVarchar(255)Yes是否吸煙drinkVarchar(255)Yes是否飲酒exerciseVarchar(255)Yes鍛煉情況foodVarchar(255)Yes飲食習慣shoppingVarchar(255)Yes購物習慣shceduleVarchar(255)Yes作息時間relationshipVarchar(255)Yes交際圈maxExpenseVarchar(255)Yes最大消費housworkVarchar(255)Yes是否會家務hwAllocationVarchar(255)Yes對家務分配的看法petVarchar(255)Yes對寵物的態(tài)度encoNotionVarchar(255)Yes經(jīng)濟觀念表6情侶動態(tài)表字段類型是否允許空備注usernameVarchar(255)No發(fā)布人titleVarchar(255)Yes標題contenttextNo正文imageVarchar(255)Yes圖片datedatetimeYes發(fā)布日期表7留言表字段類型是否允許空備注mtitleVarchar(255)Yes留言標題mcontenttextNo留言內(nèi)容mtimedatetimeYes留言時間muserVarchar(255)No留言者userVarchar(255)No接收者表8心情動態(tài)表字段類型是否允許空備注titleVarchar(255)Yes標題contenttextNo正文內(nèi)容pubtimedatetimeYes發(fā)表時間pubUserVarchar(255)No發(fā)布人praiseInt(11)Yes好評fallInt(11)Yes差評表9照片表字段類型是否允許空備注userNameVarchar(255)No昵稱photoVarchar(255)No照片名稱表10工作情況表字段類型是否允許空備注userNameVarchar(255)No昵稱positionVarchar(255)Yes職業(yè)職位industryVarchar(255)Yes公司行業(yè)comTypeVarchar(255)Yes公司類型welfareVarchar(255)Yes福利待遇workStateVarchar(255)Yes工作狀態(tài)tansferWorkVarchar(255)Yes調(diào)動工作可能性workOverseaVarchar(255)Yes海外工作可能性woFaVarchar(255)Yes家庭事業(yè)平衡性表11外貌體型表字段類型是否允許空備注userNameVarchar(255)No昵稱weightInt(11)Yes體重sizeVarchar(255)Yes體型faceVarchar(255)Yes臉型eyesVarchar(255)Yes眼型eyesColorVarchar(255)Yes眼色hairColorVarchar(255)Yes發(fā)色hairStyleVarchar(255)Yes發(fā)型hairHeightVarchar(255)Yes發(fā)長skinVarchar(255)Yes皮膚類型skinColorVarchar(255)Yes膚色healthVarchar(255)Yes健康狀況2.5系統(tǒng)結構設計2.5.1系統(tǒng)結構圖本網(wǎng)站的系統(tǒng)結構圖大體如圖12所示。本網(wǎng)站僅僅分為未注冊的普通用戶和已注冊的會員，普通用戶的權限十分有限，只能夠進入首頁和查看情侶動態(tài)。而會員幾乎擁有所有的權限，可以實現(xiàn)交友的所有功能，同時可以管理自己的個人資料等等。具體框架如下圖：無獨有伴征婚網(wǎng)無獨有伴征婚網(wǎng)普通用戶管理員普通用戶管理員普通會員銀牌會員金牌會員鉆石會員會員信息統(tǒng)計成功會員統(tǒng)計分析普通會員銀牌會員金牌會員鉆石會員會員信息統(tǒng)計成功會員統(tǒng)計分析個人資料管理發(fā)表動態(tài)照片發(fā)布成功故事查找好友添加好友查看好友基本信息及好友動態(tài)查看好友聯(lián)系方式查看好友非保密詳細資料給好友留言查看好友保密的詳細資料個人資料管理發(fā)表動態(tài)照片發(fā)布成功故事查找好友添加好友查看好友基本信息及好友動態(tài)查看好友聯(lián)系方式查看好友非保密詳細資料給好友留言查看好友保密的詳細資料圖12無獨有伴征婚網(wǎng)站系統(tǒng)結構圖2.5.2網(wǎng)站功能模塊設計1.登錄注冊模塊（1）注冊：當用戶選擇注冊時，首先注冊一個昵稱和賬號，選擇快速注冊，跳轉(zhuǎn)到下一個頁面時，用戶可以選擇是否完事個人的基本資料，如此，才算注冊完成。（2）登錄：會員輸入正確的昵稱和密碼即可登陸本網(wǎng)站，登陸之后首先到達的頁面即是首頁，如果是管理員，則跳到管理員的界面。2.我的空間模塊（1）個人資料：會員點擊導航部分的我的空間即可進入個人基本資料的頁面，在左邊的導航部分能夠查看填寫個人的詳細資料。（2）好友動態(tài)：此功能針對銀牌以上會員能夠查看會員的所有好友，在查看好友的同時，還可以進入好友的空間，銀牌會員僅僅能夠查看好友的基本信息，金牌可以進一步了解好友的信息，包括好友的聯(lián)系方式，詳細資料，如果好友的資料選擇了保密，那么就只有鉆石級會員能夠看到。除此之外，會員能夠刪除好友。（3）個人動態(tài)：此部分包括會員發(fā)布心情動態(tài)和平時的照片，發(fā)布的同時也能看到以前自己所發(fā)布的內(nèi)容，對于自己不滿意的內(nèi)容或照片可以實行刪除操作。（4）留言箱：此部分會員能夠查看到所有的好友給自己的留言。（5）發(fā)布成功故事：若是會員牽手成功，可以在自己的空間中分享自己的故事。3.好友動態(tài)模塊（1）好友心情動態(tài)：此部分的內(nèi)容是該會員所有的好友發(fā)布的內(nèi)容，按時間排序，會員能夠給好友的動態(tài)好評或差評。（2）好友資料：此部分是顯示好友填寫的所有個人資料，以方便好友之間的了解，當然，不同等級的會員所了解的信息是不一樣的。（3）留言箱：金牌以上會員能通過這個部分給自己的好友留言。4.情侶動態(tài)模塊此模塊就是顯示成功牽手的會員發(fā)表的故事，包括內(nèi)容和圖片。5.交友速配模塊此模塊根據(jù)會員填寫的擇偶條件表從數(shù)據(jù)庫中查找出符合條件的會員，并推薦，銀牌以上的會員可以添加推薦的會員為好友，然后給好友發(fā)送驗證消息。6.管理員模塊此模塊有兩個功能，一個是統(tǒng)計所有注冊的會員人數(shù)，另一個是對成功會員的統(tǒng)計與分析。2.6網(wǎng)站界面設計網(wǎng)站是由多個有序的網(wǎng)頁構成的，網(wǎng)頁由文本、圖像和動畫、聲音和視頻、超級鏈接、表格、表單等基本元素構成REF_Ref20540\r\h[9]。本網(wǎng)站的頁面是采用的JSP頁面，通過CSS語言樣式表賦予了網(wǎng)頁文字更多的屬性，使用CSS樣式表與表格結合實現(xiàn)了網(wǎng)頁的布局。界面就是網(wǎng)站給瀏覽者的第一印象，往往決定了網(wǎng)站的觀賞性。設計網(wǎng)站界面最主要的是欄目與板塊編排，其需要注意的是：盡可能刪除那些與主題無關的欄目REF_Ref20634\r\h[10]。盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上REF_Ref20634\r\h[10]。盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢REF_Ref20634\r\h[10]。網(wǎng)站首頁網(wǎng)站首頁如圖13所示：圖13無獨有伴征婚網(wǎng)首頁2.登錄界面網(wǎng)站的登陸界面有兩個輸入項，分別是用戶的昵稱以及密碼，當用戶輸入昵稱及密碼時，會通過JQuery進行驗證輸入的正確性，同時表單提交給后臺的Logindo.java,在servlet中會驗證該用戶名和密碼是否正確，若正確，則允許登錄，否則，刷新登錄頁面，提示用戶名錯誤。本網(wǎng)站的登錄界面如14所示：圖14無獨有伴征婚網(wǎng)登錄界面登錄界面測試測試用例：用戶名：xia密碼：123456，測試結果如下：圖15登錄頁面測試登錄之后用戶會直接進入到網(wǎng)站首頁，首頁的右上角在未登錄時顯示的內(nèi)容如圖16，登錄后如圖17所示：圖16登錄前圖17登錄后系統(tǒng)的實現(xiàn)與測試此網(wǎng)站使用的是JSP技術和MySQL數(shù)據(jù)庫。系統(tǒng)主要實現(xiàn)的是需求分析中提出來的功能模塊以及對各模塊的整合，還有網(wǎng)頁頁面的設計。在實現(xiàn)代碼之后需要對網(wǎng)站進行測試，以保證在交付之后能夠正常運行，以下是對本網(wǎng)站的實現(xiàn)以及測試。3.1系統(tǒng)的實現(xiàn)個人空間模塊從首頁的導航部分點擊“我的空間”即能進入個人空間模塊，個人空間模塊的頁面布局是分為三個部分，頭部引用的是head.jsp文件，這也是整個網(wǎng)站的頭部，頭部下方分為左右兩個部分，左邊的上部是顯示的會員的頭像、昵稱等等，下部是導航菜單，也是個人空間中會員所能做的全部操作。右邊的部分主要是顯示相對于左邊導航菜單中每一項的詳細內(nèi)容。如圖18，圖19顯示的是進入個人空間時首先顯示的內(nèi)容，即個人基本資料，實現(xiàn)導航菜單的是通過CSS和JS結合，在left.jsp中實現(xiàn)，部分代碼如下：<dt>基本資料</dt> <dd> <divclass="item"><ahref="mypassage.jsp">基本資料</a></div> <divclass="item"><ahref="changepwd.jsp">修改密碼</a></div> </dd>圖18個人資料上部圖19個人基本資料下部點擊左邊導航菜單中的“詳細資料”，會彈出下拉菜單，然后點擊“生活方式”，即進入如圖20所示的界面。圖20生活方式頁面在圖19顯示的界面最下方有修改和重置兩個按鈕，會員可以對自己的個人資料進行完善補充，然后點擊“修改”，通過UserSe.java中的change()方法，則會彈出如圖21所示的對話框，當點擊確定后，即修改成功，那么該頁面顯示修改后的內(nèi)容。生活方式這部分功能是由life.jsp和UserSe.java中的add1（）方法實現(xiàn)的，部分代碼如下所示：<td>會不會家務：</td><td><selectname="houseework"><%if(db.isExist(g)){%><option><%=housework%></option><%}else{%><option></option><%}%><option>不會</option><option>會一點</option><option>精通</option></select>圖21修改個人信息頁面在詳細資料下的下拉菜單中包括生活方式，工作情況，外貌體型，擇友條件四個部分，后面的三個部分所顯示的頁面與生活方式類似，操作也與生活方式相同。2.好友動態(tài)模塊在詳細個人資料之后是好友動態(tài)，點擊“好友動態(tài)”，出現(xiàn)下拉菜單，內(nèi)容包括我的好友，點擊“我的好友”，進入如圖22的界面，顯示我的所有好友。圖22我的好友界面點擊“他/她的空間”即可進入該位好友的空間查看該好友的一些信息，該部分顯示的代碼主要是在finformation.jsp中，如圖23是該好友的個人資料。圖23好友個人資料界面好友空間的布局與個人空間的布局是一樣的，只是左邊導航菜單的內(nèi)容不一樣，好友空間的導航內(nèi)容包括好友的個人資料，好友的動態(tài)，以及留言箱。好動態(tài)中又包括好友的心情動態(tài)和照片，點擊“心情動態(tài)”所顯示的頁面如圖24顯示。圖24好友心情動態(tài)界面如圖24所示，每頁可以顯示五條好友動態(tài)，好友動態(tài)超過五條可以點擊下一頁，顯示后面的內(nèi)容，如圖25所示。圖25好友動態(tài)第二頁當點擊導航菜單中的留言箱時，可以看到該好友的所有好友給他的留言，同時也可以給該好友留言，留言箱界面如圖26所示。圖26好友留言箱界面實現(xiàn)留言的代碼在pmessage.jsp中，它是一個表單，用戶填寫后提交到后臺的servlet，然后調(diào)用JavaBean中的message（）方法來實現(xiàn)。點擊“我的空間”，返回個人空間，在我的好友界面還可以在對好友執(zhí)行刪除操作，同樣的，在個人空間中，當然少不了個人動態(tài)和照片的發(fā)布，這兩部分功能都在“發(fā)布動態(tài)”菜單欄下，曬照片的界面如圖27所示，在該頁面中，除了發(fā)布照片，也可以看到自己所有發(fā)布的照片。發(fā)布照片是由頁面提交表單給后臺Article.java，然后調(diào)用ArticleDB.java中的upphoto(username,image)方法實現(xiàn)。圖27曬照片的界面?zhèn)€人空間的留言箱界面與好友空間的留言箱界面相似，只不過顯示的是自己所收到的留言，并可以點擊回復，跳轉(zhuǎn)到該好友的留言箱給予回復。3.情侶動態(tài)模塊最后一項功能是發(fā)布成功故事，牽手成功的情侶可將自己的故事與他人分享，當會員發(fā)表了成功故事后，他的用戶類型會修改為“1”，從而不會再推薦給其他用戶。通過點擊頭部的導航“情侶動態(tài)”，能夠查看到本網(wǎng)站所有的情侶發(fā)表的故事。界面如圖28所示。圖28情侶動態(tài)界面點擊看看他/她的成功故事，就能夠看到更多關于該會員的恩愛事跡。4.交友速配模塊點擊交友速配，即進入choosef.jsp頁面，跳轉(zhuǎn)到如圖29所示的界面。填寫擇友條件，點擊“提交”，后臺的servlet中調(diào)用choosef()方法實現(xiàn)。如果查詢失敗則如圖30所示，查詢成功結果如圖34所示。圖29交友速配界面圖30未查詢到結果的界面圖31查詢成功后的頁面如圖21所示，如果會員希望添加查詢到的某人為好友，則可以點擊“添加好友”，如果會員是銀牌以上的級別，則進入friendvalid.jsp頁面，如圖32所示。發(fā)送驗證消息后經(jīng)過后臺servlet中friendvalid()方法調(diào)用FriendDB.java中的addFriendValid()實現(xiàn)。部分代碼如下所示： FriendDBdb=newFriendDB();if(!db.isExitFriendValid(username,friend)){try{ db.addFriendValid(username,friend,validmessage,date,type); out.flush(); out.print("<script>alert('發(fā)送成功');window.location.href='index.jsp';</script>");}圖32驗證消息頁面發(fā)送驗證消息后，收到驗證消息的用戶在登錄后的首頁上會有提示，如圖33所示，用戶點擊“驗證消息”即可對驗證消息做出處理。圖33會員收到驗證消息的提示如圖8所示，在首頁中有查找好友的功能，點擊根據(jù)地區(qū)和年齡查找好友中的“查找好友”，即跳轉(zhuǎn)到如圖34的界面，其中年齡的范圍是必須輸入的，因此其后有一個提醒的紅色星號*，如果未填，則無法進行查找。圖34查找好友界面管理員模塊在登錄時，用管理員的賬號登錄后會跳到管理員的界面，如圖35所示。圖35管理員界面點擊會員人數(shù)統(tǒng)計，并選擇要統(tǒng)計的時間段，就會進入merber.jsp,跳轉(zhuǎn)到如圖36所示界面，得到所有會員人數(shù)的一個統(tǒng)計。圖36會員統(tǒng)計界面管理員點擊表格第一行中的會員類型，如“普通會員”即可查看該類型所有會員的部分信息。如圖37所示。圖37普通會員的部分信息在圖35中，點擊“成功會員統(tǒng)計分析”進入analyze.jsp，跳轉(zhuǎn)到如圖38所示的界面，顯示的是成功會員的部分信息，并且在表格的下面給出針對成功會員成功特征的一些分析。圖38成功會員統(tǒng)計分析登錄注冊模塊當會員登錄時忘記密碼，可以通過如圖14中的“忘記密碼”找回，點擊“忘記密碼”進入如圖39所示的界面。圖39忘記密碼界面3.2系統(tǒng)的測試軟件測試分類即為軟件測試技術的分類，它有好幾種類型，包括動態(tài)測試，靜態(tài)測試，黑盒測試，白盒測試等等，其中黑盒測試就是只知道軟件的外部情況，根據(jù)其界面和接口對軟件進行測試，主要關注系