【文章內(nèi)容簡介】 e’ ,’ url’ )。 本系統(tǒng)實(shí)現(xiàn)功能包括前臺(tái)功能，前臺(tái)功能主要是與客戶交互。前臺(tái)功能包括：首頁、用戶登錄注冊(cè)、商品詳情顯示、購物車、訂單操作。 畢業(yè)設(shè)計(jì)（論文） 文件編號(hào)： TC/04/XL/045 服務(wù)質(zhì)量文件 第 13頁 /共 43頁 13 body div class=border div class=index strong style=color:2BB8AA/strong /div div class=index_left注冊(cè)賬號(hào) /div /div div class=table form id=register action=register method=post table tr height=46px td align=rightfont size=+1郵箱 /font/td td input id=pic name= type=text value= size=26px style=height:28px。/ /td td id=mess:fielderror name=error/s:fielderror/td /tr tr height=46px td align=right height=60px font size=+1用戶名 /font/td td input id=nam name=username type=text value= size=26px style=height:28px。/ td id=mes2/td /tr tr height=46pxtdfont size=+1創(chuàng)建密碼 /font/td td input id=pas name=password type=text value= size=26px style=height:28px。/ /td td id=mes3/td /tr tr height=46pxtdfont size=+1確認(rèn)密碼 /font/td tdinput id=usr name=sure type=text value= size=26px style=height:28px。/ /td td id=mes4/td /tr tr td/td td 畢業(yè)設(shè)計(jì)（論文） 文件編號(hào)： TC/04/XL/045 服務(wù)質(zhì)量文件 第 14頁 /共 43頁 14 input id=submit type=submit value= ! a href=javascript: onclick=(39。register39。).submit()。img src=./images/ //a /td td/td /tr /table /form /div /body 注冊(cè)頁面的用戶信息用 jQuery 實(shí)現(xiàn)的。實(shí)現(xiàn)代碼如下： 我給了每個(gè)文本框一到兩個(gè)監(jiān)聽事件的方法，分別是焦點(diǎn)聚焦時(shí)、焦點(diǎn)失去聚焦后。在這些方法里面又會(huì)執(zhí)行自定義的函數(shù)，來完成業(yè)務(wù)邏輯。如，校驗(yàn)用戶密碼兩次輸入是否相同。先得到文本對(duì)象，再獲取它們的值。用 if 語句判斷，相同給出友好提示；不同也給出提示，“兩次輸入的密碼不一致，請(qǐng)重新輸入“。其他校驗(yàn)大致也是這樣完成。 script type=text/javascript $().ready(function(){ $(pic).click(function(){ if($(pic).val()==) { $(mes).html()。 } })。 $(pic).blur(function(){ if($(pic).val()==) { $(mes).html(img src=39。./images/39。+ 請(qǐng)?zhí)顚戉]箱地址 )。 }else{ $(mes).html(img src=39。./images/39。)。 } })。 $(nam).blur(function(){ if($(nam).val()==) 畢業(yè)設(shè)計(jì)（論文） 文件編號(hào)： TC/04/XL/045 服務(wù)質(zhì)量文件 第 15頁 /共 43頁 15 { $(mes2).html(img src=39。./images/39。+ 請(qǐng)?zhí)顚懹脩裘?)。 }else{ $(mes2).html(img src=39。./images/39。)。 } })。 $(nam).click(function(){ if($(nam).val()==) { $(mes2).html(img src=39。./images/39。+ 416個(gè)字符 ,不能以數(shù)字開頭 ,一個(gè)漢字為兩個(gè)字符 )。 } })。 $(pas).blur(function(){ if($(pas).val()==) { //alert(實(shí)話實(shí)說吧 1)。 $(mes3).html(img src=39。./images/39。+ 請(qǐng)?zhí)顚懨艽a )。 }else if($(pas).val().length6){ $(mes3).html(img src=39。./images/39。+ 密碼太短，至少 6個(gè)字符)。 }else if($(pas).val().length==6 || $(pas).val().length6){ //alert(實(shí)話實(shí)說吧 )。 $(mes3).html(img src=39。./images/39。)。 } })。 $(usr).blur(function(){ if($(usr).val()==) { //alert(實(shí)話實(shí)說吧 1)。 $(mes4).html(img src=39。./images/39。+ 請(qǐng)?jiān)俅翁顚懨艽a )。 }else if($(usr).val() != $(pas).val()){ $(mes4).html(img src=39。./images/39。+ 兩次輸入的密碼不一致，請(qǐng)重新輸入 )。 }else{ 畢業(yè)設(shè)計(jì)（論文） 文件編號(hào)： TC/04/XL/045 服務(wù)質(zhì)量文件 第 16頁 /共 43頁 16 //alert(實(shí)話實(shí)說吧 )。 $(mes4).html(img src=39。./images/39。)。 } })。 })。 /script 在注冊(cè)頁面填寫完用戶信息后，提交表單， post 或 get方法將數(shù)據(jù)提交給后臺(tái)，在到后臺(tái)之前會(huì)先經(jīng)過 struts 2 的核心過濾器，再由 action 傳遞信息，去尋找哪個(gè) xml 配置文件，然后由程序員配置好的 xml 決定去調(diào)用哪個(gè) action 類。我是讓它調(diào)用 法 register()，這個(gè)方法是有個(gè)返回值（注：一定是 String 類型的）業(yè)務(wù)邏輯執(zhí)行成功，則跳轉(zhuǎn)相對(duì)應(yīng)的視圖；失敗也有對(duì)應(yīng)的視圖。 這個(gè)返回值，會(huì)傳遞給根目錄下的 。這個(gè) xml配置文件會(huì)讀取信息，然后去調(diào)用哪個(gè)視圖。 xml 的代碼如下： ?xml version= encoding=UTF8? !DOCTYPE struts PUBLIC //Apache Software Foundation//DTD Struts Configuration struts package name=register extends=strutsdefault action name=register class= method=register result name=success//result result name=input//result /action /package /struts 以下是 ： package action。 import 。 import 。 import 。 import 。 public class RegisterAction extends ActionSupport implements Serializable{ private String 。//用戶的郵箱 private String username。 //用戶的昵稱 private String password。 //用戶的密碼 private String sure。 //確認(rèn)密碼 畢業(yè)設(shè)計(jì)（論文） 文件編號(hào)： TC/04/XL/045 服務(wù)質(zhì)量文件 第 17頁 /共 43頁 17 /*各個(gè)屬性的 get與 set方法 */ public String getEmail() { return 。 } public void setEmail(String ) { = 。 } public String getUsername() { return username。 } public void setUsername(String username) { = username。 } public String getPassword() { return password。 } public void setPassword(String password) { = password。 } public String getSure() { return sure。 } public void setSure(String sure) { = sure。 } /*用戶注冊(cè)方法 */ public String register() { User user = new User(,username,password,sure)。 UserDao dao = new UserDao()。 (user)。 //(+ +username+ +password+ +sure)。 return SUCCESS。 } } 畢業(yè)設(shè)計(jì)（論文） 文件編號(hào)： TC/04/XL/045 服務(wù)質(zhì)量文件 第