【導(dǎo)讀】隨著市場(chǎng)經(jīng)濟(jì)的逐漸形成，全球化經(jīng)濟(jì)已在國(guó)內(nèi)迅速發(fā)展起來(lái)。以往的銷(xiāo)售模式正在。不便越來(lái)越感到不滿，交易的時(shí)間長(zhǎng)、效率低。高額的運(yùn)費(fèi)、銷(xiāo)售場(chǎng)地的憑租費(fèi)等繁多的。額外開(kāi)支也給商家?guī)?lái)沉重的成本支出。為了適應(yīng)市場(chǎng)、適應(yīng)經(jīng)濟(jì)前進(jìn)的步伐，買(mǎi)家和商。家都在努力積極地尋找一種能夠帶來(lái)高效率、低成本銷(xiāo)售模式。需要那么長(zhǎng)的運(yùn)輸時(shí)間。網(wǎng)上商城使得“買(mǎi)東西、不出門(mén)”成為現(xiàn)實(shí)。家?guī)?lái)了眾多利益和無(wú)限需求。基本信息進(jìn)行了管理。系統(tǒng)中的數(shù)據(jù)格式和字段設(shè)置不具體針對(duì)某一個(gè)行業(yè)或企業(yè)，因而。具有普遍的適用性。

　　

【正文】 它也是 freemarker 組件，該組件繼承首頁(yè)模版的 freemarker 組件“ .index”（這里以“ .”做前綴來(lái)區(qū)分模版和freemarker 視圖），它不需要任何修改，在模版中的 freemarker 組件中已經(jīng)具備了主頁(yè)的所有視圖。關(guān)鍵代碼如下： 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 19 template id=index type=page name= 首頁(yè) templatePath=/shop/ staticPath=/ / 各模 塊詳細(xì)設(shè)計(jì) 與 實(shí)現(xiàn) 一、用 戶 注 冊(cè) 模 塊 新用戶必須注冊(cè)，并且填入個(gè)人信息完成注冊(cè)后才能進(jìn)行商品的購(gòu)買(mǎi)等活動(dòng)。沒(méi)有賬號(hào)的用戶可以在首頁(yè)的用戶注冊(cè)模塊進(jìn)行注冊(cè)，而已有賬戶的用戶則可以直接登錄。該模塊前端設(shè)計(jì)如下圖。 圖 4 1 首頁(yè)用戶注冊(cè)登錄模塊接口圖 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 20 點(diǎn)擊進(jìn)入新用戶注冊(cè)之后需要填寫(xiě)個(gè)人信息等。見(jiàn)下圖 （ 1）創(chuàng)建會(huì)員注冊(cè)頁(yè)面，在該頁(yè)面中創(chuàng)建一個(gè)窗體，窗體的 Action 屬性（即請(qǐng)求路徑）設(shè)置為 ${base}/register/，窗體中包含用戶名、真實(shí)姓名、所在地區(qū)、聯(lián)系地 址等會(huì)員信息的字段，這些字段都使用了 input name=“” /對(duì)指定的屬性進(jìn)行了綁定，這是 springmvc 接收這些字段的規(guī)則。由于窗體頁(yè)面的字段和程序代碼較多，本章就以窗體的用戶名字段為例，介紹 Spring 窗體頁(yè)面的定義。關(guān)鍵代碼如下： form id=registerForm action=${base}/register/ method=post table tr th span 圖 4 2 用戶注冊(cè)接口圖 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 21 class=requiredField*/span${message()}: /th td input type=text id=username name=username class=text maxlength=${} / /td /tr tr th span class=requiredField*/span${message()}: /th td input type=password id=password name=password class=text maxlength=${} autoplete=off / /td /tr…// 省略其它表 單 字段定 義 /table /form （ 2）創(chuàng)建 RegisterController 類(lèi)，該類(lèi)是處理會(huì)員注冊(cè)業(yè)務(wù)的控制器，它繼承了我們自己定義的 BaseController 類(lèi)，并重寫(xiě)了該類(lèi)的部分方法來(lái)實(shí)現(xiàn)業(yè)務(wù)處理。首先，在RegisterController 類(lèi)的定義之前加入 springmvc 的注解 @controller，表明該類(lèi)是一個(gè)控制器，然后加入 @requestMapping(“/register”)虛擬出一個(gè)路徑表示該路徑映射下的方法都 是關(guān)于會(huì)員注冊(cè)的，接著在定義這個(gè)類(lèi)以后把相關(guān)的 Server 層的接口和實(shí)現(xiàn)類(lèi)注入進(jìn)來(lái)，以便編碼實(shí)現(xiàn)系統(tǒng)所需的業(yè)務(wù)邏輯，把 server 層接口與實(shí)現(xiàn)類(lèi)注入需要使用注解@resouce(name=””)。 RegisterController 類(lèi)的關(guān)鍵代碼如下： @RequestMapping(value = /submit, method = ) public @ResponseBody Message submit(String captchaId, String captcha, String username, String , HttpServletRequest request, HttpServletResponse response, HttpSession session) { String password = (enPassword, request)。 (request)。 ……部分?jǐn)?shù)據(jù)驗(yàn)證代碼省略 …… } (())。 ((password))。 ()。 (())。 (new BigDecimal(0))。 (new BigDecimal(0))。 (true)。 (false)。 (0)。 (null)。 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 22 (())。 (())。 (new Date())。 (null)。 (())。 (null)。 (member)。 Cart cart = ()。 if (cart != null amp。amp。 () == null) { (member, cart)。 (request, response, )。 (request, response, )。 } MapString, Object attributes = new HashMapString, Object()。 Enumeration? keys = ()。 while (()) { String key = (String) ()。 (key, (key))。 } ()。 session = ()。 for (EntryString, Object entry : ()) { ((), ())。 } (, new Principal((), ()))。 (request, response, , ())。 return ()。 } （ 3）會(huì)員注冊(cè)某些字段的填寫(xiě)有一定的規(guī)則，例如不能為空，必須為數(shù)字等。以往實(shí)現(xiàn)這些驗(yàn)證都是通過(guò)在后臺(tái)創(chuàng)建一個(gè) Validate 驗(yàn)證類(lèi)，前端把值傳到驗(yàn)證器通過(guò)代碼進(jìn)行驗(yàn)證。但是這樣的驗(yàn)證方法效率低并且會(huì)造成整個(gè)系統(tǒng)的耦合度變高，現(xiàn)在企業(yè)早已廢棄了這種驗(yàn)證方式，取而代之的是 jquery 編寫(xiě)的一些驗(yàn)證組件，完全在前端就可以實(shí)現(xiàn)驗(yàn)證，既減少了后臺(tái)代碼編寫(xiě)的工作量，又提高了系統(tǒng)的 性能（不需要把用戶輸入的值傳遞到后臺(tái)進(jìn)行處理），還降低了整個(gè)系統(tǒng)代碼的耦合度。實(shí)現(xiàn)驗(yàn)證的主要代碼如下： // 表單驗(yàn)證 $({ rules: { username: { 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 23 required: true, pattern: /^[09az_AZ\u4e00\u9fa5]+$/, minlength: ${}, remote: { url: ${base}/register/, cache: false } }, password: { required: true, pattern: /^[^\samp。\]+$/, minlength: ${} }, rePassword: { required: true, equalTo: password }, { required: true, true [if !] ,remote: { url: ${base}/register/, cache: false } [/if] }, captcha: required [@member_attribute_list] [list memberAttributes as memberAttribute] [if ] ,memberAttribute_${}: { required: true } [/if] [/list] [/@member_attribute_list] }, messages: { username: { pattern: ${message()}, remote: ${message()} }, password: { 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 24 pattern: ${message()} } [if !] , { remote: ${message()} } [/if] }, （ 4）要使我們定義好的 Controller 控制器起到相應(yīng)的作用，僅有上面的代碼還不行，我們還需要在 配置文件中添加讓 spring 控制器起作用的配置代碼，具體原理請(qǐng)參照 spring 開(kāi)發(fā)文檔，關(guān)鍵代碼如下： context:ponentscan basepackage= usedefaultfilters=false context:includefilter type=annotation expression= / /context:ponentscan 二、 會(huì)員 登 陸 模 塊 實(shí)現(xiàn)會(huì)員登陸的全過(guò)程，需要經(jīng)過(guò)創(chuàng)建會(huì)員登錄頁(yè)面、編寫(xiě)登陸控制器、配置控制器和請(qǐng)求映像等步驟。 （ 1）創(chuàng)建會(huì)員登錄頁(yè)面，在該頁(yè)面中創(chuàng)建一個(gè)窗體，窗體的 Action 屬性（及請(qǐng)求路徑）設(shè)置為 ${base}/login/，窗體中包含用戶名文 本框、密碼文本框、驗(yàn)證碼文本框和注冊(cè)的超鏈接。關(guān)鍵代碼如下： form id=loginForm action=${base}/login/ method=post table tr 圖 4 3 首頁(yè)用戶登錄模塊接口圖 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 25 th [if ] ${message()}: [else] ${message()}: [/if] /th td input type=text id=username name=username class=text maxlength=${} / /td /tr tr th ${message()}: /th td input type=password id=password name=password class=text maxlength=${} autoplete=off / /td /tr [if ?? amp。amp。 ?seq_contains(memberLogin)] tr th ${message()}: /th td span class=fieldSet input type=text id=captcha name=captcha class=text captcha maxlength=4 autoplete=off /img id=captchaImage class=captchaImage src=${base}/mon/?captchaId=${captchaId} title=${message()} / /span /td /tr [/if] tr th /th td label 基于 Java的電子商城管理系統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 26 input type=checkbox id=isRememberUsername name=isRememberUsername value=true /${message()} /label label