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

　　

【正文】 它也是 freemarker 組件，該組件繼承首頁模版的 freemarker 組件“ .index”（這里以“ .”做前綴來區(qū)分模版和freemarker 視圖），它不需要任何修改，在模版中的 freemarker 組件中已經(jīng)具備了主頁的所有視圖。關(guān)鍵代碼如下： 基于 Java的電子商城管理系統(tǒng)的 設(shè)計與實現(xiàn) 19 template id=index type=page name= 首頁 templatePath=/shop/ staticPath=/ / 各模 塊詳細(xì)設(shè)計 與 實現(xiàn) 一、用 戶 注 冊 模 塊 新用戶必須注冊，并且填入個人信息完成注冊后才能進(jìn)行商品的購買等活動。沒有賬號的用戶可以在首頁的用戶注冊模塊進(jìn)行注冊，而已有賬戶的用戶則可以直接登錄。該模塊前端設(shè)計如下圖。 圖 4 1 首頁用戶注冊登錄模塊接口圖 基于 Java的電子商城管理系統(tǒng)的 設(shè)計與實現(xiàn) 20 點擊進(jìn)入新用戶注冊之后需要填寫個人信息等。見下圖 （ 1）創(chuàng)建會員注冊頁面，在該頁面中創(chuàng)建一個窗體，窗體的 Action 屬性（即請求路徑）設(shè)置為 ${base}/register/，窗體中包含用戶名、真實姓名、所在地區(qū)、聯(lián)系地 址等會員信息的字段，這些字段都使用了 input name=“” /對指定的屬性進(jìn)行了綁定，這是 springmvc 接收這些字段的規(guī)則。由于窗體頁面的字段和程序代碼較多，本章就以窗體的用戶名字段為例，介紹 Spring 窗體頁面的定義。關(guān)鍵代碼如下： form id=registerForm action=${base}/register/ method=post table tr th span 圖 4 2 用戶注冊接口圖 基于 Java的電子商城管理系統(tǒng)的 設(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 類，該類是處理會員注冊業(yè)務(wù)的控制器，它繼承了我們自己定義的 BaseController 類，并重寫了該類的部分方法來實現(xiàn)業(yè)務(wù)處理。首先，在RegisterController 類的定義之前加入 springmvc 的注解 @controller，表明該類是一個控制器，然后加入 @requestMapping(“/register”)虛擬出一個路徑表示該路徑映射下的方法都 是關(guān)于會員注冊的，接著在定義這個類以后把相關(guān)的 Server 層的接口和實現(xiàn)類注入進(jìn)來，以便編碼實現(xiàn)系統(tǒng)所需的業(yè)務(wù)邏輯，把 server 層接口與實現(xiàn)類注入需要使用注解@resouce(name=””)。 RegisterController 類的關(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ù)驗證代碼省略 …… } (())。 ((password))。 ()。 (())。 (new BigDecimal(0))。 (new BigDecimal(0))。 (true)。 (false)。 (0)。 (null)。 基于 Java的電子商城管理系統(tǒng)的 設(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）會員注冊某些字段的填寫有一定的規(guī)則，例如不能為空，必須為數(shù)字等。以往實現(xiàn)這些驗證都是通過在后臺創(chuàng)建一個 Validate 驗證類，前端把值傳到驗證器通過代碼進(jìn)行驗證。但是這樣的驗證方法效率低并且會造成整個系統(tǒng)的耦合度變高，現(xiàn)在企業(yè)早已廢棄了這種驗證方式，取而代之的是 jquery 編寫的一些驗證組件，完全在前端就可以實現(xiàn)驗證，既減少了后臺代碼編寫的工作量，又提高了系統(tǒng)的 性能（不需要把用戶輸入的值傳遞到后臺進(jìn)行處理），還降低了整個系統(tǒng)代碼的耦合度。實現(xiàn)驗證的主要代碼如下： // 表單驗證 $({ rules: { username: { 基于 Java的電子商城管理系統(tǒng)的 設(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è)計與實現(xiàn) 24 pattern: ${message()} } [if !] , { remote: ${message()} } [/if] }, （ 4）要使我們定義好的 Controller 控制器起到相應(yīng)的作用，僅有上面的代碼還不行，我們還需要在 配置文件中添加讓 spring 控制器起作用的配置代碼，具體原理請參照 spring 開發(fā)文檔，關(guān)鍵代碼如下： context:ponentscan basepackage= usedefaultfilters=false context:includefilter type=annotation expression= / /context:ponentscan 二、 會員 登 陸 模 塊 實現(xiàn)會員登陸的全過程，需要經(jīng)過創(chuàng)建會員登錄頁面、編寫登陸控制器、配置控制器和請求映像等步驟。 （ 1）創(chuàng)建會員登錄頁面，在該頁面中創(chuàng)建一個窗體，窗體的 Action 屬性（及請求路徑）設(shè)置為 ${base}/login/，窗體中包含用戶名文 本框、密碼文本框、驗證碼文本框和注冊的超鏈接。關(guān)鍵代碼如下： form id=loginForm action=${base}/login/ method=post table tr 圖 4 3 首頁用戶登錄模塊接口圖 基于 Java的電子商城管理系統(tǒng)的 設(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è)計與實現(xiàn) 26 input type=checkbox id=isRememberUsername name=isRememberUsername value=true /${message()} /label label