【正文】 術(shù)，由于系統(tǒng)采用的是 MySql數(shù)據(jù)庫(kù)，分頁(yè)則可以利用 MySql的 limit命令進(jìn)行數(shù)據(jù)的選取。分頁(yè)技術(shù)主要注意 4個(gè)因素，每頁(yè)顯示的記錄條數(shù) pageSize，當(dāng)前頁(yè) page，總頁(yè)數(shù) totalPage，數(shù)據(jù)庫(kù)中的記錄總數(shù) counts。分頁(yè)技術(shù)核心代碼：商品展示分類瀏覽商品檢索熱銷圖書(shū)新書(shū)上架編輯推薦圖書(shū)動(dòng)態(tài)刷新for(int i=0。i()。i++){Category c = (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。}分類瀏覽過(guò)程中為保證每次進(jìn)入相應(yīng)列表都是第一頁(yè)，必須把參數(shù) page設(shè)置為1傳遞給 action進(jìn)行處理。分類瀏覽過(guò)程中必須將父類別 ID和子類別 ID一起傳給action，這樣我們可以在分類瀏覽過(guò)程中顯示當(dāng)前進(jìn)入的目錄類別。圖 圖書(shū)分頁(yè)顯示頁(yè)面 商品檢索本系統(tǒng)實(shí)現(xiàn)的是關(guān)鍵字檢索功能，用戶輸入商品名稱，點(diǎn)擊搜索，如果數(shù)據(jù)庫(kù)中沒(méi)有相應(yīng)的商品，提示用戶暫時(shí)沒(méi)有改商品；否則跳到搜索結(jié)果頁(yè)面，列出搜索到的商品。如果用戶不輸入關(guān)鍵字，點(diǎn)擊搜索按鈕，則該改按鈕不能向服務(wù)器發(fā)送請(qǐng)求，主要采用 js驗(yàn)證，該流程如圖 。圖 商品檢索流程圖圖 商品檢索界面 圖 商品檢索結(jié)果頁(yè)面 書(shū)城快訊 點(diǎn)擊主頁(yè)面上的書(shū)城快訊區(qū)上的更多進(jìn)入書(shū)城快訊列表頁(yè)面，消息已分頁(yè)顯示技術(shù)列出數(shù)據(jù)庫(kù)中的所有消息，并以時(shí)間排序。 圖 書(shū)城快訊列表 購(gòu)物車模塊電子商務(wù)網(wǎng)站一般都有一個(gè)購(gòu)物車功能，它必須設(shè)計(jì)合理，功能便捷。本系統(tǒng)的購(gòu)物車主要是基于 session，沒(méi)有考慮用戶禁止 cookie的情況。要設(shè)計(jì)一個(gè)購(gòu)物車，就必須分析購(gòu)物車應(yīng)該具備哪些功能。設(shè)計(jì)購(gòu)物車一般要實(shí)寫一個(gè)類，代表購(gòu)物車中的一項(xiàng)物品。系統(tǒng)編寫了一個(gè)物品類 CartItem，其包含三個(gè)屬性：商品數(shù)目，商品實(shí)體、是否購(gòu)買，購(gòu)物車定義了一個(gè)屬性 MapInteger,CartItem代表當(dāng)前購(gòu)物車中的所有物品。購(gòu)物車的功能包括商品數(shù)量修改，刪除、恢復(fù)列表、結(jié)算、清空、自動(dòng)統(tǒng)計(jì)價(jià)格等功能，購(gòu)物車功能如圖 。圖 購(gòu)物車功能結(jié)構(gòu)圖如果用戶沒(méi)有登錄點(diǎn)擊結(jié)算，則會(huì)提示用戶登錄后進(jìn)行操作。在數(shù)量修改的過(guò)程中，要注意考慮到用戶錯(cuò)誤輸入非數(shù)字而產(chǎn)生的異常情況，購(gòu)物車結(jié)算流程如圖。 購(gòu)物車商品數(shù)量修改添加商品自動(dòng)統(tǒng)計(jì)價(jià)格清空已買商品刪除商品恢復(fù)商品列表圖 購(gòu)物車結(jié)算流程圖 圖 購(gòu)物車頁(yè)面購(gòu)物車核心代碼 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。}} 在商品列表購(gòu)買商品的時(shí)候，如果成功購(gòu)買，給出提示，如果用戶繼續(xù)點(diǎn)擊，則該物品在購(gòu)物車中的數(shù)量加 1。購(gòu)買的商品操作，系統(tǒng)采用的是 Ajax異步發(fā)送請(qǐng)求。傳統(tǒng)的點(diǎn)擊鏈接購(gòu)買會(huì)刷新整個(gè)頁(yè)面，給用戶的感覺(jué)是非常不友好的。 圖 商品購(gòu)買頁(yè)面 我的訂單該模塊主要實(shí)現(xiàn)訂單生成、訂單確認(rèn)、填寫地址等功能，該模塊流程圖如圖 所示。圖 訂單模塊流程圖 訂單列表生成 用戶在購(gòu)物車頁(yè)面 ，則會(huì)跳轉(zhuǎn)到 頁(yè)面，前提是用戶必須已經(jīng)成功登錄，否則轉(zhuǎn)到登錄頁(yè)面提示用戶登錄后才能進(jìn)行操作。訂單生成功能主要是根據(jù)用戶在購(gòu)物車中購(gòu)買的物品生成訂單表格，其中會(huì)顯示用戶當(dāng)前購(gòu)買的商品條目、數(shù)量、價(jià)格、總價(jià)等，以便用戶確認(rèn)，此時(shí)用戶也可以點(diǎn)擊上一步取消此次操作。為了控制訂單的準(zhǔn)確性和價(jià)值，如果當(dāng)前訂單總價(jià)為零或者沒(méi)有物品時(shí)，實(shí)現(xiàn)點(diǎn)擊結(jié)算失效，訂單列表生成頁(yè)面如圖 。圖 訂單列表生成頁(yè)面 填寫收件人地址 如果用戶在訂單列表生成頁(yè)面點(diǎn)擊下一步，則跳轉(zhuǎn)到填寫收件人詳細(xì)信息頁(yè)面。本頁(yè)面的表單數(shù)據(jù)主要對(duì)應(yīng)了數(shù)據(jù)表 d_receive_address以及訂單表 d_order中的相應(yīng)字段。為了防止用戶錯(cuò)誤輸入或者故意填寫無(wú)效信息，系統(tǒng)對(duì)表單中各項(xiàng)數(shù)據(jù)都進(jìn)行了校驗(yàn)，如果沒(méi)有通過(guò)表單驗(yàn)證，則提交無(wú)效?？紤]到用戶每次需要填寫比較繁瑣的一連串詳細(xì)地址信息，系統(tǒng)設(shè)計(jì)了一個(gè)下拉列表框，它會(huì)列出當(dāng)前用戶曾經(jīng)填寫過(guò)的所有地址信息。用戶進(jìn)入該頁(yè)面時(shí)系統(tǒng)就會(huì)調(diào)用 ListAddressAction去數(shù)據(jù)庫(kù)中調(diào)出當(dāng)前用戶的所有地址信息。當(dāng)用戶點(diǎn)擊某一項(xiàng)記錄時(shí)，上一次填寫的信息則會(huì)自動(dòng)幫你填寫在表單各輸入框中。用戶可以隨意修改，系統(tǒng)會(huì)去對(duì)各項(xiàng)數(shù)據(jù)進(jìn)行比較，如果發(fā)現(xiàn)有不同數(shù)據(jù)，則把本次表單提交的數(shù)據(jù)作為一條新記錄輸入數(shù)據(jù)庫(kù)中，為用戶下一次填寫信息提供服務(wù)，用戶填寫詳細(xì)地址頁(yè)面如圖 。圖 填寫詳細(xì)地址頁(yè)面頁(yè)面首先通過(guò) ActionForm組件獲取了當(dāng)前用戶的所有地址信息 allAddress，然后把每一項(xiàng)數(shù)據(jù)的 id傳給 SelectAction，注意這個(gè)參數(shù)名字為 addId。當(dāng)用戶在下拉列表框中選擇單擊，則是利用了 Ajax異步向服務(wù)器發(fā)送請(qǐng)求獲取數(shù)據(jù)，成功請(qǐng)求后即可拿到數(shù)據(jù)封裝在 data中。Ajax 異步請(qǐng)求代碼如下：$(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()。}})。}})。})。 訂單確認(rèn) 如果收件人信息填寫準(zhǔn)確無(wú)誤，點(diǎn)擊下一步則會(huì)跳轉(zhuǎn)到 ，提示用戶訂單已經(jīng)確認(rèn)，系統(tǒng)已經(jīng)存入數(shù)據(jù)庫(kù)。提示頁(yè)面會(huì)提示用戶本次訂單的編號(hào)，用戶確認(rèn)是否已經(jīng)成功，可以到個(gè)人信息管理中心點(diǎn)擊查看訂單一欄查看是否存在剛才下過(guò)的訂單，訂單確認(rèn)頁(yè)面如圖 。圖 訂單確認(rèn)頁(yè)面第 6章 后臺(tái)模塊的設(shè)計(jì)與實(shí)現(xiàn) 一個(gè)完整的系統(tǒng)就必須具備方便快捷的前臺(tái)服務(wù)和完善的后臺(tái)管理功能。本系統(tǒng)也針對(duì)前臺(tái)交易系統(tǒng)設(shè)計(jì)了一個(gè)后臺(tái)管理服務(wù)，主要包括用戶管理、訂單管理、商品管理、類別管理、安全退出等幾個(gè)功能模塊，系統(tǒng)功能結(jié)構(gòu)如圖 所示。圖 后臺(tái)功能結(jié)構(gòu)圖本系統(tǒng)只在代碼塊中注入了以個(gè)管理員身份，暫不提供系統(tǒng)管理員管理服務(wù)。管理員用戶名和口令在 ManagerLoginAction中限定，用戶名或者密碼不對(duì)都不能進(jìn)入系統(tǒng)管理菜單主頁(yè)面，并提示相應(yīng)的錯(cuò)誤信息，后臺(tái)管理員登入頁(yè)面如圖 示。圖 管理員登入頁(yè)面ManagerLoginAction代碼如下：public class ManagerLoginAction extends Action{public ActionForward execute( 后臺(tái)管理商品管理類別管理訂單管理用戶管理管理員登錄管理員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, 管理員登錄驗(yàn)證失敗)。return (manager_login)。} 系統(tǒng)后臺(tái)主頁(yè)面設(shè)計(jì)輸入正確的用戶名和口令，則可以跳轉(zhuǎn)到后臺(tái)管理系統(tǒng)菜單，繼而進(jìn)行某些管理工作，也可以轉(zhuǎn)到前臺(tái)主頁(yè)訪問(wèn)。系統(tǒng)管理主頁(yè)如圖 。圖 系統(tǒng)后臺(tái)主頁(yè)面 系統(tǒng)后臺(tái)主頁(yè)面 JQuery與 IFrame標(biāo)簽設(shè)計(jì)，不管進(jìn)行哪項(xiàng)操作，都在本頁(yè)面，非常方便靈活，其中主要包含了左側(cè)菜單 和頭部菜單 。部分頁(yè)面代碼如下：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