【正文】 。該系統(tǒng)體系結(jié)構(gòu)主要由前臺(tái)頁(yè)面顯示、后臺(tái)邏輯控制、數(shù)據(jù)庫(kù)操作幾個(gè)模塊組成。 MVC 模型介紹 MVC 是三個(gè)單詞的縮寫，分別為： 模型 (Model)，視圖 (View)和控制Controller)。 Controller 層是 Model 與 View 之間溝通的橋梁，它可以分派用戶的請(qǐng)求并選擇恰當(dāng)?shù)囊晥D以用于顯示，同時(shí)它也可以解釋用戶的輸入并將它們映射為模型層可執(zhí)行的操作。松 耦合的架構(gòu)方式帶來(lái)了許多短期和長(zhǎng)期優(yōu)勢(shì)： 1）易于開(kāi)發(fā) 個(gè)性化的組件之間不再依賴其他的組件，這就意味著他們能夠更加容易的獨(dú)立開(kāi)發(fā)。組件之間和模擬呈現(xiàn)之間容易的交換大大方便了測(cè)試的進(jìn)程，隨著時(shí)間的流逝，它能極大的增加系統(tǒng)的可靠性。 SSH2 框架介紹 框架，即 Framework。在某些方面使用別人成熟的框架，就相當(dāng)于讓別人幫你完成一些基礎(chǔ)工作，你只需要集中精力完成系統(tǒng)的業(yè)務(wù)邏輯設(shè)計(jì)。 因?yàn)槟撤N框架用的人多，而且項(xiàng)目比較大，采用以后熟悉該框架技術(shù)的人可以馬上和開(kāi)發(fā)團(tuán)隊(duì)緊密結(jié)合，從而大幅度的提升工作效率。Spring 使用基本的 Java Bean 來(lái)完成以前只可能由 EJB 完成的事情。 Hibernate 可以應(yīng)用在任何使用 JDBC的場(chǎng)合，既可以在 Java 的客戶端程序使用，也可以在 Servlet/JSP 的 Web 應(yīng)用中使用，最具革命意義的是， Hibernate 可以在應(yīng)用 EJB 的 J2EE 架構(gòu)中取代 CMP，完成數(shù)據(jù)持久化的重任。 在本次系統(tǒng)設(shè)計(jì)中， hibernate 的功能是實(shí)現(xiàn)對(duì)數(shù)據(jù)的操作，完成數(shù)據(jù)持久化任務(wù)； struts2 主要功能是實(shí)現(xiàn) action 的跳轉(zhuǎn)； spring 在此次系統(tǒng)中管理hibernate 和 struts，并提供容器作用，實(shí)現(xiàn)數(shù)據(jù)的一次加載，到處使用。無(wú)論是開(kāi)發(fā)人員、數(shù)據(jù)庫(kù)管理員、信息工作者還是決策者， SQL Server 20xx 都可以為 用戶 提供創(chuàng)新的解決方案，幫助 用戶 從數(shù)據(jù)中更多地獲益。 SQL Server 20xx 的綜合分析、集成和數(shù)據(jù)遷移功能使各個(gè)企業(yè)無(wú)論采用何種基礎(chǔ)平臺(tái)都可以擴(kuò)展其現(xiàn)有應(yīng)用程序的價(jià)值。 傳統(tǒng)的 web 應(yīng)用程序會(huì)把數(shù)據(jù)提交到 web 服務(wù)器（使用 HTML 表單）。完成這項(xiàng)工作，需要通過(guò)向服務(wù)器發(fā)送 HTTP 請(qǐng)求（在幕后），并通過(guò)當(dāng)服務(wù)器返回?cái)?shù) 據(jù)時(shí)使用 JavaScript 僅僅修改網(wǎng)頁(yè)的某部分。 CSS 目前最新版本為 CSS3，是能 夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。 開(kāi)發(fā)和運(yùn)行環(huán)境 本系統(tǒng)采用的是 B/S 架構(gòu)，開(kāi)發(fā)工具為 Eclipse，開(kāi)發(fā)語(yǔ)言為 Java，由于 Java的跨平臺(tái)性，理論上該系統(tǒng)可以在任何操作系統(tǒng)上運(yùn)行，以下為具體開(kāi)發(fā)環(huán)境： 操作系統(tǒng)： Microsoft Windows XP 開(kāi)發(fā)語(yǔ)言： Java+JavaScript 開(kāi)發(fā)工具： 數(shù)據(jù)庫(kù)系統(tǒng)： Microsoft SQL Server 20xx 應(yīng)用服務(wù)器軟件： Tomcat 圖形編輯軟件：美圖秀秀 系統(tǒng)開(kāi)發(fā)流程 本次畢業(yè)設(shè)計(jì)主要按照以下流程進(jìn)行實(shí)現(xiàn)：需求分析、系統(tǒng)功 能分析、系統(tǒng)整體架構(gòu)設(shè)計(jì)、系統(tǒng)細(xì)節(jié)設(shè)計(jì)與實(shí)現(xiàn)，如下圖 所示： 圖 系統(tǒng)開(kāi)發(fā)流程圖 ，該階段的內(nèi)容主要是分析目前二手市場(chǎng)存在的不足，了解用戶期望目標(biāo)。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 10第三章 需求分析 系統(tǒng)預(yù)期用戶 本系統(tǒng)作為一個(gè)信息發(fā)布系統(tǒng)，所有用戶都具有搜索信息的權(quán)限。 2)登陸方面 系統(tǒng)首頁(yè)自動(dòng)判定該用戶是否已經(jīng)登陸，對(duì)于已登陸用戶，系統(tǒng)為其保存用戶信息，用戶可以通過(guò)右上角的快速鏈接查看個(gè)人信息，對(duì)于尚未登陸用戶，系統(tǒng)右上角僅提供注冊(cè)與登陸鏈接。 5)個(gè)人信息 用戶個(gè)人信息是查詢已登陸用戶的個(gè)人相關(guān)信息，包括用戶信息、發(fā)布信息等內(nèi)容，在該頁(yè)面可以完成用戶個(gè)人信息的修改，以及已發(fā)布信息的修改和刪除操作。 2)系統(tǒng)配置靈活。 4)易于日后維護(hù)。 6)良好的糾錯(cuò)能力。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 14 圖 系統(tǒng)架構(gòu)圖 系統(tǒng)為 Eclipse 建立的 Web Project， src 目錄下存放 action、 dao、 util、service、 entity、 test 六個(gè)主文件夾，其中 test 文件夾僅用作部分代碼測(cè)試使用。所謂 B/S 架構(gòu)，就是瀏覽器 /服務(wù)器模式，用戶通過(guò)瀏覽器訪問(wèn)系統(tǒng)，通過(guò)對(duì)瀏覽器實(shí)現(xiàn)與后臺(tái)服 務(wù)的數(shù)據(jù)交互工作。 4) 開(kāi)發(fā)及設(shè)計(jì)時(shí)無(wú)需考慮跨平臺(tái)的實(shí)現(xiàn)問(wèn)題。 3）用戶信息索引模塊，該模塊是本設(shè)計(jì)的 主要體現(xiàn)模塊，系統(tǒng)的主要服務(wù)主要都體現(xiàn)在該模塊，用戶能夠通過(guò)系統(tǒng)提供的搜索框、城市選項(xiàng)框、時(shí)間選擇、類型選擇功能篩選自己需要的信息。 5）數(shù)據(jù)庫(kù)操作模塊，該模塊事實(shí)上對(duì)用戶是透明的，但是涉及到整個(gè)系統(tǒng)數(shù)據(jù)的存儲(chǔ)問(wèn)題，關(guān)系到系統(tǒng)運(yùn)行的操作性及順暢性，因而不容忽視。 本次設(shè)計(jì)采用的數(shù)據(jù)庫(kù)軟件為 Microsoft SQLServer 20xx，本次設(shè)計(jì)中主要有四個(gè)基表和一個(gè)視圖，分表為 user_tb（用戶表）、 type_tb（類型表）、 city_tb（城市表）、 info_tb（信息表）、 info_view（用戶視圖），如下圖 ，為數(shù)據(jù)庫(kù)中表之間的關(guān)聯(lián)關(guān)系： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 17 圖 系統(tǒng)表關(guān)聯(lián) 以下給出本次設(shè)計(jì)涉及的幾個(gè)主要表格及其相關(guān)說(shuō)明： 1）用戶表（ user_tb） 負(fù)責(zé)用戶信息的存儲(chǔ)，表結(jié)構(gòu)如圖 所示。同時(shí)，城市要有自己的隸屬城市 id 屬性。表結(jié)構(gòu)江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 19如圖 所示。用戶表提供用戶所有個(gè)人信息的存儲(chǔ)；城市表事實(shí)上主要目的提供頁(yè)面上城市選擇的功能，因?yàn)槌鞘羞x擇設(shè)計(jì)三個(gè)等級(jí)，同一等級(jí)城市會(huì)有多個(gè)，一個(gè)城市下又會(huì)有多個(gè)城市，因此，如果單純的通過(guò)頁(yè) 面來(lái)判斷所選擇的城市，并展示該城市的下屬城市的話，那么該頁(yè)面內(nèi)容必然太過(guò)龐大，而且涉及邏輯判斷較多，從而嚴(yán)重影響系統(tǒng)的運(yùn)行速度，利用 Ajax 技術(shù)可以偵測(cè)到用戶已經(jīng)選擇的城市，后臺(tái)執(zhí)行相關(guān)代碼即可將該城市的下屬城市顯示到前臺(tái)頁(yè)面，從而大大減小了系統(tǒng)負(fù)荷，這也正是數(shù)據(jù)表設(shè)計(jì)隸屬城市 id 的原因所在；類型表提供對(duì)信息所屬類型的定義，同時(shí)也能夠提供發(fā)布頁(yè)面類型選擇的動(dòng)態(tài)傳輸，實(shí)現(xiàn)類似于下屬城市動(dòng)態(tài)加載的功能。在 info_view 視圖中，根據(jù)以上四張表格之間的關(guān)聯(lián)，系統(tǒng)中查詢出一條信息對(duì)應(yīng)的用戶名、城市名、類型名、價(jià)格、提交日期等字段，這些是可以直接顯示在系統(tǒng)頁(yè)面上的，因而比較方便使用，另外，這些字段和用戶查詢時(shí)傳入的字段匹配，因此，查詢時(shí)可以直接在視圖中查詢，避免類查詢一條信息必須通過(guò)查詢info_tb 表的麻煩。系統(tǒng)界面最好保持風(fēng)格的統(tǒng)一，避免風(fēng)格的交叉和混雜給用戶帶來(lái)的視覺(jué)凌亂感。對(duì)于類似于必填部位的說(shuō)明，避免用戶在最后提交時(shí)發(fā)生無(wú)法提交提醒，還需重新填寫的現(xiàn)象。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 22 圖 用戶信息查詢界面圖 本頁(yè)面為系統(tǒng)首頁(yè)，主要功能：通過(guò)搜索框的關(guān)鍵字查詢相關(guān)信息、通過(guò)系統(tǒng)頁(yè)面上的類型分類快速查詢相關(guān)信息、用戶登陸、用戶注冊(cè)，功能代碼如下： 1. 通過(guò)關(guān)鍵字查詢信息代碼 Jsp 頁(yè)面部分： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 23 中對(duì)應(yīng)映射信息： Action 層實(shí)現(xiàn)方法： head function searchKey(){ var key=$(39。QueryInfoByKeyAction?key=39。 return infoList。 infoList=(ListInfoView)().find(Hql)。 key = new String((key).getBytes(ISO88591),UTF8)。 } } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 25冊(cè)界面主要涉及的內(nèi)容是對(duì)用戶信息的持久化操作，另外，在此處提供用戶注冊(cè)時(shí)的必填信息驗(yàn)證功能。 相關(guān)功能代碼： JSP 頁(yè)面： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 26Action 層： head base href=%=basePath% title用戶注冊(cè) /title link rel=stylesheet type=text/css href=css/ link rel=stylesheet type=text/css href=css/ script type=text/javascript function check(){ var username=$(39。password39。).val()。color:red39。 } } /script /head body div id=content div id=header jsp:include page=../util/ / br br br br h2 font color=red歡迎來(lái)到二手市場(chǎng)！ /font /h2 br br /div div id=upsidebar/div div id=main form action=AddUserAction method=post name=form1 onsubmit=return check() *用戶名： input type=text name= id=userName size=20br br *密碼 ： input type=password name= id=password size=22 br br *郵箱 ： input type=text name= size=20 id=mail onblur=39。/spanbrbr font color=red*標(biāo)內(nèi)容為必填項(xiàng)目！ /font input type=submit name=submit value=提交 / input type=reset name=reset value=重置 / /form /div div id=footer jsp:include page=../util/ / /div /div /body /html 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 27Action層： Service層： 3） 信息發(fā)布頁(yè)面 信息發(fā)布是一條信息的來(lái)源，信息發(fā)布頁(yè)面允許已登錄用戶發(fā)布自己的二手商 品信息，在信息發(fā)布時(shí)，用戶需要為該條信息指定所屬類別，需要為該條信息明確指定商品所在城市，這又助于其他用戶更加方便、準(zhǔn)確的找到該條信息。 public String Login() { userList = (userName, password)。 (user, user)。 return ().find(HQL, userName,password)。).val()。 } $.ajax({ type : 39。, data : { city : cityName }, success : function(xmlData) { var innerHtmlVar = 。 city != ) { innerHtmlVar += option + city + /option。 = 1。).append((innerHtmlVar))。xian39。sheng39。 HttpServletResponse response=()。 (text/xml。 try { PrintWriter out=()。UTF839。i++){ (city![CDATA[+(i).getCityName()+]]/city)。 } ()。 } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 31 輸入數(shù)據(jù)的驗(yàn)證 數(shù)據(jù)驗(yàn)證主要的作用是避免用戶的誤操作、符合數(shù)據(jù)庫(kù)數(shù)據(jù)的存儲(chǔ)原則。另外，頁(yè)面中寫入 span標(biāo)簽作占位符，用于設(shè)定提示信息的現(xiàn)實(shí)位置。 return cityList。 } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 32關(guān)代碼如下： Jsp 頁(yè)面： 2）系統(tǒng)信息驗(yàn)證。/spanbrbr font color=red*標(biāo)內(nèi)容為必填項(xiàng)目！ /font input type=submit value=提交 / JavaScript 中相關(guān)函數(shù)： function check(){ var username=$(39。password39。).html(lable style=39。 } } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)