【正文】 術(shù)，由于系統(tǒng)采用的是 MySql數(shù)據(jù)庫，分頁則可以利用 MySql的 limit命令進行數(shù)據(jù)的選取。分頁技術(shù)主要注意 4個因素，每頁顯示的記錄條數(shù) pageSize，當前頁 page，總頁數(shù) totalPage，數(shù)據(jù)庫中的記錄總數(shù) counts。分頁技術(shù)核心代碼：for(int i=0。i()。i++){Category c = (i)。商品展示分類瀏覽商品檢索熱銷圖書新書上架編輯推薦圖書動態(tài)刷新counts+=()。if(()==scc){pages= ()/size。if(() % size != 0){pages++。}}}if(page=pages){(pages)。page=pages。}if(page1){(1)。page=1。}int beginIndex = (page1)*5。ListBookbooks = ().findByParentId(scc,beginIndex, size)。().setAttribute(counts, counts)。if(pages==0){pages = 1。}分類瀏覽過程中為保證每次進入相應列表都是第一頁，必須把參數(shù) page設(shè)置為1傳遞給 action進行處理。分類瀏覽過程中必須將父類別 ID和子類別 ID一起傳給action，這樣我們可以在分類瀏覽過程中顯示當前進入的目錄類別。圖 圖書分頁顯示頁面 商品檢索本系統(tǒng)實現(xiàn)的是關(guān)鍵字檢索功能，用戶輸入商品名稱，點擊搜索，如果數(shù)據(jù)庫中沒有相應的商品，提示用戶暫時沒有改商品；否則跳到搜索結(jié)果頁面，列出搜索到的商品。如果用戶不輸入關(guān)鍵字，點擊搜索按鈕，則該改按鈕不能向服務器發(fā)送請求，主要采用 js驗證，該流程如圖 。圖 商品檢索流程圖圖 商品檢索界面 圖 商品檢索結(jié)果頁面 書城快訊 點擊主頁面上的書城快訊區(qū)上的更多進入書城快訊列表頁面，消息已分頁顯示技術(shù)列出數(shù)據(jù)庫中的所有消息，并以時間排序。 圖 書城快訊列表 購物車模塊電子商務網(wǎng)站一般都有一個購物車功能，它必須設(shè)計合理，功能便捷。本系統(tǒng)的購物車主要是基于 session，沒有考慮用戶禁止 cookie的情況。要設(shè)計一個購物車，就必須分析購物車應該具備哪些功能。設(shè)計購物車一般要實寫一個類，代表購物車中的一項物品。系統(tǒng)編寫了一個物品類 CartItem，其包含三個屬性：商品數(shù)目，商品實體、是否購買，購物車定義了一個屬性 MapInteger,CartItem代表當前購物車中的所有物品。購物車的功能包括商品數(shù)量修改，刪除、恢復列表、結(jié)算、清空、自動統(tǒng)計價格等功能，購物車功能如圖 。圖 購物車功能結(jié)構(gòu)圖如果用戶沒有登錄點擊結(jié)算，則會提示用戶登錄后進行操作。在數(shù)量修改的過程中，要注意考慮到用戶錯誤輸入非數(shù)字而產(chǎn)生的異常情況，購物車結(jié)算流程如圖。 購物車商品數(shù)量修改添加商品自動統(tǒng)計價格清空已買商品刪除商品恢復商品列表圖 購物車結(jié)算流程圖 圖 購物車頁面購物車核心代碼 CartService：public class CartService {private MapInteger,CartItem store = new HashMapInteger,CartItem()。public CartService(){}public static CartService getInstance(HttpSession session){CartService cart = (CartService)(cart)。if(cart == null){cart = new CartService()。(cart, cart)。}return cart。}public void add(Integer id){if((id)){CartItem item = (id)。(()+1)。}else{Book book = ().findById(id)。CartItem item = new CartItem()。(book)。(id,item)。}}public void delete(Integer id){if((id)){CartItem item = (id)。(false)。}}public void delete(boolean flag){Set set = ()。Iterator it = ()。while(()){ entry = ()()。CartItem item = (CartItem)()。if(()==flag){()。}}}public void recovery(Integer id){if((id)){CartItem item = (id)。(true)。}}public double cost(boolean flag){double sum = 0。ListCartItem items = getItems(true)。for(int i=0。i()。i++){CartItem item = new CartItem()。item = (i)。if(flag){double ss = ().getFixed_price()*()。sum+=ss。}else{double ss = ().getDang_price()*()。 sum+=ss。} }return sum。}public void update(Integer id,int num){if((id)){CartItem item = (id)。(num)。}}public ListCartItem getItems(boolean isbuy){ListCartItem items = new ArrayListCartItem()。Set set = ()。Iterator it = ()。while(()){ entry = ()()。CartItem item = (CartItem)()。if(()==isbuy){(item)。}}return items。}} 在商品列表購買商品的時候，如果成功購買，給出提示，如果用戶繼續(xù)點擊，則該物品在購物車中的數(shù)量加 1。購買的商品操作，系統(tǒng)采用的是 Ajax異步發(fā)送請求。傳統(tǒng)的點擊鏈接購買會刷新整個頁面，給用戶的感覺是非常不友好的。 圖 商品購買頁面 我的訂單該模塊主要實現(xiàn)訂單生成、訂單確認、填寫地址等功能，該模塊流程圖如圖 所示。圖 訂單模塊流程圖 訂單列表生成 用戶在購物車頁面 ，則會跳轉(zhuǎn)到 頁面，前提是用戶必須已經(jīng)成功登錄，否則轉(zhuǎn)到登錄頁面提示用戶登錄后才能進行操作。訂單生成功能主要是根據(jù)用戶在購物車中購買的物品生成訂單表格，其中會顯示用戶當前購買的商品條目、數(shù)量、價格、總價等，以便用戶確認，此時用戶也可以點擊上一步取消此次操作。為了控制訂單的準確性和價值，如果當前訂單總價為零或者沒有物品時，實現(xiàn)點擊結(jié)算失效，訂單列表生成頁面如圖 。圖 訂單列表生成頁面 填寫收件人地址 如果用戶在訂單列表生成頁面點擊下一步，則跳轉(zhuǎn)到填寫收件人詳細信息頁面。本頁面的表單數(shù)據(jù)主要對應了數(shù)據(jù)表 d_receive_address以及訂單表 d_order中的相應字段。為了防止用戶錯誤輸入或者故意填寫無效信息，系統(tǒng)對表單中各項數(shù)據(jù)都進行了校驗，如果沒有通過表單驗證，則提交無效。考慮到用戶每次需要填寫比較繁瑣的一連串詳細地址信息，系統(tǒng)設(shè)計了一個下拉列表框，它會列出當前用戶曾經(jīng)填寫過的所有地址信息。用戶進入該頁面時系統(tǒng)就會調(diào)用 ListAddressAction去數(shù)據(jù)庫中調(diào)出當前用戶的所有地址信息。當用戶點擊某一項記錄時，上一次填寫的信息則會自動幫你填寫在表單各輸入框中。用戶可以隨意修改，系統(tǒng)會去對各項數(shù)據(jù)進行比較，如果發(fā)現(xiàn)有不同數(shù)據(jù)，則把本次表單提交的數(shù)據(jù)作為一條新記錄輸入數(shù)據(jù)庫中，為用戶下一次填寫信息提供服務，用戶填寫詳細地址頁面如圖 。圖 填寫詳細地址頁面頁面首先通過 ActionForm組件獲取了當前用戶的所有地址信息 allAddress，然后把每一項數(shù)據(jù)的 id傳給 SelectAction，注意這個參數(shù)名字為 addId。當用戶在下拉列表框中選擇單擊，則是利用了 Ajax異步向服務器發(fā)送請求獲取數(shù)據(jù)，成功請求后即可拿到數(shù)據(jù)封裝在 data中。Ajax 異步請求代碼如下：$(function(){ $(address).change(function(){if($(this).html!=填寫新地址){$.ajax({url:%=()%/,type:post,data:$(address).serialize(),dataType:json,success:function(data,status){$(receiveName).val()。$(fullAddress).val()。$(39。postalCode39。).val()。$(39。phone39。).val()。$(39。mobile39。).val()。},error:function(xhr,textStatus,errorThrown){alert()。}})。}})。})。 訂單確認 如果收件人信息填寫準確無誤，點擊下一步則會跳轉(zhuǎn)到 ，提示用戶訂單已經(jīng)確認，系統(tǒng)已經(jīng)存入數(shù)據(jù)庫。提示頁面會提示用戶本次訂單的編號，用戶確認是否已經(jīng)成功，可以到個人信息管理中心點擊查看訂單一欄查看是否存在剛才下過的訂單，訂單確認頁面如圖 。圖 訂單確認頁面第 6章 后臺模塊的設(shè)計與實現(xiàn) 一個完整的系統(tǒng)就必須具備方便快捷的前臺服務和完善的后臺管理功能。本系統(tǒng)也針對前臺交易系統(tǒng)設(shè)計了一個后臺管理服務，主要包括用戶管理、訂單管理、商品管理、類別管理、安全退出等幾個功能模塊，系統(tǒng)功能結(jié)構(gòu)如圖 所示。圖 后臺功能結(jié)構(gòu)圖本系統(tǒng)只在代碼塊中注入了以個管理員身份，暫不提供系統(tǒng)管理員管理服務。管理員用戶名和口令在 ManagerLoginAction中限定，用戶名或者密碼不對都不能進入系統(tǒng)管理菜單主頁面，并提示相應的錯誤信息，后臺管理員登入頁面如圖 示。圖 管理員登入頁面ManagerLoginAction代碼如下： 后臺管理商品管理類別管理訂單管理用戶管理管理員登錄管理員public class ManagerLoginAction extends Action{public ActionForward execute(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response){ManagerLoginForm managerForm = (ManagerLoginForm)form。String managername = ()。String password = ()。if(().equals(sunjinfu) amp。amp。 ().equals(sunluoyang1987)){().setAttribute(manager_error, null)。().setAttribute(manager, success)。return (index)。}else{().setAttribute(manager_error, 管理員登錄驗證失敗)。return (manager_login)。} 系統(tǒng)后臺主頁面設(shè)計輸入正確的用戶名和口令，則可以跳轉(zhuǎn)到后臺管理系統(tǒng)菜單，繼而進行某些管理工作，也可以轉(zhuǎn)到前臺主頁訪問。系統(tǒng)管理主頁如圖 。圖 系統(tǒng)后臺主頁面 系統(tǒng)后臺主頁面 JQuery與 IFrame標簽設(shè)計，不管進行哪項操作，都在本頁面，非常方便靈活，其中主要包含了左側(cè)菜單 和頭部菜單 。部分頁面代碼如下：script function collapse_change(menucount) {if ($(39。menu_39。 + menucount). == 39。none39。) {$(39。menu_39。 + menucount). = 39。39。$(39。menuimg_39。 + menucount).src = 39。css/main/39。} else { $(39。menu_39。 + menucount). = 39。none39。$(39。menuimg_39。 + menucount).src = 39。css/main/39。}}/scriptscript type=text/javascriptvar menus = new Array(39。g139。,39。g239。,39。g339。,39。g439。)。function toggle