【正文】 cript function check(){ var username=$(39。 key = new String((key).getBytes(ISO88591),UTF8)。 return infoList。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 22 圖 用戶信息查詢界面圖 本頁(yè)面為系統(tǒng)首頁(yè)，主要功能：通過搜索框的關(guān)鍵字查詢相關(guān)信息、通過系統(tǒng)頁(yè)面上的類型分類快速查詢相關(guān)信息、用戶登陸、用戶注冊(cè)，功能代碼如下： 1. 通過關(guān)鍵字查詢信息代碼 Jsp 頁(yè)面部分： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 23 中對(duì)應(yīng)映射信息： Action 層實(shí)現(xiàn)方法： head function searchKey(){ var key=$(39。系統(tǒng)界面最好保持風(fēng)格的統(tǒng)一，避免風(fēng)格的交叉和混雜給用戶帶來(lái)的視覺凌亂感。用戶表提供用戶所有個(gè)人信息的存儲(chǔ)；城市表事實(shí)上主要目的提供頁(yè)面上城市選擇的功能，因?yàn)槌鞘羞x擇設(shè)計(jì)三個(gè)等級(jí)，同一等級(jí)城市會(huì)有多個(gè)，一個(gè)城市下又會(huì)有多個(gè)城市，因此，如果單純的通過頁(yè) 面來(lái)判斷所選擇的城市，并展示該城市的下屬城市的話，那么該頁(yè)面內(nèi)容必然太過龐大，而且涉及邏輯判斷較多，從而嚴(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)加載的功能。同時(shí)，城市要有自己的隸屬城市 id 屬性。 5）數(shù)據(jù)庫(kù)操作模塊，該模塊事實(shí)上對(duì)用戶是透明的，但是涉及到整個(gè)系統(tǒng)數(shù)據(jù)的存儲(chǔ)問題，關(guān)系到系統(tǒng)運(yùn)行的操作性及順暢性，因而不容忽視。 4) 開發(fā)及設(shè)計(jì)時(shí)無(wú)需考慮跨平臺(tái)的實(shí)現(xiàn)問題。 江蘇海事職業(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è)試使用。 4)易于日后維護(hù)。 5)個(gè)人信息 用戶個(gè)人信息是查詢已登陸用戶的個(gè)人相關(guān)信息，包括用戶信息、發(fā)布信息等內(nèi)容，在該頁(yè)面可以完成用戶個(gè)人信息的修改，以及已發(fā)布信息的修改和刪除操作。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 10第三章 需求分析 系統(tǒng)預(yù)期用戶 本系統(tǒng)作為一個(gè)信息發(fā)布系統(tǒng)，所有用戶都具有搜索信息的權(quán)限。 CSS 目前最新版本為 CSS3，是能 夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。 傳統(tǒng)的 web 應(yīng)用程序會(huì)把數(shù)據(jù)提交到 web 服務(wù)器（使用 HTML 表單）。無(wú)論是開發(fā)人員、數(shù)據(jù)庫(kù)管理員、信息工作者還是決策者， SQL Server 20xx 都可以為 用戶 提供創(chuàng)新的解決方案，幫助 用戶 從數(shù)據(jù)中更多地獲益。 Hibernate 可以應(yīng)用在任何使用 JDBC的場(chǎng)合，既可以在 Java 的客戶端程序使用，也可以在 Servlet/JSP 的 Web 應(yīng)用中使用，最具革命意義的是， Hibernate 可以在應(yīng)用 EJB 的 J2EE 架構(gòu)中取代 CMP，完成數(shù)據(jù)持久化的重任。 因?yàn)槟撤N框架用的人多，而且項(xiàng)目比較大，采用以后熟悉該框架技術(shù)的人可以馬上和開發(fā)團(tuán)隊(duì)緊密結(jié)合，從而大幅度的提升工作效率。 SSH2 框架介紹 框架，即 Framework。松 耦合的架構(gòu)方式帶來(lái)了許多短期和長(zhǎng)期優(yōu)勢(shì)： 1）易于開發(fā) 個(gè)性化的組件之間不再依賴其他的組件，這就意味著他們能夠更加容易的獨(dú)立開發(fā)。 MVC 模型介紹 MVC 是三個(gè)單詞的縮寫，分別為： 模型 (Model)，視圖 (View)和控制Controller)。 主要成果介紹 本次設(shè)計(jì)通過參考資料、請(qǐng)教老師及同學(xué)完成了一個(gè)基于 MVC 模型的二手市場(chǎng)，該系統(tǒng)為典型的 web 系統(tǒng)，主要目標(biāo)是為了解決傳統(tǒng)二手商品信息傳播困難的特點(diǎn)。 3）節(jié)約了人力和財(cái)力 傳統(tǒng)意義上的二手物品交易無(wú)外乎兩種途徑：一是四處散布廣告；二是通過定期的二手市場(chǎng)集中展示。然而，粘貼廣告的方式比較耗費(fèi)精力和財(cái)力 ，并且收效甚微，所以許多人選擇到集中展示二手商品的 跳蚤 市場(chǎng)來(lái)獲得更大的選擇，但是，我們不可能擁有一個(gè)每天都開放的二手市場(chǎng)，例如在大學(xué)中的一些社團(tuán)每年會(huì)舉辦幾次 跳蚤 市場(chǎng)，生意相當(dāng)好，但是沒有一個(gè)社團(tuán)會(huì)選擇天天去經(jīng)營(yíng)這樣的一個(gè)市場(chǎng)，歸根到底還是二手市場(chǎng)的開辦成本和二手商品的需求量之間的經(jīng)濟(jì)矛盾不允許去做這樣一個(gè)長(zhǎng)期的經(jīng)營(yíng)活動(dòng)。 本系統(tǒng)的開發(fā)工具為 Eclipse，并采用 MVC 模型作為系統(tǒng)架構(gòu) ，前端 顯示主要采用 JSP 頁(yè)面，系統(tǒng)中涉及的表單驗(yàn)證功能主要采用 Ajax 技術(shù)，數(shù)據(jù)存儲(chǔ)方面主要使用 SQL Server 20xx 數(shù)據(jù)庫(kù)，系統(tǒng)的整體框架是采用了 SSH2 框架。 本次設(shè)計(jì)主題為二手市場(chǎng)的設(shè)計(jì)與實(shí)現(xiàn)，該系統(tǒng)作為一個(gè)信息交互網(wǎng)站，提供用戶注冊(cè)、用戶信息發(fā)布、信息搜索、個(gè)人信息管 理等幾項(xiàng)功能，最終目標(biāo)是賣方能夠發(fā)布及管理二手物品信息，買方能夠查詢到相關(guān)分類商品的轉(zhuǎn)讓信息，極大的去方便用戶的生活。從 而導(dǎo)致了有二手商品轉(zhuǎn)讓或購(gòu)買意愿的用戶可能要通過貼廣告、參加跳蚤 市場(chǎng)這樣的傳統(tǒng)途徑來(lái)解決自己的需求。更慶幸的是，網(wǎng)上銀行、快遞公司的興起也為用戶提供了遠(yuǎn)程交易的可能。 ，在對(duì)系統(tǒng)整體結(jié)構(gòu)及功 能作詳細(xì)分析的基礎(chǔ)上，研究系統(tǒng)各個(gè)模塊的設(shè)計(jì)與實(shí)現(xiàn)方法。選擇有效的建模方法，充分利用 Web 技術(shù)與組件技術(shù)，提高軟件的開發(fā)效率，提高的軟件的可靠性和可維護(hù)性，是每個(gè)軟件開發(fā)人員所關(guān)心的問題。 MVC 幾乎所有的的方面都是受這個(gè)目標(biāo)的驅(qū)動(dòng)，應(yīng)用程序之間互相保持隔離。 在本次畢業(yè)設(shè)計(jì)中， MVC 作為一個(gè)開發(fā)模型來(lái)實(shí)現(xiàn)對(duì)系統(tǒng)的松耦合，系統(tǒng)設(shè)計(jì)中 Entity 層基本對(duì)應(yīng) MVC 中的模型層， Action 層基本對(duì)應(yīng) MVC 中的控制層，系統(tǒng)頁(yè)面展示模塊基本對(duì)應(yīng) MVC 中的視圖層?？蚣芤话闾幵诘蛯討?yīng)用平臺(tái)（如 J2EE）和高層業(yè)務(wù)邏輯之間的中間層。 Hibernate 是一個(gè)開放源代碼的對(duì)象關(guān)系映射框架，它對(duì) JDBC 進(jìn)行了非常輕量級(jí)的對(duì)象封裝，使得 Java 程序員可以隨心所欲的使用對(duì)象編程思維來(lái)操縱數(shù)據(jù)庫(kù)。 與 Microsoft Visual Studio、 Microsoft Office System 以及新的開發(fā)工具包（包括 Business Intelligence Development Studio）的緊密集成使 SQL Server 20xx 與眾不同。 Ajax 使用 JavaScript 在 web 瀏覽器與 web 服務(wù)器之間來(lái)發(fā)送和接收數(shù)據(jù)。 CSS 介紹 CSS 是英語(yǔ) Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來(lái)表現(xiàn) HTML 或 XML 等文件樣式的計(jì)算機(jī)語(yǔ)言。 ，該階段是根據(jù)系統(tǒng)總 體架構(gòu)，對(duì)各個(gè)模塊進(jìn)行需求分析 系統(tǒng)功能分析 系統(tǒng)整體架構(gòu)設(shè)計(jì) 系統(tǒng)細(xì)節(jié)設(shè)計(jì)與實(shí) 現(xiàn) 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 9 逐個(gè)分析并制定解決方案，參照方案完成該模塊。 4)信息發(fā)布 系統(tǒng)為已登陸用戶提供信息發(fā)布功能，用戶 在頁(yè)面提交自己的信息表單，填寫必要選項(xiàng)，選取商品種類，用戶發(fā)布成功后即可在頁(yè)面查看到該條記錄。系統(tǒng)的基本功能完善的同時(shí)，盡量實(shí)現(xiàn)一個(gè)友好的操作界面，在不影響系統(tǒng)正常服務(wù)的情況下，還應(yīng)做到為用戶提供最方便的操作。 系統(tǒng)目錄結(jié)構(gòu)設(shè)計(jì) 系統(tǒng)在設(shè)計(jì)伊始就選擇了使用 MVC 分層模型和 SSH2 框架，系統(tǒng)目錄結(jié)構(gòu)大致如圖 所示。 3) 客戶通過瀏覽器訪問服務(wù)器系統(tǒng)，不涉及用戶個(gè)人機(jī)器配置及操作環(huán)境的因素，極大地方便了系統(tǒng)開發(fā)人員的工作量。發(fā)布信息時(shí)用戶要指定自己發(fā)布信息的所屬類別，系統(tǒng)不提供物品類別的自動(dòng)判定功 能。 圖 類型表結(jié)構(gòu) type_id：所屬類型標(biāo)識(shí) type_name：類型名稱描述 super_type：上階類型標(biāo)識(shí) 3）城市表（ city_tb） 描述商品所在地信息，主要用于實(shí)現(xiàn)下拉框數(shù)據(jù)動(dòng)態(tài)顯示，城市設(shè)置等級(jí)劃分，如：省、市、縣三級(jí)管轄范圍劃分。 圖 信息視圖 info_id：商品信息表 id 標(biāo)識(shí)，用于系統(tǒng)查 看商品詳細(xì)信息時(shí)的檢索 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 20 user_name：用戶名，取自用戶表 city_name：物品信息中 city_id 字段對(duì)應(yīng)城市名 typy_name：物品所屬類型 info_title：信息標(biāo)題 price：用戶預(yù)設(shè)出售價(jià)格 submit_date：信息提交時(shí)間 數(shù)據(jù)庫(kù)的設(shè)計(jì)主要考慮到系統(tǒng)數(shù)據(jù)存取的方便性以及系統(tǒng)部分功能的實(shí)現(xiàn)。 2）風(fēng)格統(tǒng)一。系統(tǒng)展示頁(yè)面如圖 所示。用戶注Service public class QueryInfoServiceImpl implements QueryInfoService { Override public ListInfoView queryBykey(String key) { infoList=(key)。 //根據(jù)關(guān)鍵字查詢信息 public String queryByKey() throws UnsupportedEncodingException{ String key=null。 Spring 在此處提供了依賴注入功能，系統(tǒng)對(duì)象會(huì)被自動(dòng)加載到 spring 容器，開發(fā)人員可以在 action 和 jsp 頁(yè)面方便的獲取系統(tǒng)中的對(duì)象及方法而不需重新 new 一個(gè)對(duì)象。mail39。 }else{ return true。頁(yè)面效果如圖 所示。 } Dao層： Override public ListUser login(String userName, String password) { String HQL=from User where userName=? and password=?。).val()。amp。shi39。 } /script *物品所在地： select id=sheng name=sheng onchange=getCity(39。 StringBuffer sb=new StringBuffer()。 encoding=39。 ()。以用戶登錄界面為例，用戶在登錄系統(tǒng)時(shí) 如果遺漏用戶名或密碼的填寫，系統(tǒng)將給出“遺失必填項(xiàng)”的警告，如下圖 ： 圖 用戶登錄界面信息驗(yàn)證圖 該頁(yè)面通過在表單上添加 on submit 屬性，在執(zhí)行提交前通過 on submit 指定的 JavaScript 函數(shù)驗(yàn)證頁(yè)面必填元素內(nèi)容是否為空，如果為空則彈出提示信息。 return id。 var password=$(39。 return false。show39。fontsize:12px。 cityList=().find(Hql,id)。 return cityList。i()。 (CacheControl, nocache)。) option checked=true請(qǐng)選擇 /option /select select id=xian name=xian option checked=true請(qǐng)選擇 /option /select 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 30 Service層為 Action層同操作接口： Dao層實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的操作： public class QuerySelectAction extends ActionSupport { HttpServletRequest request=()。 $(39。 var len2 = (xian)。QueryCityAction39。sheng39。 (loginer, userName)。fontsize:12px。).html(lable style=39。 var password=$(39。 } return success。%+key+%39。 =39。 4）必要部位添加注釋。視圖因?yàn)槭窃跀?shù)據(jù)庫(kù)中存儲(chǔ)的一個(gè)視圖創(chuàng)建語(yǔ)句，因而其本 身所占存儲(chǔ)空間較小，而且執(zhí)行效率更高。信息表涉及對(duì)用戶表 id、類型表id、城市表 id 的關(guān)聯(lián)，它外鍵關(guān)聯(lián)其他三張表格，通過 id 的外鍵鏈接，能查詢到任意一條信息，該表格提供一條信息的所有相關(guān)細(xì)節(jié)信息的查詢功能。另外，選擇用數(shù) 據(jù)庫(kù)存儲(chǔ)數(shù)據(jù)能夠方便的直觀地看到系統(tǒng)的數(shù)據(jù)的格式化存儲(chǔ)。 2）用戶個(gè)人中心模塊，該模塊的顯示建立在用戶具有賬戶和已登錄情況下，對(duì)于已注冊(cè)用戶，個(gè)人賬戶信息保存在服務(wù)器中，只有在用戶登陸