/中國地質大學小學期項目題目：在線快捷交友系統的設計與實現專業班級：學生姓名：學生學號：指導教師姓名：2013年目錄一、系統目標1二、開發工具及技術簡介2-11三、系統的需求分析11-13四、系統的數據庫設計五、系統詳細設計13-15六、系統實現15-45七、系統設計總結46八、參考文獻46系統目標在現代社會里,網上交友作為一種網絡服務形式得到了越來越多的人的認可,也已經成為近兩年來廣泛受到用戶歡迎和商家青睞的網絡服務項目。網絡技術的發展為交友模式的革新帶來了新的機遇,現代網絡交友將結合現代網絡技術、多媒體技術與傳統溝通與交流學習的優勢,改變傳統的面對面的交友方式,開發出基于B/S架構的交友平臺系統。該系統主要就是實現網絡交友平臺,完成在線聊天,留言,發送短消息,對相冊的上傳下載,對系統模塊的問題,對用戶的管理,對在線用戶的搜索功能,從而能夠達到在線交友,交流,學習的一個知識平臺開發工具及技術簡介2.1 JSP技術JSP〔JavaServerPages>是由SunMicrosystems公司倡導、許多公司參與一起建立的一種動態網頁技術標準。JSP技術有點類似ASP技術,它是在傳統的網頁HTML文件<*.htm,*.html>中插入Java程序段<Scriptlet>和JSP標記<tag>,從而形成JSP文件<*.jsp>。用JSP開發的Web應用是跨平臺的,既能在Linux下運行,也能在其他操作系統上運行。JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務器在頁面被客戶端請求以后對這些Java代碼進行處理,然后將生成的HTML頁面返回給客戶端的瀏覽器。JavaServlet是JSP的技術基礎,而且大型的Web應用程序的開發需要JavaServlet和JSP配合才能完成。JSP具備了Java技術的簡單易用,完全的面向對象,具有平臺無關性且安全可靠,主要面向因特網的所有特點。2.2MySQL數據庫MySQL是一個關系型數據庫管理系統,由瑞典MySQLAB公司開發,目前屬于Oracle公司。MySQL是一種關聯數據庫管理系統,關聯數據庫將數據保存在不同的表中,而不是將所有數據放在一個大倉庫內,這樣就增加了速度并提高了靈活性。MySQL的SQL語言是用于訪問數據庫的最常用標準化語言。MySQL軟件采用了雙授權政策〔本詞條"授權政策",它分為社區版和商業版,由于其體積小、速度快、總體擁有成本低,尤其是開放源碼這一特點,一般中小型網站的開發都選擇MySQL作為網站數據庫。由于其社區版的性能卓越,搭配PHP和Apache可組成良好的開發環境。與其他的大型數據庫例如Oracle、DB2、SQLServer等相比,MySQL自有它的不足之處,但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業來說,MySQL提供的功能已經綽綽有余,而且由于MySQL是開放源碼軟件,因此可以大大降低總體擁有成本。Linux作為操作系統,Apache和Nginx作為Web服務器,MySQL作為數據庫,PHP/Perl/Python作為服務器端腳本解釋器。由于這四個軟件都是免費或開放源碼軟件〔FLOSS>,因此使用這種方式不用花一分錢〔除開人工成本就可以建立起一個穩定、免費的網站系統,被業界稱為"LAMP"組合。2.3JDBC連接數據庫技術一、JDBC技術JDBC是JavaDatabaseConnectivity技術的簡稱,它是Java進行數據庫編程的API,為開發人員提供了一套訪問各種數據庫的標準編程接口。這個標準編程接口,使得基于多種后臺數據庫的程序開發變得非常容易實現,開發人員只要使用JDBCAPI開發一個數據庫訪問程序就可以了,沒有必要為訪問SQLServer數據庫寫一個程序,為訪問Oracle數據庫專門寫一個程序,或者為訪問MySQL數據庫又寫另一個程序。JDBCAPI主要由一些接口組成,這些接口定義了用于數據庫訪問的許多方法,主要實現了下圖所示的功能：圖1建立與數據庫的連接發送SQL語句至數據庫執行處理SQL執行結果其中,建立數據庫連接是進行數據庫編程的基礎,在建立好連接的基礎之上才能進行程序與數據庫之間的信息傳遞,本文就著重介紹了使用JDBC獲取各種常見數據庫的連接對象的方法。JDBCAPI提供了Java程序訪問數據庫的統一編程接口,使得訪問不同的數據庫編碼可以是一致的,但對于特定的數據庫,需要這些接口針對特定數據庫的具體實現。數據庫引擎開發商和第三方廠商就針對特定數據庫引擎提供了這些接口的實現方法,這種實現稱為JDBC驅動程序〔JDBCDriver。開發數據庫應用程序時,必須提供合適的JDBCDrvier。2.4HTML技術全稱：HyperTextMark-upLanguage,譯稱：超文本標記語言。是一套獨立于平臺的格式定義?是由各種標記<Tag>組成的標記語言。用來描述網頁文檔中的各個組成部分。無需編譯,瀏覽器可直接解釋。通常HTML的標記是以成對的方式出現的,其格式如下：＜標記名稱「屬性名稱＝參數…]>內容＜/標記名稱＞。凡是在<標記>和</標記＞之間的內容均會受到這個標記的影響。但是有少部份的標記,加上結尾標註反而覺得累贅,因此在習慣上也有不加結尾標記的。其格式如下：<標記名稱>2.5Tomcat服務器Tomcat服務器是一個免費的開放源代碼的Web應用服務器,屬于輕量級應用服務器,在中小型系統和并發訪問用戶不是很多的場合下被普遍使用,是開發和調試JSP程序的首選。對于一個初學者來說,可以這樣認為,當在一臺機器上配置好Apache服務器,可利用它響應對HTML頁面的訪問請求。實際上Tomcat部分是Apache服務器的擴展,但它是獨立運行的,所以當你運行tomcat時,它實際上作為一個與Apache獨立的進程單獨運行的。訣竅是,當配置正確時,Apache為HTML頁面服務,而Tomcat實際上運行JSP頁面和Servlet。另外,Tomcat和IIS、Apache等Web服務器一樣,具有處理HTML頁面的功能,另外它還是一個Servlet和JSP容器,獨立的Servlet容器是Tomcat的默認模式。不過,Tomcat處理靜態HTML的能力不如Apache服務器。目前Tomcat最新版本為。Tomcat很受廣大程序員的喜歡,因為它運行時占用的系統資源小,擴展性好,支持負載平衡與郵件服務等開發應用系統常用的功能；而且它還在不斷的改進和完善中,任何一個感興趣的程序員都可以更改它或在其中加入新的功能。2.6 MyEclipse集成開發環境MyEclipse企業級工作平臺〔MyEclipseEnterpriseWorkbench,簡稱MyEclipse是對EclipseIDE的擴展,利用它我們可以在數據庫和J2EE的開發、發布,以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發環境,包括了完備的編碼、調試、測試和發布功能,完整支持HTML,Struts,JSF,CSS,Javascript,SQL,Hibernate。

在結構上,MyEclipse的特征可以被分為7類：

1.J2EE模型

2.WEB開發工具

3.EJB開發工具

4.應用程序服務器的連接器

5.J2EE項目部署服務

6.數據庫服務

7.MyEclipse整合幫助

對于以上每一種功能上的類別,在Eclipse中都有相應的功能部件,并通過一系列的插件來實現它們。MyEclipse結構上的這種模塊化,可以讓我們在不影響其他模塊的情況下,對任一模塊進行單獨的擴展和升級。

簡單而言,MyEclipse是Eclipse的插件,也是一款功能強大的J2EE集成開發環境,支持代碼編寫、配置、測試以及除錯。系統的需求分析3.1可行性分析傳統的交友平臺設計是應用系統方法分析和需求,確立解決他們的方法與步驟,并對交友結果作出評價的一種計劃過程與操作程序?，F代交友設計理論已經不拘泥于系統論的理論基礎,不強調對交友活動的絕對控制,逐漸放棄呆板的設計模式,開始強調互動性設計的關系性、靈活性和實時性,從而更加有利于網友的相互交際的能力。jsp:在網頁里能夠用java代碼這里使跟html不相同的實現數據庫連接或者一些語句的判斷使得頁面更加簡潔。JDBC：使服務器連接到數據庫,可以對數據庫進行查詢、修改、顯示。用這個功能來實現對用戶的行為的記錄。Tomacat服務器：訪問人數不多的情況下使用,配置好環境變量。使調試和開發JSP頁面變得容易。Servlet：服務器端的接口,在進行數據庫和網頁之間的連接的時候要寫入servlet程序,實質上就是一個JSP頁面?？梢杂弥苯犹D輸入xml對應servlet程序里面的mappingurl的名字進行直接跳轉,而從jsp里面跳轉到Servlet一般是用一個表單,然后action=""內填其名字實現跳轉。Ajax：當要訪問數據庫可是不想跳進Servlet頁面而想在當前頁面輸出或這修改的動作時,用Ajax得到Xml是在HttpReuqest里的。然后跳進Servlet這里雖然跳進了servlet但是頁面不變成servlet那個頁面而是只執行里面的操作。Ajax還可以傳送數據去servlet里面去隨便多少個。jQuery：使得代碼更加簡便,并且有很多方法,讓頁面很容易就變得生動活潑起來JavaScript：可以通過標簽的屬性來觸發script里面的function函數。css樣式使得網頁變的生動活潑且動人,表格使得網頁的格式平整對齊。表單讓用戶能輸入數據并被服務器接受。鏈接可以直接實現跳轉。轉發：使用轉發功能可以使的數據在跳轉頁面的時候進行傳送。而且可以綁定多個數據。重定向：response.setRedirect<"uri">;這是把當前頁面轉到另外一個頁面,因為在servlet里面使根本沒辦法用類似<a></a>標記進行直接跳轉的。但是重定向到的頁面帶的數據只能用到下一個頁面,到下下個頁面就沒辦法得到數據了。Cookies:使客戶端管理用戶狀態。每次訪問頁面,都會有屬于當前訪問者的cookieid。而且會保存一段時間,瀏覽器會將cookie以文件的形式保存在硬盤上,超過指定的時間后,刪除該文件seconds<0：默認值,瀏覽器會將cookie保存在內存里面,只有關閉瀏覽器的時候,才會刪除。second=0：立即刪除cookie,所以用完要直接刪除。Session：在登陸界面時候,一旦登陸成功之后,在servlet里面創建一個屬于用戶的session。之后在整個交友界面的過程中,session中綁定的數據一直可以用。在退出登陸后session要刪除。設置中文狀態：request.setCharacterEncoding<"utf-8”Response.setContentType<"utf-8”3.2功能圖在線交友系統統在線交友系統統網友注冊模塊網友個人管理模塊網站會員管理模塊網友注冊信息網友登錄驗證個人資料管理相片管理交友請求管理交友回復管理留言管理注冊會員管理系統的數據庫設計4.1數據庫結構分析根據系統功能設計要求和模塊劃分,本站的數據庫主要存儲用戶注冊信息、留言信息、好友信息、照片信息、管理員信息、申請好友者信息、交友請求回復信息等。實現的表為：1.createtablefriend_user<idbigintprimarykeyauto_increment,usernamevarchar<20>unique,passwordvarchar<10>,namevarchar<20>,ageint<3>,gendervarchar<2>,telvarchar<20>>;2.createtablefriend_pic<usernamevarchar<20>,path1varchar<100>>;3.createtablepersondetail<usernamevarchar<20>,heightdouble,studyvarchar<14>,marryvarchar<10>,salaryint<5>,provincevarchar<6>,cityvarchar<6>,housevarchar<6>,vehiclevarchar<10>,innerwordsvarchar<100>>;4.createtablesayhello< usernamevarchar<20>, hellovarchar<50>, attentionvarchar<20>>;5.createtablechoose< usernamevarchar<20>, heightdouble, studyvarchar<14>, marriagevarchar<10>, provincevarchar<6>, cityvarchar<6>>;4.2數據表的設計根據需求分析中對系統功能的各方面做出的定義,系統設計了相應的數據庫表。進行開發時,在MySQL數據庫中應該嚴格按照此結構進行表的定義,而且一定要注意在設計的過程中,對各字段大小所做的限制。用戶簡單注冊信息表。編號字段名稱數據類型說明1user_namevarchar<18>用戶名2passwordVarchar<18>用戶密碼2、用戶詳細注冊表、編號字段名稱數據類型說明1lar_idbigint<19>自動編號,主鍵2user_idbigint<19>用戶編號3namevarchar<50>用戶姓名4sexvarchar<50>用戶性別5agevarchar<50>用戶年齡6homevarchar<50>用戶籍貫7educationvarchar<50>用戶學歷8netnamevarchar<50>用戶網名9homepagevarchar<50>個人主頁3、發信信息表編號字段標識數據類型說明1idBigint<19>消息編碼,主鍵2netnameVarchar<10>網名3wordVarchar<255>發信內容4datetimestamp發信時間5for_idbigint發信用戶編號6user_idbigint用戶編號好友信息列表friend。編號字段標識數據類型說明1idBigint<19>好友編碼,主鍵2netnameVarchar<50>網名3for_idBigint<19>好友編號4user_idBigint<19>用戶編號5sexVarchar<50>好友性別6homeVarchar<50>好友籍貫照片信息列表friendimg。編號字段標識數據類型說明1fidBigint<19>文件編號,主鍵2idBigint<19>編號3fimgaeblob存儲圖片系統詳細設計注冊模塊1主要填寫一寫用戶名密碼等等基本信息,每一項信息都有限制,用戶名與以前別人注冊過的相同,密碼必須6位數以上。電話必須11位數,驗證碼要與圖片里的數字一致,防止有木馬一直注冊攻擊數據庫。這些信息會達到數據庫,與第一個表相連,并且數據加入到第一個表中。注冊模塊2主要填寫用戶的詳細信息,沒項必須選擇,不選擇的話沒法讓其他的用戶去查詢你并且認識你。與第三個表相連,并且數據加入到第三個表中。注冊模塊3填寫內心獨白,與第三個表的innerwords相連,并且數據加入到第三個表中。注冊模塊4,填寫擇友條件。與第五個表相連,并且數據加入到第二個表中。注冊成功,返回到登陸界面。登陸界面,可以實現判斷用戶名是否存在以及用戶名和密碼是否和數據庫里面的匹配。主頁面,顯示總共的注冊過的用戶的信息,并且有詳細信息的鏈接點入,有收信箱和查看我關注的人的功能,還有退出主頁面收件箱,有人和你打招呼那么點擊收件箱的時候打招呼會顯示出來,不點擊則不顯示我關注的人,里面顯示用戶曾經點過加關注的人的信息,后面仍然附有詳細信息鏈接。高級查詢,可以利用下拉列表分別用按照性別查找,按照買房查找,按照年齡查找等等等。用戶詳細信息：里面利用表格打印出用戶的詳細信息,比如內心獨白,年齡,買房,婚姻等等。并且有加關注,打招呼,和上傳圖片等功能。當然,還附有一個判斷,如果是點入了本人的詳細信息,在每一項詳細信息的屬性下還可以修改。上傳照片六、系統實現用戶注冊頁面實現代碼：functioncheckUser<> {varusername=document.getElementById<"username">; varuser_msg=document.getElementById<"user_msg">; if<username.value=="">{user_msg.innerHTML="用戶名不能為空";} else { user_msg.innerHTML="";}} functioncheck_username2<>{ $.post<"check_username",{ username:$<"#username">.val<>}, function<data>{ $<"#username_msg">.html<data>;}>;} functioncheckName<>{ varname=document.getElementById<"name">; varname_msg=document.getElementById<"name_msg">; varreg=/^[\u4e00-\u9fa5]*$/; varrs=reg.test<name.value>; if<name.value=="">{ name_msg.innerHTML="真實姓名不能為空";} else{ if<!rs>{ name_msg.innerHTML="姓名必須為中文";} else{ name_msg.innerHTML="";}}} functioncheckPwd<> { varpwd=document.getElementById<"pwd">; varpwd_msg=document.getElementById<"pwd_msg">; varreg=/^[a-z]*[A-Z]*\d*$/; varrs=reg.test<pwd.value>; if<pwd.value==""> { pwd_msg.innerHTML="密碼不能為空";} else{ if<!rs||pwd.value.length<6>{ pwd_msg.innerHTML="必須由六位以上字母和數字組成";} else{ pwd_msg.innerHTML="";}}} functioncheckConPwd<>{ varo1=document.getElementById<"pwd">; varo2=document.getElementById<"conPwd">; varconPwd_msg=document.getElementById<"conPwd_msg">; if<o2.value!=o1.value>{ conPwd_msg.innerHTML="確認密碼與密碼不同,請重新輸入"; } else{ conPwd_msg.innerHTML="";} } functioncheckTel<> { varobj=document.getElementById<"tel">; vartel_msg=document.getElementById<"tel_msg">; varreg1=/^\d{11}$/; varreg2=/^\d{3}[\-]\d{8}$/; varb=<reg1.test<obj.value>||reg2.test<obj.value>>; if<!b> { tel_msg.innerHTML="電話格式輸入錯誤";} else{ tel_msg.innerHTML="";}} functiongetXmlHttpRequest<>{ varxhr=null; if<typeofXMLHttpRequest!='undefined'> { xhr=newXMLHttpRequest<>;} else { xhr=newActiveXObject<'MicrosoftXMLHttp'>;} returnxhr; } functioncheckCheckCode<>{ varmsg=document.getElementById<"code_msg">; varcode=document.getElementById<"checkCode">; varxhr=getXmlHttpRequest<>; xhr.open<'post','checkyzm',true>; xhr.setRequestHeader<"Content-Type","application/x-www-form-urlencoded">; xhr.onreadystatechange=function<>{ if<xhr.readyState==4>{ if<xhr.status==200>{ vartxt=xhr.responseText; msg.innerHTML=txt; }else{ msg.innerHTML="系統錯誤,請稍后重試"; } }else{ msg.innerHTML="正在驗證...";} }; xhr.send<'checkCode='+code.value>;}</script>用戶登錄<h1>登錄</h1> <formaction="login"method="post"> <tablecellpadding="0"cellspacing="0"border="0"class="form_table"> <tr> <tdvalign="middle"align="right">用戶名：</td> <tdvalign="middle"align="left"> <inputtype="text"class="inputgri"id="username"name="username"/> <spanid="username_msg"style="color:red;"></span> </td></tr><tr> <tdvalign="middle"align="right">密碼</td> <tdvalign="middle"align="left"> <inputtype="password"class="inputgri"id="pwd"name="pwd"/><spanstyle="color:red;"id="pwd_msg"></span> </td> </tr> </table><p> <inputtype="submit"class="button"value="確認»"/> <span>還不是我們的會員?<ahref="regist.jsp"style="color:#9ACD32">趕快加入</a></span> </p></form>主頁面實現代碼：<h1><%Stringusername=<String>session.getAttribute<"username">;%> <%=username%> 的首頁 </h1> </div> <%String[]hello=<String[]>request.getAttribute<"hello">;%> <%Stringbig=""; for<inti=0;i<hello.length;i++>{ if<hello[i]==null>{ continue; }else{ big=big+hello[i];}} %> <divid="content"> <pid="whereami"></p> <tableclass="table"style="font-size:15px;"> <tr> <td><imgsrc="img/envelope.JPG"width="25"height="15"/><ahref="javascript:;"id="a1">收件箱</a></td> </tr><tr> <td><divid="d1"><%=big%></div></td> </tr><tr> <td><imgsrc="img/gift.JPG"width="25"height="15"/>禮物箱</td> </tr></table> <h3>已有用戶</h3></div> <center> <tableborder='0'width='100%'cellpadding='1'cellspacing='0'align='center'> <trclass="table_header"> <td>ID</td><td>用戶名</td><td>年齡</td><td>性別</td><td>操作</td> </tr> <%List<Member>members=<List<Member>>request.getAttribute<"members">; intcount=0; for<Memberm:members> { count++; Stringstr; if<count%2==0>{ %> <trclass="form_table"style="background-color:#e0e0e0"> <td><%=m.getId<>%></td> <td><%=m.getUsername<>%></td> <td><%=m.getAge<>%></td> <td><%=m.getGender<>%></td> <td><astyle="font-size:12px;"href='userDetail?username=<%=m.getUsername<>%>'> <%if<!m.getUsername<>.equals<username>>{ str="詳細"; } else{ str="我的更多資料";}%><%=str%></a></td></tr><%}else{%> <trclass="form_table"style="background-color:white"> <td><%=m.getId<>%></td> <td><%=m.getUsername<>%></td> <td><%=m.getAge<>%></td> <td><%=m.getGender<>%></td> <td><astyle="font-size:12px;color:#6B8E23"href='userDetail?username=<%=m.getUsername<>%>'> <%if<!m.getUsername<>.equals<username>>{ str="詳細";} else{ str="我的更多資料";}%><%=str%></a></td> </tr><%}}%></table></center><ahref="check_attention"style="font-size:20px;color:#1E90FF;">我關注的人</a> <palign="right"><ahref="find.jsp"class="butt">高級查詢</a></p> <formaction="logout"method="post"> <inputtype="submit"class="button"style="font-size:15px"value="退出系統"/> </form></div>4、實現代碼：<%=username1%> 的個人信息</h1> <%if<username1.equals<username>>{%> <h2>上傳圖片</h2> <formaction="upload"method="post"enctype="multipart/form-data"> <inputtype="file"name="file"onchange="previewImage<this>"/> <inputtype="submit"value="確認"/> </form> <h2>預覽圖片</h2> <divid="preview"> <imgid="imghead"border=0src=''> </div> <%}%> <br/> <br/> <%Connectionconn=null; request.setCharacterEncoding<"utf-8">; conn=DBUtils_Mysql.getConnection<>; Stringsql="select*fromfriend_picwhereusername='"+username1+"'"; PreparedStatementps=conn.prepareStatement<sql>; ResultSetrs=ps.executeQuery<>; List<Pic>pics=newArrayList<Pic><>; while<rs.next<>> { Picpic=newPic<>; pic.setUsername<rs.getString<1>>; pic.setPath1<rs.getString<2>>; pics.add<pic>; } for<Picp:pics> { p.getPath1<>; String[]str=newString[6]; str=p.getPath1<>.split<"\\\\">; %> <imgheight="300px"width="200px"src="upload/<%=str[5]%>"/> <%} DBUtils_Mysql.close<conn>; %> <br/> <br/> <center> <tableborder='0'width='100%'cellpadding='1'cellspacing='0'align='center'style="font-size:15px"> <%List<Member>members=<List<Member>>request.getAttribute<"members">;%> <%Membertest=newMember<>; for<Memberm:members>{ if<m.getUsername<>.equals<username1>> { test=m; break; }} %><trclass="form_table"style="background-color:#e0e0e0;color:#1E90FF;font-size:14px"> <td>詳細資料：<%if<username1.equals<username>>{%><ahref="#">修改</a><%}%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <td> <tableborder='0'width='100%'cellpadding='1'cellspacing='0'align='center'style="font-size:15px"> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">姓名：</td><td><%=test.getName<>%></td><tdstyle="color:#EEA9B8">電話：</td><td><%=test.getTel<>%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">身高：</td><td><%=test.getHeight<>%></td><tdstyle="color:#EEA9B8">學歷：</td><td><%=test.getStudy<>%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">婚姻狀況：</td><td><%=test.getMarriage<>%></td><tdstyle="color:#EEA9B8">薪水：</td><td><%=test.getSalary<>%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">省份：</td><td><%=test.getProvince<>%></td><tdstyle="color:#EEA9B8">城市：</td><td><%=test.getCity<>%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">居住情況：</td><td><%=test.getHouse<>%></td><tdstyle="color:#EEA9B8">購車情況：</td><td><%=test.getVehicle<>%></td></tr> </table></td></tr><trclass="form_table"style="background-color:#e0e0e0;color:#1E90FF;font-size:14px"> <td>內心獨白：<%if<username1.equals<username>>{%><ahref="#">修改</a><%}%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <td><%=test.getInnerword<>%></td> </tr> <trclass="form_table"style="background-color:#e0e0e0;color:#1E90FF;font-size:14px"> <td>擇友條件：<%if<username1.equals<username>>{%><ahref="#">修改</a><%}%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <td> <tableborder='0'width='100%'cellpadding='1'cellspacing='0'align='center'style="font-size:15px"> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">身高：</td><td><%=test.getCheight<>%></td><tdstyle="color:#EEA9B8">學歷：</td><td><%=test.getCstudy<>%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">省份：</td><td><%=test.getCprovince<>%></td><tdstyle="color:#EEA9B8">城市：</td><td><%=test.getCcity<>%></td> </tr> <trclass="form_table"style="background-color:white;font-size:12px"> <tdstyle="color:#EEA9B8">婚姻狀況：</td><td><%=test.getCmarriage<>%></td> </tr> 5、<h1style="color:#8DB6CD">高級查詢</h1> <formaction="find"method="post"> <tablecellpadding="0"cellspacing="0"border="0"align="center"class="s1"> <tr> <tdstyle="font-size:20px">性別：</td> <td> <selectclass="inputgri"id="gender"name="gender"> <optionvalue="m"selected="selected">男</option> <optionvalue="f">女</option> </select> </td> <tdstyle="font-size:20px">身高：</td> <td> <selectclass="inputgri"id="height"name="height"> <optionvalue="plz"selected="selected">--請選擇--</option> <optionvalue="160">160cm以上</option> <optionvalue="170">170cm以上</option> <optionvalue="180">180cm以上</option> <optionvalue="190">190cm以上</option> </select> </td> </tr> <tr><td></td></tr> <tr> <tdstyle="font-size:20px">學歷：</td> <td> <selectclass="inputgri"id="study"name="study"> <optionvalue="plz"selected="selected">--請選擇--</option> <optionvalue="初中以下">初中以下</option> <optionvalue="高中">高中</option> <optionvalue="本科及專科">本科及?？?lt;/option> <optionvalue="研究生及以上">研究生及以上</option> </select> </td> <tdstyle="font-size:20px">所在地區：</td> <td> <selectclass="inputgri"id="province"name="province"onchange="located<>"> <optionvalue="plz"selected="selected">--請選擇--</option> <optionvalue="XX">XX</option> <optionvalue="XX">XX</option> <optionvalue="XX">XX</option> <optionvalue="XX">XX</option> </select> <selectclass="inputgri"id="city"name="city"> <optionvalue="plz"selected="selected">--請選擇--</option> <optionvalue=""></option> <optionvalue=""></option> <optionvalue=""></option> </select></td></tr> <tr><td></td></tr><tr> <tdstyle="font-size:20px">購房情況：</td> <td> <selectclass="inputgri"id="house"name="house"> <optionvalue="plz"selected="selected">--請選擇--</option> <optionvalue="買房">買房</option> <optionvalue="租房">租房</option> </select> </td> <tdstyle="font-size:20px">購車情況</td> <td> <selectclass="inputgri"id="vehicle"name="vehicle"> <optionvalue="plz"select