【正文】 n 層實現(xiàn)方法： head function searchKey(){ var key=$(39。 系統(tǒng)界面展示 及相關(guān)實現(xiàn)代碼 本系統(tǒng)涉及多個頁面，本論文只選取幾個主要頁面作為展示說明： 1） 用戶信息查詢界面 用戶查詢界面主要按照系統(tǒng)分類提供常用搜索物品的超鏈接，用戶在首頁面就可以看到大多數(shù)常用商品的搜索鏈接；另外，系統(tǒng)搜索界面提供關(guān)鍵字搜索，用戶可以在搜索框輸入自己想要查詢的物品的關(guān)鍵字，頁面提交數(shù)據(jù)到指定Action，此時的 Action 指定類的指定方法是通過 中的映射文件來獲得，該 Action 類調(diào)用 Service 層接口， Service 類調(diào)用 Dao 層方法， Dao 層訪問數(shù)據(jù)庫，實現(xiàn)對數(shù)據(jù)的持久化操作 。對于類似于必填部位的說明，避免用戶在最后提交時發(fā)生無法提交提醒，還需重新填寫的現(xiàn)象。本系統(tǒng)顏色的搭配原則是采用比較淡的顏色作為主色調(diào)，對其他一些模塊的顏色，進行稍微加深或者減淺，盡量做到不給用戶某一模塊特別突兀的感覺。系統(tǒng)界面最好保持風(fēng)格的統(tǒng)一，避免風(fēng)格的交叉和混雜給用戶帶來的視覺凌亂感。界面功能布局合理，操作方便，不奢求很炫的效果和華麗的外觀。在 info_view 視圖中，根據(jù)以上四張表格之間的關(guān)聯(lián)，系統(tǒng)中查詢出一條信息對應(yīng)的用戶名、城市名、類型名、價格、提交日期等字段，這些是可以直接顯示在系統(tǒng)頁面上的，因而比較方便使用，另外，這些字段和用戶查詢時傳入的字段匹配，因此，查詢時可以直接在視圖中查詢，避免類查詢一條信息必須通過查詢info_tb 表的麻煩。因為信息表存儲的內(nèi)容較大，關(guān)聯(lián)的信息較多，如果頁面的每一次查詢都是直接在信息表中查詢的話，必然帶來兩個直接問題：一是查詢一條信息所要檢索的字段更多，對查詢效率有一定影響；二是當(dāng)查詢一條信息時，頁面上要顯示物品所在地時，系統(tǒng)還需要通過信息表中的 city_id 字段去查詢 city_tb 中的 city_name字段，這樣必然很麻煩，因此，再次引入 info_view 視圖。用戶表提供用戶所有個人信息的存儲；城市表事實上主要目的提供頁面上城市選擇的功能，因為城市選擇設(shè)計三個等級，同一等級城市會有多個，一個城市下又會有多個城市，因此，如果單純的通過頁 面來判斷所選擇的城市，并展示該城市的下屬城市的話，那么該頁面內(nèi)容必然太過龐大，而且涉及邏輯判斷較多，從而嚴重影響系統(tǒng)的運行速度，利用 Ajax 技術(shù)可以偵測到用戶已經(jīng)選擇的城市，后臺執(zhí)行相關(guān)代碼即可將該城市的下屬城市顯示到前臺頁面，從而大大減小了系統(tǒng)負荷，這也正是數(shù)據(jù)表設(shè)計隸屬城市 id 的原因所在；類型表提供對信息所屬類型的定義，同時也能夠提供發(fā)布頁面類型選擇的動態(tài)傳輸，實現(xiàn)類似于下屬城市動態(tài)加載的功能。表結(jié)構(gòu)如圖 所示。表結(jié)構(gòu)江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 19如圖 所示。 圖 城市表結(jié)構(gòu) city_id：城市標識字段 city_name：城市名稱描述 city_level：城市等級劃分，主要用戶區(qū)分省、市、縣等劃分區(qū)域 super_city：城市所屬城市標識 4）信 息表（ info_tb） 負責(zé)信息存儲，用于用戶信息查詢、篩選。同時，城市要有自己的隸屬城市 id 屬性。表結(jié)構(gòu)如圖 所示。 本次設(shè)計采用的數(shù)據(jù)庫軟件為 Microsoft SQLServer 20xx，本次設(shè)計中主要有四個基表和一個視圖，分表為 user_tb（用戶表）、 type_tb（類型表）、 city_tb（城市表）、 info_tb（信息表）、 info_view（用戶視圖），如下圖 ，為數(shù)據(jù)庫中表之間的關(guān)聯(lián)關(guān)系： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 17 圖 系統(tǒng)表關(guān)聯(lián) 以下給出本次設(shè)計涉及的幾個主要表格及其相關(guān)說明： 1）用戶表（ user_tb） 負責(zé)用戶信息的存儲，表結(jié)構(gòu)如圖 所示。 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計 數(shù)據(jù)庫用于存儲系統(tǒng)中涉及到的數(shù)據(jù)，實現(xiàn)主要數(shù)據(jù)的持久化功能，另外，有些數(shù)據(jù)還用于頁面的現(xiàn)實條用，例如城市表中的下屬城市信息還用于頁面的動態(tài)獲取展示，這些信息在需要使用的時候從數(shù)據(jù)庫查詢調(diào)用，減少頁面的加載負荷，保證了系統(tǒng)運行的順暢。 5）數(shù)據(jù)庫操作模塊，該模塊事實上對用戶是透明的，但是涉及到整個系統(tǒng)數(shù)據(jù)的存儲問題，關(guān)系到系統(tǒng)運行的操作性及順暢性，因而不容忽視。 4）用戶信息發(fā)布模塊，用戶信息發(fā)布模塊建立在用戶具有用戶賬號和已登錄的情況下，需要發(fā)布信息的用戶必須擁有自己的賬號來標示自己的信息，該功能模塊下，用戶可以選擇自己要發(fā)布的商品信息的所屬類別、設(shè)定商品的期望出售價格、填寫自己的聯(lián)系方式等。 3）用戶信息索引模塊，該模塊是本設(shè)計的 主要體現(xiàn)模塊，系統(tǒng)的主要服務(wù)主要都體現(xiàn)在該模塊，用戶能夠通過系統(tǒng)提供的搜索框、城市選項框、時間選擇、類型選擇功能篩選自己需要的信息。 以下是對各個模塊的具體說明： 1）用戶登陸與注冊模塊，該模塊負責(zé)用戶賬戶的注冊、登陸和修改功能，基于 MVC 系統(tǒng)的二手市場 用戶個人中心模塊 用戶登陸與注冊模塊 用戶信息索引模塊 用戶信息發(fā)布模塊 數(shù)據(jù)庫操作模塊 圖 系統(tǒng)功能模塊圖 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 16同時提供對已登陸用戶名的保存功能，使用戶在一次連接中不用再次登陸。 4) 開發(fā)及設(shè)計時無需考慮跨平臺的實現(xiàn)問題。 2) 有利于對系統(tǒng)的更改和維護，由于系統(tǒng)本身運行在服務(wù)器端，因此對服務(wù)器方的更改即可影響到所有客戶端的訪問數(shù)據(jù)。所謂 B/S 架構(gòu)，就是瀏覽器 /服務(wù)器模式，用戶通過瀏覽器訪問系統(tǒng)，通過對瀏覽器實現(xiàn)與后臺服 務(wù)的數(shù)據(jù)交互工作。 系統(tǒng) Web Content 目錄下存放自定義文件夾 imgs、 css、 js、 pages、 util 和 頁面，其中 imgs 文件夾主要是提供所需圖片的調(diào)用， css 文件中存放頁面布局信息，供頁面元素調(diào)用， js 文件夾中為 JavaScript 信息，頁面中的控件通過 JavaScript 腳本實現(xiàn)部分功能， pages 存放多數(shù)頁面，在本系統(tǒng)中其優(yōu)勢不明顯，在大型系統(tǒng)中，分類的頁面存儲為日后的升級、維護提供了極大的方便，util 文件夾主要存放一些組件頁面 ，例如本系統(tǒng)中首頁由 、 、 頁面組成，頁面組合的應(yīng)用增強了代碼的復(fù)用性，降低了資源浪費； 頁面是系統(tǒng)的入口，它提供首頁的跳江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 15轉(zhuǎn)操作，解決系統(tǒng)首頁直接加載時因為 css 文件名稱的沖突而帶來的頁面非正常顯示現(xiàn)象。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 14 圖 系統(tǒng)架構(gòu)圖 系統(tǒng)為 Eclipse 建立的 Web Project， src 目錄下存放 action、 dao、 util、service、 entity、 test 六個主文件夾，其中 test 文件夾僅用作部分代碼測試使用。例如在登陸系統(tǒng)時用戶名及密碼錯誤、密碼為空等常見用戶誤操作行為。 6)良好的糾錯能力。 5)易于升級。 4)易于日后維護。 3)友好的操作界面。 2)系統(tǒng)配置靈活。系統(tǒng)本身的出發(fā)點就是完成一項功能，所以，本條目標的實現(xiàn)代表著 系統(tǒng)完成程度的關(guān)鍵評判因素。 5)個人信息 用戶個人信息是查詢已登陸用戶的個人相關(guān)信息，包括用戶信息、發(fā)布信息等內(nèi)容，在該頁面可以完成用戶個人信息的修改，以及已發(fā)布信息的修改和刪除操作。另外，系統(tǒng)提供分類查詢功能，方便用戶按種類細化查詢條件。 2)登陸方面 系統(tǒng)首頁自動判定該用戶是否已經(jīng)登陸，對于已登陸用戶，系統(tǒng)為其保存用戶信息，用戶可以通過右上角的快速鏈接查看個人信息，對于尚未登陸用戶，系統(tǒng)右上角僅提供注冊與登陸鏈接。從技術(shù)本身來說，由于本系統(tǒng)的功能比較少，技術(shù)上主要涉及 SSH2 框架、 JSP、 Ajax 和 CSS 技術(shù)，皆是當(dāng)前的主流技術(shù)，因此有關(guān)查詢資料比較豐富，可參 考文件較多，為實現(xiàn)本系統(tǒng)提供了有力的保障；其次，本系統(tǒng)的設(shè)計中不涉及硬件及其他配套設(shè)備，基本上不需要投入其他資金，因此不存在經(jīng)濟上的困難；第三，本系統(tǒng)功能比較小，所有設(shè)計與制作均出自一人之手，后期維護也由同一人承擔(dān)，不涉及相關(guān)技術(shù)不了解的情況，不存在管理上的難度。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 10第三章 需求分析 系統(tǒng)預(yù)期用戶 本系統(tǒng)作為一個信息發(fā)布系統(tǒng)，所有用戶都具有搜索信息的權(quán)限。 ，該階段的主要內(nèi)容是根據(jù)系統(tǒng)各個功能的關(guān)聯(lián)，設(shè)計系統(tǒng)架構(gòu)，在此階段對系統(tǒng)具體功能模塊的設(shè)計不做考慮。 開發(fā)和運行環(huán)境 本系統(tǒng)采用的是 B/S 架構(gòu)，開發(fā)工具為 Eclipse，開發(fā)語言為 Java，由于 Java的跨平臺性，理論上該系統(tǒng)可以在任何操作系統(tǒng)上運行，以下為具體開發(fā)環(huán)境： 操作系統(tǒng)： Microsoft Windows XP 開發(fā)語言： Java+JavaScript 開發(fā)工具： 數(shù)據(jù)庫系統(tǒng)： Microsoft SQL Server 20xx 應(yīng)用服務(wù)器軟件： Tomcat 圖形編輯軟件：美圖秀秀 系統(tǒng)開發(fā)流程 本次畢業(yè)設(shè)計主要按照以下流程進行實現(xiàn)：需求分析、系統(tǒng)功 能分析、系統(tǒng)整體架構(gòu)設(shè)計、系統(tǒng)細節(jié)設(shè)計與實現(xiàn)，如下圖 所示： 圖 系統(tǒng)開發(fā)流程圖 ，該階段的內(nèi)容主要是分析目前二手市場存在的不足，了解用戶期望目標。 CSS 能夠根據(jù)不同使用者的理解能力，簡化或者優(yōu)化寫法，針對各類人群，有較強的易讀性。 CSS 目前最新版本為 CSS3，是能 夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計語言。 本系統(tǒng)中涉及到的 Ajax 的應(yīng)用主要體現(xiàn)在頁面信息驗證、下屬城市的動態(tài)獲取，通過該技術(shù)，系統(tǒng)在不發(fā)生頁面跳轉(zhuǎn)的情況下完成前后臺的數(shù)據(jù)交互。完成這項工作，需要通過向服務(wù)器發(fā)送 HTTP 請求（在幕后），并通過當(dāng)服務(wù)器返回數(shù) 據(jù)時使用 JavaScript 僅僅修改網(wǎng)頁的某部分。 由于每當(dāng)用戶提交輸入，服務(wù)器就會返回新網(wǎng)頁，傳統(tǒng)的 web 應(yīng)用程序往往運行緩慢，且越來越不友好。 傳統(tǒng)的 web 應(yīng)用程序會把數(shù)據(jù)提交到 web 服務(wù)器（使用 HTML 表單）。 Ajax 介紹 Ajax 并不是一種新的編程語言，而僅僅是一種新的技術(shù)，它可以創(chuàng)建更好、更快且交互性更強的 web 應(yīng)用程序。 SQL Server 20xx 的綜合分析、集成和數(shù)據(jù)遷移功能使各個企業(yè)無論采用何種基礎(chǔ)平臺都可以擴展其現(xiàn)有應(yīng)用程序的價值。 SQL Server 的最新版本不僅是迄今為止 SQL Server 的最大發(fā)行版本，而且是最為可靠安全的版本。無論是開發(fā)人員、數(shù)據(jù)庫管理員、信息工作者還是決策者， SQL Server 20xx 都可以為 用戶 提供創(chuàng)新的解決方案，幫助 用戶 從數(shù)據(jù)中更多地獲益。 SQL Server 20xx 數(shù)據(jù)庫引擎為關(guān)系型數(shù)據(jù)和結(jié)構(gòu)化數(shù)據(jù)提供了更安全可靠的存儲功能，使 用戶 可以構(gòu)建和管理用于業(yè)務(wù)的高可用和高性能的數(shù)據(jù)應(yīng)用程序。 在本次系統(tǒng)設(shè)計中， hibernate 的功能是實現(xiàn)對數(shù)據(jù)的操作，完成數(shù)據(jù)持久化任務(wù)； struts2 主要功能是實現(xiàn) action 的跳轉(zhuǎn)； spring 在此次系統(tǒng)中管理hibernate 和 struts，并提供容器作用，實現(xiàn)數(shù)據(jù)的一次加載，到處使用。從某種程度上來講， Struts2 沒有繼承 Struts 1 的血統(tǒng)， 而是繼承 Web Work 的血統(tǒng)。 Hibernate 可以應(yīng)用在任何使用 JDBC的場合，既可以在 Java 的客戶端程序使用，也可以在 Servlet/JSP 的 Web 應(yīng)用中使用，最具革命意義的是， Hibernate 可以在應(yīng)用 EJB 的 J2EE 架構(gòu)中取代 CMP，完成數(shù)據(jù)持久化的重任。從簡單性、可測試性和松耦合的角度而言，任江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文） 6 何 Java 應(yīng)用都可以從 Spring 中受益。Spring 使用基本的 Java Bean 來完成以前只可能由 EJB 完成的事情。 Spring 是一個開源框架，它由 Rod Johnson 創(chuàng)建。 因為某種框架用的人多，而且項目比較大，采用以后熟悉該框架技術(shù)的人可以馬上和開發(fā)團隊緊密結(jié)合，從而大幅度的提升工作效率。還有，框架一般都經(jīng)過很多人使用，所以結(jié)構(gòu)很好，并且擴展性也很好，而且它是不斷升級的，你可以直接享受別人升級代碼帶來的好處。在某些方面使用別人成熟的框架，就相當(dāng)于讓別人幫你完成一些基礎(chǔ)工作，你只需要集中精力完成系統(tǒng)的業(yè)務(wù)邏輯設(shè)計。簡單說就是使用前人提供的工具，來做你需要做的事情，這樣的話使用者就可以使用現(xiàn)成的工具來完成自己的工作，大大提高了自 己的工作效率。 SSH2 框架介紹 框架，即 Framework。因為風(fēng)險往往是伴隨著的一定范圍的改變產(chǎn)生，因此，更少的修改是一件好事。組件之間和模擬呈現(xiàn)之間容易的交換大大方便了測試的進程，隨著時間的流逝，它能極大的增加系統(tǒng)的可靠性。 2）易于測試 組件的松耦合允許測試站在“產(chǎn)品”組件的立場