【正文】 統(tǒng)應(yīng)該充分尊重用戶的個性，允許用戶對涉及自身的某些信息的選擇性輸出，對一些系統(tǒng)本身運(yùn)行時不做強(qiáng)烈要求的內(nèi)容，給予用戶充分的自由做選擇性填寫。系統(tǒng)的基本功能完善的同時，盡量實(shí)現(xiàn)一個友好的操作界面，在不影響系統(tǒng)正常服務(wù)的情況下，還應(yīng)做到為用戶提供最方便的操作。這主要是考慮到系統(tǒng)在建成之后可能涉及用戶體驗(yàn)不佳、系統(tǒng) Bug 逐漸顯現(xiàn)、系統(tǒng)性能不穩(wěn)定的情況下，方便系統(tǒng)維護(hù)人員能夠?qū)ο到y(tǒng)及時做出正確調(diào)整。一個優(yōu)秀的系統(tǒng)，一個具有活力的系統(tǒng)必然在一開始就考慮到隨著系統(tǒng)的廣泛應(yīng)用，系統(tǒng)在很多地方需要增加或刪減模塊，這就要求本系統(tǒng)在開發(fā)時有著清晰的功能層次劃分，能滿足系統(tǒng)在需要升級或擴(kuò)充時能夠方便的做出調(diào)整。糾錯能力主要體現(xiàn)在對于用戶的一些非法操作能夠及時給出提示信息，方便用戶改進(jìn)。 系統(tǒng)目錄結(jié)構(gòu)設(shè)計(jì) 系統(tǒng)在設(shè)計(jì)伊始就選擇了使用 MVC分層模型和 SSH2 框架，系統(tǒng)目錄結(jié)構(gòu)大致如圖 所示。 action 文件夾存放控制層類、 dao文件夾中存放系統(tǒng)與數(shù)據(jù)庫之間的操作接口，另外， dao 文件夾中還有 impl 文件夾，用于存放接口的實(shí)現(xiàn)類；、 service文件夾存放服務(wù)層接口， service 文件夾中還存在 impl 文件夾，其中存放 service層接口的實(shí)現(xiàn)類、 util 提供系統(tǒng)組件的一些類的存放 、 entity 主要存放實(shí)體類信息，包括表格的映射文件配置信息。 系統(tǒng)體系結(jié)構(gòu)設(shè)計(jì) 基于用戶使用的便利性以及現(xiàn)今主流實(shí)現(xiàn)方式的考慮，二手市場系統(tǒng)采用現(xiàn)下比較流行的 B/S 體系架構(gòu)。相對于傳統(tǒng)的 C/S架構(gòu)（客戶端 /服務(wù)器）架構(gòu)， B/S 架構(gòu)機(jī)構(gòu)的優(yōu)勢體現(xiàn)在以下幾個方面： 1) 極大地降低了客戶端計(jì)算機(jī)的運(yùn)行負(fù)荷，減少了用戶機(jī)器的資源消耗。 3) 客戶通過瀏覽器訪問服務(wù)器系統(tǒng)，不涉及用戶個人機(jī)器配置及操作環(huán)境的因素，極大地方便了系統(tǒng)開發(fā)人員的工作量。 系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì) 通過對系統(tǒng)的深入分析與研究，總結(jié)出系統(tǒng)功能的幾個主要功能模塊， 如圖 所示。 2）用戶個人中心模塊，該模塊的顯示建立在用戶具有賬戶和已登錄情況下，對于已注冊用戶，個人賬戶信息保存在服務(wù)器中，只有在用戶登陸的情況下，才會出現(xiàn)個人中心的連接，用戶進(jìn)入個人中心可以查看自己的相關(guān)信息，包括個人信息和已發(fā)布信息的修改。為方便用戶操作，系統(tǒng)首頁面提供常用物品的分類鏈接，方便用戶快速查詢。發(fā)布信息時用戶要指定自己發(fā)布信息的所屬類別，系統(tǒng)不提供物品類別的自動判定功 能。數(shù)據(jù)庫模塊主要考慮數(shù)據(jù)表的設(shè)計(jì)，包括表間的關(guān)聯(lián)問題，同時結(jié)合系統(tǒng)設(shè)計(jì)特點(diǎn)，設(shè)計(jì)表格使其最高效率的服務(wù)于系統(tǒng)。另外，選擇用數(shù) 據(jù)庫存儲數(shù)據(jù)能夠方便的直觀地看到系統(tǒng)的數(shù)據(jù)的格式化存儲。 圖 用戶表結(jié)構(gòu) user_id：用戶唯一標(biāo)識字段 user_name：用戶名字段，即登陸賬戶名 password：用戶密碼，即登陸密碼 sex：性別 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 18 age：年齡 address：用戶所在地 mail：用戶郵箱，用于驗(yàn)證信 息（本次設(shè)計(jì)不做實(shí)現(xiàn)） real_name：用戶真實(shí)姓名，用于實(shí)名認(rèn)證（本次設(shè)計(jì)不做實(shí)現(xiàn)） 2）類型表（ type_tb） 描述發(fā)布商品的所屬類型，類型表嚴(yán)格劃分類型所屬父階類型。 圖 類型表結(jié)構(gòu) type_id：所屬類型標(biāo)識 type_name：類型名稱描述 super_type：上階類型標(biāo)識 3）城市表（ city_tb） 描述商品所在地信息，主要用于實(shí)現(xiàn)下拉框數(shù)據(jù)動態(tài)顯示，城市設(shè)置等級劃分，如：省、市、縣三級管轄范圍劃分。表 結(jié)構(gòu)如圖 。信息表涉及對用戶表 id、類型表id、城市表 id的關(guān)聯(lián)，它外鍵關(guān)聯(lián)其他三張表格，通過 id 的外鍵鏈接，能查詢到任意一條信息，該表格提供一條信息的所有相關(guān)細(xì)節(jié)信息的查詢功能。 圖 信息表結(jié)構(gòu) info_id：信息唯一標(biāo)識 user_id：該信息發(fā)布者的用戶標(biāo)識 type_id: 用于標(biāo)識物品所屬類別 city_id：該信息發(fā)布商品所在城市標(biāo)識 info_title：信息標(biāo)題 info_content：信息主體，描述物品詳細(xì)信息 img：物品圖片展示（如果存在） price：信息發(fā)布者期望的出售價格 submit_date：提交日期，主要用于計(jì)算信息時效性 tel：信息發(fā)布者聯(lián)系方式 5）信息視圖（ info_view） 信息表主要的功能是為查詢操作提供更加便捷的操作，視圖表中存放系統(tǒng)查詢涉及的字段信息，另外寫入了 info_tb 的 id，便于用戶實(shí)現(xiàn)對該條記錄的信息信息查看。 圖 信息視圖 info_id：商品信息表 id 標(biāo)識，用于系統(tǒng)查看商品詳細(xì)信息時的檢索 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 20 user_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í)際上關(guān)聯(lián)了以上三張表格，通過它可以查到一條信息的完整相關(guān)信息，為了避免系統(tǒng)數(shù)據(jù)庫存儲的冗余，故將以上三張表格的標(biāo)識符關(guān)聯(lián)到 此表中，信息表存儲數(shù)據(jù)的除用戶關(guān)系、發(fā)布所在地、所屬類別之外的所有直接信息。視圖因?yàn)槭窃跀?shù)據(jù)庫中存儲的一個視圖創(chuàng)建語句，因而其本身所占存儲空間較小，而 且執(zhí)行效率更高。 江蘇海事職業(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)一。 3）顏色搭配合理。 4）必要部位添加注釋。注解有助于減少用戶的錯誤操作。系統(tǒng)展示頁面如圖 所示。searchText39。 =39。+key。用戶注Service public class QueryInfoServiceImpl implements QueryInfoService { Override public ListInfoView queryBykey(String key) { infoList=(key)。 } } Dao 層執(zhí)行方法： Repository public class QueryInfoDaoImpl extends MyHibernateDaoSupport implements QueryInfoDao { //關(guān)鍵字查詢 String Hql。%+key+%39。 return infoList。 //根據(jù)關(guān)鍵字查詢信息 public String queryByKey() throws UnsupportedEncodingException{ String key=null。 infoList=(key)。 } return success。如圖 所示。 Spring 在此處提供了依賴注入功能，系統(tǒng)對象會被自動加載到 spring 容器，開發(fā)人員可以在 action 和 jsp頁面方便的獲取系統(tǒng)中的對象及方法而不需重新 new 一個對象。userName39。 var password=$(39。).val()。mail39。 if(1 || 1 || mail1){ $(39。).html(lable style=39。遺失必填選項(xiàng)！/lable)。 }else{ return true。mail39。fontsize:12px。信息發(fā)布頁面主要涉及的新知識是通過 Ajax 實(shí)現(xiàn)頁面與后臺數(shù)據(jù)的交互工作。頁面效果如圖 所示。 if (() == 0) { return fail。 (loginer, userName)。 return success。 } Dao層： Override public ListUser login(String userName, String password) { String HQL=from User where userName=? and password=?。 } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 28 圖 信息發(fā)布頁面圖 JSP頁面（集中展示 JavaScript 獲取下屬城市部分）： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 29Action層實(shí)現(xiàn)頁面數(shù)據(jù)獲取、調(diào)用 service獲取數(shù)據(jù)，按指定格式返回?cái)?shù)據(jù)到頁面： script type=text/javascript function getCity(cityLevel) { var cityName = 。sheng39。 } else if (shi == cityLevel) { cityName = $(39。).val()。POST39。QueryCityAction39。 $(rootcityscity, xmlData).each(function() { var city = $(this).text()。amp。 } })。 var len2 = (xian)。 = 1。shi39。 } else if (shi == cityLevel) { var len = (xian)。 $(39。).append((innerHtmlVar))。 } /script *物品所在地： select id=sheng name=sheng onchange=getCity(39。) option checked=true請選擇 /option option江蘇 /option option北京 /option /select select id=shi name=shi onchange=getCity(39。) option checked=true請選擇 /option /select select id=xian name=xian option checked=true請 選擇 /option /select 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 30 Service層為 Action層同操作接口： Dao層實(shí)現(xiàn)對數(shù)據(jù)庫的操作： public class QuerySelectAction extends ActionSupport { HttpServletRequest request=()。 public void queryCity(){ String city=(city)。 StringBuffer sb=new StringBuffer()。chartset=utf8)。 (CacheControl, nocache)。 if(()!=0){ (?xml version=39。 encoding=39。?rootcitys)。i()。 } (/citys/root)。 ()。 } catch (IOException e) { ()。 return cityList。 1）用戶信息輸入規(guī)范。以用戶登錄界面為例，用戶在登錄系統(tǒng)時如果遺漏用戶名或密碼的 填寫，系統(tǒng)將給出“遺失必填項(xiàng)”的警告，如下圖 ： 圖 用戶登錄界面信息驗(yàn)證圖 該頁面通過在表單上添加 on submit 屬性，在執(zhí)行提交前通過 on submit 指定的 JavaScript 函數(shù)驗(yàn)證頁面必填元素內(nèi)容是否為空，如果為空則彈出提示信息。相 Override public ListCity queryCity(String city) { id=queryCityIdByCityName(city)。 cityList=().find(Hql,id)。 } public Integer queryCityIdByCityName(String city){ Hql=from City where cityName=?。 return id。很多時候，我們在一個網(wǎng)站填寫注冊信息時，經(jīng)常被提醒用戶名已經(jīng)被占用這樣的信息，這種系統(tǒng)如此的設(shè)計(jì)原則，主要是考慮到用戶信息的唯一性，確保 用戶在某一條件下對自己信息的唯一標(biāo)識。fontsize:12px。userName39。 var password=$(39。).val()。show39。color:red39。 return fals