【正文】 主頁面上的書城快訊區(qū)上的更多進入書城快訊列表頁面，消息已分頁顯示技術列出數(shù)據(jù)庫中的所有消息，并以時間排序。 圖 書城快訊列表 購物車模塊電子商務網(wǎng)站一般都有一個購物車功能，它必須設計合理，功能便捷。本系統(tǒng)的購物車主要是基于 session，沒有考慮用戶禁止 cookie 的情況。要設計一個購物南昌航空大學學士學位論文40車，就必須分析購物車應該具備哪些功能。設計購物車一般要實寫一個類，代表購物車中的一項物品。系統(tǒng)編寫了一個物品類 CartItem，其包含三個屬性：商品數(shù)目，商品實體、是否購買，購物車定義了一個屬性 MapInteger,CartItem代表當前購物車中的所有物品。購物車的功能包括商品數(shù)量修改，刪除、恢復列表、結(jié)算、清空、自動統(tǒng)計價格等功能，購物車功能如圖 所示。圖 購物車功能結(jié)構(gòu)圖如果用戶沒有登錄點擊結(jié)算，則會提示用戶登錄后進行操作。在數(shù)量修改的過程中，要注意考慮到用戶錯誤輸入非數(shù)字而產(chǎn)生的異常情況，購物車結(jié)算流程如圖 所示。 購物車商品數(shù)量修改添加商品自動統(tǒng)計價格清空已買商品刪除商品恢復商品列表南昌航空大學學士學位論文41圖 購物車結(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)。南昌航空大學學士學位論文42}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){()。}南昌航空大學學士學位論文43}}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)。南昌航空大學學士學位論文44(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)的點擊鏈接購買會刷新整個頁面，給用戶的感覺是非常不友好的。 圖 商品購買頁面 我的訂單南昌航空大學學士學位論文45該模塊主要實現(xiàn)訂單生成、訂單確認、填寫地址等功能，該模塊流程圖如圖 所示。圖 訂單模塊流程圖 訂單列表生成 用戶在購物車頁面 中點擊結(jié)算后，則會跳轉(zhuǎn)到 南昌航空大學學士學位論文46頁面，前提是用戶必須已經(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)設計了一個下拉列表框，它會列出當前用戶曾經(jīng)填寫過的所有地址信息。用戶進入該頁面時系統(tǒng)就會調(diào)用 ListAddressAction 去數(shù)據(jù)庫中調(diào)出當前用戶的所有地址信息。當用戶點擊某一項記錄時，上一次填寫的信息則會自動幫你填寫在表單各輸入框中。用戶可以隨意修改，系統(tǒng)會去對各項數(shù)據(jù)進行比較，如果發(fā)現(xiàn)有不同數(shù)據(jù)，則把本次表單提交的數(shù)據(jù)作為一條新記錄輸入數(shù)據(jù)庫中，為用戶下一次填寫信息提供服務，用戶填寫詳細地址頁面如圖 所示。南昌航空大學學士學位論文47圖 填寫詳細地址頁面頁面首先通過 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()。}})。}})。南昌航空大學學士學位論文48})。 訂單確認 如果收件人信息填寫準確無誤，點擊下一步則會跳轉(zhuǎn)到 ，提示用戶訂單已經(jīng)確認，系統(tǒng)已經(jīng)存入數(shù)據(jù)庫。提示頁面會提示用戶本次訂單的編號，用戶確認是否已經(jīng)成功，可以到個人信息管理中心點擊查看訂單一欄查看是否存在剛才下過的訂單，訂單確認頁面如圖 所示。圖 訂單確認頁面南昌航空大學學士學位論文49第 6 章 后臺模塊的設計與實現(xiàn) 一個完整的系統(tǒng)就必須具備方便快捷的前臺服務和完善的后臺管理功能。本系統(tǒng)也針對前臺交易系統(tǒng)設計了一個后臺管理服務，主要包括用戶管理、訂單管理、商品管理、類別管理、安全退出等幾個功能模塊，系統(tǒng)功能結(jié)構(gòu)如圖 所示。圖 后臺功能結(jié)構(gòu)圖 管理員的設計本系統(tǒng)只在代碼塊中注入了以個管理員身份，暫不提供系統(tǒng)管理員管理服務。管理員用戶名和口令在 ManagerLoginAction 中限定，用戶名或者密碼不對都不能進入系統(tǒng)管理菜單主頁面，并提示相應的錯誤信息，后臺管理員登入頁面如圖 所示。圖 管理員登入頁面ManagerLoginAction 代碼如下：public class ManagerLoginAction extends Action{public ActionForward execute( 后臺管理商品管理類別管理訂單管理用戶管理管理員登錄管理員南昌航空大學學士學位論文50ActionMapping 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)后臺主頁面設計輸入正確的用戶名和口令，則可以跳轉(zhuǎn)到后臺管理系統(tǒng)菜單，繼而進行某些管理工作，也可以轉(zhuǎn)到前臺主頁訪問。系統(tǒng)管理主頁如圖 所示。圖 系統(tǒng)后臺主頁面南昌航空大學學士學位論文51 系統(tǒng)后臺主頁面 的構(gòu)建主要采用了 JQuery 與 IFrame 標簽設計，不管進行哪項操作，都在本頁面，非常方便靈活，其中主要包含了左側(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 togglemenu(id) {for (i = 0。 i 。 i++) {var k = menus[i]。(k). = (k == id ? 39。39。 : 39。none39。)。}}function sethighlight(n) {var lis = (39。li39。)。for(var i = 0。 i 。 i++) {lis[i].id = 39。39。}lis[n].id = 39。menuon39。南昌航空大學學士學位論文52}/script 管理員登出在主頁面上只要點擊安全退出，則會跳轉(zhuǎn)到管理員登錄界面，同時把 session 中的 manager 屬性設置為空，代碼如下：().setAttribute(manager, null)。return (manager_login)。 用戶管理用戶管理主要包括用戶的查詢、刪除、添加、修改，搜索單個用戶等操作，用戶管理功能結(jié)構(gòu)如圖 所示。圖 用戶管理結(jié)構(gòu)圖 用戶查詢用戶查詢功能就是以分頁形式列出所有用戶，然后再每條記錄后面附帶上對本條記錄進行修改、刪除的操作。查詢結(jié)果頁面如圖 所示。用戶列表顯示搜索單個用戶刪除單個用戶用戶信息修改添加單個用戶