電子商以當當網為例畢業論文-資料下載頁

　　

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