【正文】 業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 20user_name：用戶名，取自用戶表city_name：物品信息中 city_id 字段對應(yīng)城市名typy_name：物品所屬類型info_title：信息標(biāo)題price：用戶預(yù)設(shè)出售價格submit_date：信息提交時間數(shù)據(jù)庫的設(shè)計(jì)主要考慮到系統(tǒng)數(shù)據(jù)存取的方便性以及系統(tǒng)部分功能的實(shí)現(xiàn)。用戶表提供用戶所有個人信息的存儲；城市表事實(shí)上主要目的提供頁面上城市選擇的功能，因?yàn)槌鞘羞x擇設(shè)計(jì)三個等級，同一等級城市會有多個，一個城市下又會有多個城市，因此，如果單純的通過頁面來判斷所選擇的城市，并展示該城市的下屬城市的話，那么該頁面內(nèi)容必然太過龐大，而且涉及邏輯判斷較多，從而嚴(yán)重影響系統(tǒng)的運(yùn)行速度，利用 Ajax 技術(shù)可以偵測到用戶已經(jīng)選擇的城市，后臺執(zhí)行相關(guān)代碼即可將該城市的下屬城市顯示到前臺頁面，從而大大減小了系統(tǒng)負(fù)荷，這也正是數(shù)據(jù)表設(shè)計(jì)隸屬城市 id 的原因所在；類型表提供對信息所屬類型的定義，同時也能夠提供發(fā)布頁面類型選擇的動態(tài)傳輸，實(shí)現(xiàn)類似于下屬城市動態(tài)加載的功能。信息表實(shí)際上關(guān)聯(lián)了以上三張表格，通過它可以查到一條信息的完整相關(guān)信息，為了避免系統(tǒng)數(shù)據(jù)庫存儲的冗余，故將以上三張表格的標(biāo)識符關(guān)聯(lián)到此表中，信息表存儲數(shù)據(jù)的除用戶關(guān)系、發(fā)布所在地、所屬類別之外的所有直接信息。因?yàn)樾畔⒈泶鎯Φ膬?nèi)容較大，關(guān)聯(lián)的信息較多，如果頁面的每一次查詢都是直接在信息表中查詢的話，必然帶來兩個直接問題：一是查詢一條信息所要檢索的字段更多，對查詢效率有一定影響；二是當(dāng)查詢一條信息時，頁面上要顯示物品所在地時，系統(tǒng)還需要通過信息表中的 city_id 字段去查詢 city_tb中的 city_name 字段，這樣必然很麻煩，因此，再次引入 info_view 視圖。視圖因?yàn)槭窃跀?shù)據(jù)庫中存儲的一個視圖創(chuàng)建語句，因而其本身所占存儲空間較小，而且執(zhí)行效率更高。在 info_view 視圖中，根據(jù)以上四張表格之間的關(guān)聯(lián)，系統(tǒng)中查詢出一條信息對應(yīng)的用戶名、城市名、類型名、價格、提交日期等字段，這些是可以直接顯示在系統(tǒng)頁面上的，因而比較方便使用，另外，這些字段和用戶查詢時傳入的字段匹配，因此，查詢時可以直接在視圖中查詢，避免類查詢一條信息必須通過查詢 info_tb 表的麻煩。江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 21第五章 系統(tǒng)實(shí)現(xiàn) 系統(tǒng)界面設(shè)計(jì) 系統(tǒng)界面設(shè)計(jì)原則系統(tǒng)界面是用戶與系統(tǒng)后臺控制的中介，是用戶唯一可以看到的模塊，因此界面設(shè)計(jì)的原則是友好、大方，本系統(tǒng)的設(shè)計(jì)原則如下：1）頁面設(shè)計(jì)要簡潔實(shí)用。界面功能布局合理，操作方便，不奢求很炫的效果和華麗的外觀。2）風(fēng)格統(tǒng)一。系統(tǒng)界面最好保持風(fēng)格的統(tǒng)一，避免風(fēng)格的交叉和混雜給用戶帶來的視覺凌亂感。3）顏色搭配合理。本系統(tǒng)顏色的搭配原則是采用比較淡的顏色作為主色調(diào)，對其他一些模塊的顏色，進(jìn)行稍微加深或者減淺，盡量做到不給用戶某一模塊特別突兀的感覺。4）必要部位添加注釋。對于類似于必填部位的說明，避免用戶在最后提交時發(fā)生無法提交提醒，還需重新填寫的現(xiàn)象。注解有助于減少用戶的錯誤操作。 系統(tǒng)界面展示及相關(guān)實(shí)現(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ù)庫，實(shí)現(xiàn)對數(shù)據(jù)的持久化操作。系統(tǒng)展示頁面如圖 所示。江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 22圖 用戶信息查詢界面圖本頁面為系統(tǒng)首頁，主要功能：通過搜索框的關(guān)鍵字查詢相關(guān)信息、通過系統(tǒng)頁面上的類型分類快速查詢相關(guān)信息、用戶登陸、用戶注冊，功能代碼如下：1. 通過關(guān)鍵字查詢信息代碼Jsp 頁面部分：江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 23 中對應(yīng)映射信息：Action層實(shí)現(xiàn)方法：headfunction searchKey(){var key=$(39。searchText39。).val()。=39。QueryInfoByKeyAction?key=39。+key。}/script/headbodydiv id=contentdiv id=headerjsp:include page=../util/ /img src=imgs/ alt=二手市場 align=left height=150pxdiv id=searchbrbrinput type=text name=searchtext id=searchTextclass=textinput input type=button name=searchvalue=搜素 onclick=searchKey() class=searchButton br/div/divdiv id=upsidebarjsp:include page=../util/ //divdiv id=mainjsp:include page=../util/ //divdiv id=footerjsp:include page=../util/ //div/div/bodyaction name=QueryInfoByKeyAction class= method=queryByKeyresult name=success/pages//resultresult name=fail/pages//result/action江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 24Service 層實(shí)現(xiàn)執(zhí)行操作：2）用戶注冊界面用戶注冊界面即為用戶在系統(tǒng)注冊自己的賬號，擁有自己賬號的用戶享有信息發(fā)布功能，同時，在這項(xiàng)活動和這項(xiàng)功能基礎(chǔ)上，系統(tǒng)還將提供個人信息查詢功能，用戶可以在登陸系統(tǒng)之后查看自己的個人信息和已經(jīng)發(fā)布的信息。用@Servicepublic class QueryInfoServiceImpl implements QueryInfoService {@Overridepublic ListInfoView queryBykey(String key) {infoList=(key)。return infoList。}}Dao 層執(zhí)行方法：@Repositorypublic class QueryInfoDaoImpl extends MyHibernateDaoSupport implements QueryInfoDao {//關(guān)鍵字查詢String Hql。@SuppressWarnings(unchecked)public ListInfoView queryByKey(String key){Hql=from InfoView i where like 39。%+key+%39。infoList=(ListInfoView)().find(Hql)。return infoList。}}public class QueryInfoAction extends ActionSupport{HttpServletRequest request=()。//根據(jù)關(guān)鍵字查詢信息public String queryByKey() throws UnsupportedEncodingException{String key=null。key = new String((key).getBytes(ISO88591),UTF8)。infoList=(key)。if(()==0){return fail。}return success。}}江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 25戶注冊界面主要涉及的內(nèi)容是對用戶信息的持久化操作，另外，在此處提供用戶注冊時的必填信息驗(yàn)證功能。如圖 所示。圖 用戶注冊界面圖此模塊是一個典型的 SSH2 框架完成的操作，其中，struts2 的實(shí)現(xiàn)主要體現(xiàn)在 配置文件中，實(shí)現(xiàn) action 位置及方法的定義，因?yàn)楸容^類似于 文件且上文已做類似信息展示，因此不做展示；hibernate 框架主要體現(xiàn)在它對數(shù)據(jù)庫連接的獲取，以及它提供一定的結(jié)構(gòu)方便開發(fā)人員更加簡便的實(shí)現(xiàn)數(shù)據(jù)操作；這里主要展示的是 spring 框架，在本系統(tǒng)中，hibernate 和struts 都被放到了 spring 框架中，由 spring 管理。Spring 在此處提供了依賴注入功能，系統(tǒng)對象會被自動加載到 spring 容器，開發(fā)人員可以在 action 和jsp 頁面方便的獲取系統(tǒng)中的對象及方法而不需重新 new 一個對象。相關(guān)功能代碼：JSP 頁面：江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 26Action 層：headbase href=%=basePath%title用戶注冊/titlelink rel=stylesheet type=text/css href=css/link rel=stylesheet type=text/css href=css/script type=text/javascriptfunction check(){var username=$(39。userName39。).val()。var password=$(39。password39。).val()。var mail=$(39。mail39。).val()。if(1 || 1 || mail1){$(39。show39。).html(lable style=39。color:red39。遺失必填選項(xiàng)！/lable)。return false。}else{return true。}}/script/headbodydiv id=contentdiv id=headerjsp:include page=../util/ /br br br brh2font color=red歡迎來到二手市場！/font/h2br br/divdiv id=upsidebar/divdiv id=mainform 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。mail39。 br br地址 ： input type=text name= size=20 br br姓名 ： input type=text name= size=20 br br性別 ： input type=text name= size=20 br br年齡 ： input type=text name= size=20 br brspan id=show style=color:red。fontsize:12px。/spanbrbr font color=red*標(biāo)內(nèi)容為必填項(xiàng)目！ /fontinput type=submit name=submit value=提交 / input type=reset name=reset value=重置 //form/divdiv id=footerjsp:include page=../util/ //div/div/body/html江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 27Action層：Service層：3）信息發(fā)布頁面信息發(fā)布是一條信息的來源，信息發(fā)布頁面允許已登錄用戶發(fā)布自己的二手商品信息，在信息發(fā)布時，用戶需要為該條信息指定所屬類別，需要為該條信息明確指定商品所在城市，這又助于其他用戶更加方便、準(zhǔn)確的找到該條信息。信息發(fā)布頁面主要涉及的新知識是通過 Ajax 實(shí)現(xiàn)頁面與后臺數(shù)據(jù)的交互工作。頁面上通過 JavaScript 控制觸發(fā)事件的條件，Ajax 技術(shù)提交數(shù)據(jù)給對應(yīng)的Action 層，由 Action 層調(diào)用 Service 層提供接口，Service 層調(diào)用到層，到層對數(shù)據(jù)庫操作獲取數(shù)據(jù)并返回。頁面效果如圖 所示。public String Login() {userList = (userName, password)。if (() == 0) {return fail。}else{user=(0)。(loginer, userName)。(user, user)。return success。}}@Overridepublic ListUser lo