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