【導(dǎo)讀】二手市場是對商品進(jìn)行銷售、轉(zhuǎn)換買賣的場所。二手市場作為市場形式的一。小，商家基本為個(gè)人形式，因此商品難以得到集中處理。最終結(jié)果是由于買賣雙。方無法獲得買賣信息而導(dǎo)致了二手物品的擱置與浪費(fèi)。賣方能夠發(fā)布及管理二手物品信息，買方能夠查詢到相關(guān)分類商品的轉(zhuǎn)讓信息，極大的去方便用戶的生活。面主要使用SQLServer20xx數(shù)據(jù)庫，系統(tǒng)的整體框架是采用了SSH2框架。

　　

【正文】 迎來到二手市場！ /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。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)目！ /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ā)布頁面 信息發(fā)布是一條信息的來源，信息發(fā)布頁面允許已登錄用戶發(fā)布自己的二手商 品信息，在信息發(fā)布時(shí)，用戶需要為該條信息指定所屬類別，需要為該條信息明確指定商品所在城市，這又助于其他用戶更加方便、準(zhǔn)確的找到該條信息。信息發(fā)布頁面主要涉及的新知識(shí)是通過 Ajax 實(shí)現(xiàn)頁面與后臺(tái)數(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。 } } @Override public ListUser login(String userName, String password) { return (userName, password)。 } Dao層： @Override public ListUser login(String userName, String password) { String HQL=from User where userName=? and password=?。 return ().find(HQL, userName,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 = 。 if (sheng == cityLevel) { cityName = $(39。sheng39。).val()。 } else if (shi == cityLevel) { cityName = $(39。shi39。).val()。 } $.ajax({ type : 39。POST39。, url : 39。QueryCityAction39。, data : { city : cityName }, success : function(xmlData) { var innerHtmlVar = 。 $(rootcityscity, xmlData).each(function() { var city = $(this).text()。 if (city amp。amp。 city != ) { innerHtmlVar += option + city + /option。 } })。 if (sheng == cityLevel) { var len1 = (shi)。 var len2 = (xian)。 = 1。 = 1。 $(39。shi39。).append((innerHtmlVar))。 } else if (shi == cityLevel) { var len = (xian)。 = 1。 $(39。xian39。).append((innerHtmlVar))。 } } })。 } /script *物品所在地： select id=sheng name=sheng onchange=getCity(39。sheng39。) option checked=true請選擇 /option option江蘇 /option option北京 /option /select select id=shi name=shi onchange=getCity(39。shi39。) 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=()。 HttpServletResponse response=()。 public void queryCity(){ String city=(city)。 cityList=(city)。 StringBuffer sb=new StringBuffer()。 (text/xml。chartset=utf8)。 (UTF8)。 (CacheControl, nocache)。 try { PrintWriter out=()。 if(()!=0){ (?xml version=39。39。 encoding=39。UTF839。?rootcitys)。 for(int i=0。i()。i++){ (city![CDATA[+(i).getCityName()+]]/city)。 } (/citys/root)。 (())。 ()。 } ()。 } catch (IOException e) { ()。 } } @Override public ListCity queryCity(String city) { cityList = (city)。 return cityList。 } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 31 輸入數(shù)據(jù)的驗(yàn)證 數(shù)據(jù)驗(yàn)證主要的作用是避免用戶的誤操作、符合數(shù)據(jù)庫數(shù)據(jù)的存儲(chǔ)原則。 1）用戶信息輸入規(guī)范。信息驗(yàn)證常見于用戶登陸名與密碼錯(cuò)誤，用戶登陸信息填寫不完整，這些信息的不完善勢必會(huì)影響到用戶的正常登陸，因此，在這種情況下，系統(tǒng)將提供錯(cuò)誤操作提醒，提示用戶操作的錯(cuò)誤原因。以用戶登錄界面為例，用戶在登錄系統(tǒng)時(shí) 如果遺漏用戶名或密碼的填寫，系統(tǒng)將給出“遺失必填項(xiàng)”的警告，如下圖 ： 圖 用戶登錄界面信息驗(yàn)證圖 該頁面通過在表單上添加 on submit 屬性，在執(zhí)行提交前通過 on submit 指定的 JavaScript 函數(shù)驗(yàn)證頁面必填元素內(nèi)容是否為空，如果為空則彈出提示信息。另外，頁面中寫入 span標(biāo)簽作占位符，用于設(shè)定提示信息的現(xiàn)實(shí)位置。相 @Override public ListCity queryCity(String city) { id=queryCityIdByCityName(city)。 Hql=from City where superCity=?。 cityList=().find(Hql,id)。 return cityList。 } public Integer queryCityIdByCityName(String city){ Hql=from City where cityName=?。 id=((City)().find(Hql,city).get(0)).getCityId()。 return id。 } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 32關(guān)代碼如下： Jsp 頁面： 2）系統(tǒng)信息驗(yàn)證。很多時(shí)候，我們在一個(gè)網(wǎng)站填寫注冊信息時(shí)，經(jīng)常被提醒用戶名已經(jīng)被占用這樣的信息，這種系統(tǒng)如此的設(shè)計(jì)原則，主要是考慮到 用戶信息的唯一性，確保用戶在某一條件下對自己信息的唯一標(biāo)識(shí)。在本系統(tǒng)的設(shè)計(jì)中葉有該功能的應(yīng)用，已用戶注冊為例，用戶在填寫注冊信息時(shí)，當(dāng)光標(biāo)離開用戶名填寫框，系統(tǒng)會(huì)立即執(zhí)行用戶名是否重復(fù)校驗(yàn)，若用戶名已存在，則通知用戶該名稱已經(jīng)存在，并且將光標(biāo)聚焦到用戶名填寫框，如下圖 ： form action=LoginAction method=post name=form1 onsubmit=javascript:return check() *用戶名： input type=text id=userName name=userName size=20 /br /span br *密碼 ： input type=password id=password name=password size=22 brbrspan id=show style=color:red。fontsize:12px。/spanbrbr font color=red*標(biāo)內(nèi)容為必填項(xiàng)目！ /font input type=submit value=提交 / JavaScript 中相關(guān)函數(shù)： function check(){ var username=$(39。userName39。).val()。 var password=$(39。password39。).val()。 if(1 || 1){ $(39。show39。).html(lable style=39。color:red39。遺失必填選項(xiàng)！/lable)。 return false。 } } 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 33 圖 用戶注冊界面信息驗(yàn)證圖 此項(xiàng)功能的實(shí)現(xiàn)主要是采用了 Ajax 技術(shù)，通過該技術(shù)將用戶名傳到后臺(tái)服務(wù)器進(jìn)行驗(yàn)證，并將驗(yàn)證結(jié)果返還到頁面中，因?yàn)橄嚓P(guān) Ajax 代碼在前文查詢下屬城市時(shí)已經(jīng)涉及，并且頁面提醒輸出在用戶登錄頁面也已做解 釋，因此在此僅作實(shí)現(xiàn)流程介紹，如下圖 ，用戶在頁面中離開用戶名填寫框后執(zhí)行 onblur 方法，頁面執(zhí)行 script 中的 Ajax 方