【正文】 function togglemenu。g439。g339。g239。g139。css/main/39。menuimg_39。none39。menu_39。css/main/39。menuimg_39。39。menu_39。none39。menu_39。圖 系統(tǒng)后臺(tái)主頁(yè)面 系統(tǒng)后臺(tái)主頁(yè)面 JQuery與 IFrame標(biāo)簽設(shè)計(jì)，不管進(jìn)行哪項(xiàng)操作，都在本頁(yè)面，非常方便靈活，其中主要包含了左側(cè)菜單 和頭部菜單 。} 系統(tǒng)后臺(tái)主頁(yè)面設(shè)計(jì)輸入正確的用戶(hù)名和口令，則可以跳轉(zhuǎn)到后臺(tái)管理系統(tǒng)菜單，繼而進(jìn)行某些管理工作，也可以轉(zhuǎn)到前臺(tái)主頁(yè)訪問(wèn)。}else{().setAttribute(manager_error, 管理員登錄驗(yàn)證失敗)。().setAttribute(manager, success)。amp。String password = ()。圖 管理員登入頁(yè)面ManagerLoginAction代碼如下：public class ManagerLoginAction extends Action{public ActionForward execute( 后臺(tái)管理商品管理類(lèi)別管理訂單管理用戶(hù)管理管理員登錄管理員ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response){ManagerLoginForm managerForm = (ManagerLoginForm)form。圖 后臺(tái)功能結(jié)構(gòu)圖本系統(tǒng)只在代碼塊中注入了以個(gè)管理員身份，暫不提供系統(tǒng)管理員管理服務(wù)。圖 訂單確認(rèn)頁(yè)面第 6章 后臺(tái)模塊的設(shè)計(jì)與實(shí)現(xiàn) 一個(gè)完整的系統(tǒng)就必須具備方便快捷的前臺(tái)服務(wù)和完善的后臺(tái)管理功能。 訂單確認(rèn) 如果收件人信息填寫(xiě)準(zhǔn)確無(wú)誤，點(diǎn)擊下一步則會(huì)跳轉(zhuǎn)到 ，提示用戶(hù)訂單已經(jīng)確認(rèn)，系統(tǒng)已經(jīng)存入數(shù)據(jù)庫(kù)。}})。},error:function(xhr,textStatus,errorThrown){alert()。mobile39。).val()。$(39。postalCode39。$(fullAddress).val()。當(dāng)用戶(hù)在下拉列表框中選擇單擊，則是利用了 Ajax異步向服務(wù)器發(fā)送請(qǐng)求獲取數(shù)據(jù)，成功請(qǐng)求后即可拿到數(shù)據(jù)封裝在 data中。用戶(hù)可以隨意修改，系統(tǒng)會(huì)去對(duì)各項(xiàng)數(shù)據(jù)進(jìn)行比較，如果發(fā)現(xiàn)有不同數(shù)據(jù)，則把本次表單提交的數(shù)據(jù)作為一條新記錄輸入數(shù)據(jù)庫(kù)中，為用戶(hù)下一次填寫(xiě)信息提供服務(wù)，用戶(hù)填寫(xiě)詳細(xì)地址頁(yè)面如圖 。用戶(hù)進(jìn)入該頁(yè)面時(shí)系統(tǒng)就會(huì)調(diào)用 ListAddressAction去數(shù)據(jù)庫(kù)中調(diào)出當(dāng)前用戶(hù)的所有地址信息。為了防止用戶(hù)錯(cuò)誤輸入或者故意填寫(xiě)無(wú)效信息，系統(tǒng)對(duì)表單中各項(xiàng)數(shù)據(jù)都進(jìn)行了校驗(yàn)，如果沒(méi)有通過(guò)表單驗(yàn)證，則提交無(wú)效。圖 訂單列表生成頁(yè)面 填寫(xiě)收件人地址 如果用戶(hù)在訂單列表生成頁(yè)面點(diǎn)擊下一步，則跳轉(zhuǎn)到填寫(xiě)收件人詳細(xì)信息頁(yè)面。訂單生成功能主要是根據(jù)用戶(hù)在購(gòu)物車(chē)中購(gòu)買(mǎi)的物品生成訂單表格，其中會(huì)顯示用戶(hù)當(dāng)前購(gòu)買(mǎi)的商品條目、數(shù)量、價(jià)格、總價(jià)等，以便用戶(hù)確認(rèn)，此時(shí)用戶(hù)也可以點(diǎn)擊上一步取消此次操作。 圖 商品購(gòu)買(mǎi)頁(yè)面 我的訂單該模塊主要實(shí)現(xiàn)訂單生成、訂單確認(rèn)、填寫(xiě)地址等功能，該模塊流程圖如圖 所示。購(gòu)買(mǎi)的商品操作，系統(tǒng)采用的是 Ajax異步發(fā)送請(qǐng)求。}}return items。CartItem item = (CartItem)()。Iterator it = ()。}}public ListCartItem getItems(boolean isbuy){ListCartItem items = new ArrayListCartItem()。}public void update(Integer id,int num){if((id)){CartItem item = (id)。 sum+=ss。sum+=ss。item = (i)。i()。ListCartItem items = getItems(true)。(true)。if(()==flag){()。while(()){ entry = ()()。}}public void delete(boolean flag){Set set = ()。}}public void delete(Integer id){if((id)){CartItem item = (id)。(book)。}else{Book book = ().findById(id)。}public void add(Integer id){if((id)){CartItem item = (id)。(cart, cart)。public CartService(){}public static CartService getInstance(HttpSession session){CartService cart = (CartService)(cart)。在數(shù)量修改的過(guò)程中，要注意考慮到用戶(hù)錯(cuò)誤輸入非數(shù)字而產(chǎn)生的異常情況，購(gòu)物車(chē)結(jié)算流程如圖。購(gòu)物車(chē)的功能包括商品數(shù)量修改，刪除、恢復(fù)列表、結(jié)算、清空、自動(dòng)統(tǒng)計(jì)價(jià)格等功能，購(gòu)物車(chē)功能如圖 。設(shè)計(jì)購(gòu)物車(chē)一般要實(shí)寫(xiě)一個(gè)類(lèi)，代表購(gòu)物車(chē)中的一項(xiàng)物品。本系統(tǒng)的購(gòu)物車(chē)主要是基于 session，沒(méi)有考慮用戶(hù)禁止 cookie的情況。圖 商品檢索流程圖圖 商品檢索界面 圖 商品檢索結(jié)果頁(yè)面 書(shū)城快訊 點(diǎn)擊主頁(yè)面上的書(shū)城快訊區(qū)上的更多進(jìn)入書(shū)城快訊列表頁(yè)面，消息已分頁(yè)顯示技術(shù)列出數(shù)據(jù)庫(kù)中的所有消息，并以時(shí)間排序。圖 圖書(shū)分頁(yè)顯示頁(yè)面 商品檢索本系統(tǒng)實(shí)現(xiàn)的是關(guān)鍵字檢索功能，用戶(hù)輸入商品名稱(chēng)，點(diǎn)擊搜索，如果數(shù)據(jù)庫(kù)中沒(méi)有相應(yīng)的商品，提示用戶(hù)暫時(shí)沒(méi)有改商品；否則跳到搜索結(jié)果頁(yè)面，列出搜索到的商品。}分類(lèi)瀏覽過(guò)程中為保證每次進(jìn)入相應(yīng)列表都是第一頁(yè)，必須把參數(shù) page設(shè)置為1傳遞給 action進(jìn)行處理。().setAttribute(counts, counts)。}int beginIndex = (page1)*5。}if(page1){(1)。}}}if(page=pages){(pages)。if(()==scc){pages= ()/size。i++){Category c = (i)。分頁(yè)技術(shù)核心代碼：商品展示分類(lèi)瀏覽商品檢索熱銷(xiāo)圖書(shū)新書(shū)上架編輯推薦圖書(shū)動(dòng)態(tài)刷新for(int i=0。首先說(shuō)說(shuō)分頁(yè)技術(shù)，由于系統(tǒng)采用的是 MySql數(shù)據(jù)庫(kù)，分頁(yè)則可以利用 MySql的 limit命令進(jìn)行數(shù)據(jù)的選取。 頁(yè)面有書(shū)城快訊和編輯推薦圖書(shū)動(dòng)態(tài)更新，主頁(yè)模塊功能結(jié)構(gòu)如圖 。 主頁(yè)模塊該模塊主要包含分類(lèi)瀏覽、商品檢索、熱銷(xiāo)圖書(shū)、新書(shū)上架、書(shū)城快訊等功能。圖 密碼修改流程圖圖 密碼修改成功提示 用戶(hù)登出用戶(hù)登出主要是把 session中當(dāng)前的 user屬性設(shè)置為空，因?yàn)橹坝脩?hù)登錄成功的時(shí)候已經(jīng)把用戶(hù) user放入了 session中。查詢(xún)收件人菜單功能也是一樣，如果當(dāng)前用戶(hù)沒(méi)有在本商城下過(guò)訂單，則相應(yīng)的提示用戶(hù)“沒(méi)有你的收件人信息記錄” 。如果當(dāng)前用戶(hù)沒(méi)有下過(guò)訂單，則告訴用戶(hù)當(dāng)前還沒(méi)有您的訂單記錄；否則以列表的形式分頁(yè)列出當(dāng)前用戶(hù)的訂單記錄。該模塊流程圖如圖 所示。管理中心主要提供了查看訂單、查看收件人、修改密碼、安全退出服務(wù)，其它的基本信息修改和修改密碼一致，這里不再進(jìn)行編寫(xiě)。這主要是利用了JSTL標(biāo)簽來(lái)控制，我們只要判斷 session中對(duì)應(yīng)的 user是否為空，為空不顯示登出按鈕。圖 用戶(hù)登錄界面 用戶(hù)成功登錄后，在主頁(yè)面上則會(huì)顯示用戶(hù)的昵稱(chēng)，同時(shí)后邊只顯示登出按鈕。圖 用戶(hù)登錄流程圖系統(tǒng)制定了一個(gè)積分規(guī)則，積分對(duì)應(yīng)了 d_user表中的 user_integral字段。如果用戶(hù)上次注冊(cè)的時(shí)候沒(méi)有進(jìn)行郵箱驗(yàn)證，則會(huì)跳轉(zhuǎn)到郵箱驗(yàn)證頁(yè)面()。這時(shí)你可以進(jìn)行主頁(yè)訪問(wèn)或者查看你的基本信息。圖 郵箱驗(yàn)證界面郵箱驗(yàn)證碼輸入正確，點(diǎn)擊完成按鈕，則會(huì)跳轉(zhuǎn)到 ，提示用戶(hù)注冊(cè)成功。郵箱驗(yàn)證碼是采用 JDK中的 UUID類(lèi)隨機(jī)生成的字符串再加上用戶(hù)的 ID作為后綴生成。} 如果 ，點(diǎn)擊提交按鈕將轉(zhuǎn)到注冊(cè)第二步，也就是郵箱驗(yàn)證頁(yè)面 ，同時(shí)把上一步產(chǎn)生的驗(yàn)證碼寫(xiě)入數(shù)據(jù)庫(kù)中。} catch (Exception e) {()。//將加密后的字節(jié)數(shù)組使用 Base64算法變成字符BASE64Encoder encode = new BASE64Encoder()。}}密碼采用了加密算法，工具類(lèi)代碼如下：public final class DegistUtil {public static String md5(String str){try {//將密碼變成字節(jié)再加密MessageDigest md = (MD5)。} catch (Exception e) {()。JPEGImageEncoder encoder = (os)。}// 壓縮成 jpeg格式OutputStream os。i++){(new Color((255), (255), (255)))。for(int i=0。(number, number)。String number = str。str+=(char)(ch+(26))。i++){char ch = 39。for(int i=0。(new Color(0,0,0))。(new Color((255),(255),(255)))。// 獲得畫(huà)筆對(duì)象Graphics g = ()。圖片驗(yàn)證碼生成代碼如下(CheckCodeAciton)：public class CheckCodeAction extends Action{public ActionForward execute(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response){(image/jpeg)。../?39。imgVcode39。但是為了讓瀏覽器能夠每次執(zhí)行這個(gè)請(qǐng)求，必須讓請(qǐng)求地址產(chǎn)生變化，否則瀏覽器默認(rèn)是已經(jīng)請(qǐng)求過(guò)的地址，不會(huì)重新請(qǐng)求一遍。服務(wù)器只要一生成驗(yàn)證碼就把它保存在 session中，用于提交表單時(shí)與用戶(hù)輸入的驗(yàn)證碼比較，如果不一致，提示用戶(hù)“驗(yàn)證碼出錯(cuò)” ，這時(shí)用戶(hù)可以點(diǎn)擊后面鏈接獲取新的驗(yàn)證碼，重新輸入。 圖 注冊(cè)流程圖圖 郵箱惟一驗(yàn)證效果界面為了防止機(jī)器人搗亂胡亂注冊(cè)，系統(tǒng)注冊(cè)采用了圖片驗(yàn)證碼認(rèn)證。 前臺(tái)交易模塊用戶(hù)管理商品展示購(gòu)物車(chē)管理書(shū)城快訊我的訂單 用戶(hù)模塊用戶(hù)注冊(cè)用戶(hù)登錄用戶(hù)登出用戶(hù)信息修改圖 用戶(hù)模塊功能結(jié)構(gòu)圖 用戶(hù)注冊(cè) 統(tǒng)采用了 JQuery（）進(jìn)行表單數(shù)據(jù)基本驗(yàn)證，注冊(cè)頁(yè)面，則表單提交按鈕失效。 表 49 公告表（d_message）字段名稱(chēng) 類(lèi)型 約束 描述id int(12) PK 唯一標(biāo)識(shí)keywords varchar2(20) not null 消息關(guān)鍵詞語(yǔ)content varchar(500) not null 消息內(nèi)容out_time bigint(20) not null 發(fā)布時(shí)間第 5章 前臺(tái)模塊設(shè)計(jì)與實(shí)現(xiàn)本系統(tǒng)主要包含前臺(tái)交易系統(tǒng)和后臺(tái)管理系統(tǒng)，其中前臺(tái)交易系統(tǒng)包括用戶(hù)模塊、主頁(yè)模塊、訂單模塊、購(gòu)物車(chē)模塊，前臺(tái)功能結(jié)構(gòu)如圖 所示。表47 貨物表（d_item）字段名稱(chēng) 類(lèi)型 約束 描述id int(12) PK 訂單號(hào)orders_id int(10) auto_increment / PK 貨物 IDproduct_id int(10) not null 產(chǎn)品 IDproduct_name varchar(100) not null 產(chǎn)品名字dang_price double not null 熱銷(xiāo)價(jià)product_number int(10) not null 產(chǎn)品數(shù)量amount double not null 產(chǎn)品價(jià)格(8)收件人信息表(d_receive_address)，主要包含編號(hào)、用戶(hù)編號(hào)、收件人姓名、詳細(xì)地址、郵政編碼、手機(jī)號(hào)碼、固定電話號(hào)碼。表45 分類(lèi)與產(chǎn)品表（d_category_product）字段名稱(chēng) 類(lèi)型 約束 描述id int(12) auto_increment /PK 數(shù)據(jù)庫(kù)唯一標(biāo)識(shí) IDproduct_id int(10)r not null 產(chǎn)品 IDcat_id int(10) not null 商品分類(lèi) ID(6)訂單表(d_order)，主要包含訂單編號(hào)、用戶(hù)編號(hào)、訂單狀態(tài)、訂單生成時(shí)間、訂單描述、訂單總價(jià)、收件人姓名、收件人