基于bs結構的土特產交易設計與實現-資料下載頁

　　

【正文】 訂單查詢、 土特產 查詢、 推薦 土特產 、 折扣 土特產 和 土特產 分類等信息，如 圖41 所示： 圖 41 系統 主界面 土 特產介紹模塊 設計 頁面包括特價土特產，商家推薦，銷售排行，分類展示四個模塊， 這樣可以讓客戶直觀的了解產品 詳情 。 特價土特產 信息 在 的中，將顯示最新添加的 4s 個 特價 土特產 的詳細信息，使用 土特產 的詳細資料，使用 ， 可將土特產添加到購物車，以便購買土特產 。 第 4 章 系統詳細設計 商家推薦 土特產 在 的中央下方，將顯示 商家推薦 的 5 個 土特產 的詳細信息，程序將 從tutechan 表中查出最新推薦 的三個 土特產 ，將其顯示出來。 信息顯示模塊 設計 系統的 信息顯示模塊 包括最新公告、 客戶 登錄信息、訂單查詢和站內搜索 四 部分 內容 。 模塊 該模塊 首先判斷是否存在公告信 息，如果有則顯示數據庫中最新的 3 條公告信息 ， 供客戶點擊， 點擊任何一個公告鏈接，都會彈出一個新窗體 ， 調轉到 頁面 ，按照給定的公告編號顯示 相應 公告信息。 模塊 已 注冊 客戶 只有在登錄后才能購買 土特產 、查看購物信息等， 客戶 登錄界面如圖 42所示： 圖 42 客戶 登 錄 界面 在 中，如果 isUser=False(即 客戶 沒有成功登錄 )，則顯示登錄表單，表單代碼如下： form method=post action=../../LoginfrontServlet 可以看到，當數據提交后，將執行 LoginfrontServlet ，將 客戶 信息 從 傳到 LoginfrontServlet 中進行校驗是否登錄成功，然后把跳轉 到 中。 String k_Username = (t_UserName)。 String k_Password = (t_UserPass)。 Kehu kehu = new Kehu()。 (k_Username)。 (k_Password)。 KehuService ks = new KehuService()。 第 4 章 系統詳細設計 ListMapString, Object list = (kehu)。 if(()0){ ().setAttribute(username,k_Username)。 ().setAttribute(user_id,(0).get(ID).toString())。 (script)。 (alert(39。登錄成功 39。))。 (=39。ShouYeServlet39。)。 (/script)。 }else{ (script)。 (alert(39。密碼或賬號錯誤失敗 39。))。 (=39。ShouYeServlet39。)。 (/script)。 } 注冊 客戶 登錄 模 塊流程如圖 43 所示： 驗證 圖 43 登 錄 模塊 流程圖 模塊 Y 客戶登錄 身份認證 保存客戶權限信息 進入客戶管理頁面 開始 結束 N 第 4 章 系統詳細設計 客戶 可以查詢訂單的處理狀態， 點擊我的賬戶或我的訂單可以查看， 實現 代碼 如下： div class=tex1 align=lefta href=../DingDanServlet 我 的 訂 單/a/div div class=tex2 align=lefta href=files/ 我 的 賬 戶/a/div 模塊 站內搜索功能就是按照 土特產 類別和關鍵字來搜索 土特產 信息，表單的定義如下所示： form method=POST action=../../Select name=Search 點擊“提交”按鈕將提交表單到 文件。 土特產 查詢及購買模塊設計 下面介紹 土特產 查詢及購買模塊的實現過程，其包括以下功能： 土特產 列表； 土特產 信息； 土特產 信息； 土特產 ； 看 購物車 ； ； ； 除了查詢和查看 土特產 信息外，其他功能都需要登錄后才能使用。 按分類查看 土特產 列表 在主界面中，顯示了 土特產 分類的超級鏈接，單擊超級鏈接，將打開 頁面 ，查看指定分類中的 土特產 列表， 按分類查看 土特產 的 界面 如圖 44所示： 圖 44 分類查找界面 第 4 章 系統詳細設計 。一種是按 土特產 分類顯示 土特產 列表，另一種情況是 在指定分類中查詢滿足條件的 土特產 ，程序將根據 客戶 提供的參數生成查詢條件whereTo ，如果參數 tyid 不為空，則顯示類型編號為 tpid 的所有 土特產 ；否則在參數 tid中保存了 土特產 類型編號，參數 gname 中保存了要查詢 土特產 的名稱。這里使用模糊查詢的方法，所以在 WHERE 字句中使用 LIKE 關鍵字進行匹配。 土特產 信息 程序將根據生成的查詢條件設置 SELECT 語句，并讀取滿足條件的 土特產 到記錄集 rs中。然后設置分頁條件，以分頁的方式顯示 土特產 。 選擇要購買的 土特產 在顯示的 土特產 中，點擊要購買的 土特產 “ 購買 ” 圖標， 提交訂單將土特產添加到購物車， 對應的代碼如下： form action= “ ../GouWucheServlet?id=%=(0).get(“ ID” )%” method=” post” name=” fom” onsubmit=” return” jiaoyan()” GouWucheserlet 為將土特產添加到購物車的 servlet， id為土特產編號 ，購買 土特產 界面 如圖 45所示： 圖 45 土特產 定購界面 點擊“收藏”圖標，將土特產添加到收藏夾，該功能的實現是通過 Ajax 異步與數據庫交互。對應代碼如下： %if(username==null){ % td colspan=2 a href=javascript:void(null) onclick=alert(39。請先登錄 39。)img name=buy src=img/ width=120 /a/td %}else{% td colspan=2 ahref=javascript:void(null) onclick=checkshoucang(%=(0).get(ID) %)img name=buy src=img/ width=120 /a /td 第 4 章 系統詳細設計 %} % 該功能須用戶登錄后才能執行： 當 username==null 時：用戶沒有登錄，當用戶點擊按鈕時，觸發 onclick 事件，彈出alert(),提示用戶 先登錄。 當 username!=null 時：用戶已經登錄，當用戶點擊按鈕時，觸發 onclick 事件，調用checkshoucang()函數，來執行將土特產添加到購物車的功能。 購物車 管理 設計 把 土特產 放入 購物 車 和在超市中把 土特產 放在購物 籃 是一樣的，在到收款臺之前需要進行確認。訂購 土特產 后，需要到 購物 車 中確認自己訂購的 土特產 信息， 可以用來顯示 購物籃 信息，如 圖 46所示： 圖 46 購物車 界面 在 購物車 中，可以點擊“刪除” 連接， 刪除訂購的 土特產 ，按鈕的代碼如下： bra href=javascript:void(null) onclick=del(%=i %)刪除 /a/td 函數 del ()的功能是 在 servlet 中產出相應的土特產信息 。 DelShanPinFromGouWuChe中刪除 土特產 的代碼如下所示： /*刪除商品索引 */ int i = ((i))。 /*去購物車中商品 */ ListListMapString,Objectlist=(ListListMapString,Object)request.getSession().getAttribute(list)。 (i)。 (front/files/)。 單擊“ 結算 ”按鈕將 根據購物車生成訂單，用戶填寫訂單 ，按鈕代碼如下： %if(username == null ){ % 第 4 章 系統詳細設計 a href=login/?TB_iframe=trueamp。height=400amp。width=600 title=用戶登錄 class=thickbox onclick=return confirm(39。您還未登錄，請先登錄 39。) img src=files/img/ /a %}else{ % input ty pe=image src=files/img/ onclick=() %} % 當 username==null 時：用戶沒有登錄，當用戶點擊按鈕時，觸發 onclick 事件，彈出alert(),提示用戶先登錄。 當 username!=null 時：用戶已經登錄，當用戶點擊按鈕時，觸發 onclick 事件，調用checkshoucang()函數，跳轉到訂單提交頁面。 訂單 功能設計 把 土特產 放入 購物車 確認要購買的東西后 ， 需要 填寫訂單 。我們使用 可以顯示 填寫訂單 ， 訂單 界面 如 圖 47所示： 圖 47 提交訂單 界面 有客戶填寫收獲信息，選擇送貨方式，選擇付款方式， 下面顯示要夠買的商品信息，完成填寫之后點擊提交，提交訂單，以便后臺進行管理。 訂單 管理 功能設計 登錄 客戶 可以在“我的訂單”鏈接 界面 中看到自己訂購的所有 土特產 的處理狀態，定購的狀態是用表 dingdan 字段 AdminChecked 來表示的， AdminChecked 為 1 表示 未付款 、AdminChecked 為 2 表示 已付款未發貨 、 AdminChecked 為 3 表示已經發貨 未簽收 、AdminChecked 為 4表示已經 簽收完畢 。 購買 土特產 訂單狀態如圖 48所示： 第 4 章 系統詳細設計 圖 48 訂單查詢 界面 客戶投訴模塊設計 如果客戶對 該銷售系統 有什么意見或建議，可以提出客戶投訴。客戶投訴模塊包含下面的功能： 填寫 客戶投訴 登錄后的 客戶 可以添加訂單的投訴信息，單擊“客戶投訴”超級鏈接，將在新窗口中打開 ， 如 圖 49所示： 圖 49 客戶投訴界面 其定義表單代碼如下所示： form action=../TouSu2Servlet method=post onsubmit=return jiaoyan() 當用戶提交表單時，系統執行 TouSu2Servlet文件， TouSu2Servlet文件接收 傳送的數據，填入數據庫的 tousu 表中，判斷是否添加成功，提示用戶是否添加成功。如果成功跳轉到 頁面，如果失敗則跳回 。 第 4 章 系統詳細設計 查詢 客戶投訴 客戶 登錄后，單擊“ 投訴記錄 ”超級鏈接，可以隨時查看自己的投訴是否已經得到解決，文件為 ，其中的程序首先根據當前 客戶 的編號讀取投訴信息，然后在頁面中顯示投訴信息的內容。 根據投訴內容，管理者可進行相應處理。 管理主界面與 登錄 程序設計 本系統分為前臺系統和后臺系統兩個部分。前臺系統為注冊 客戶 提供查看 土特產 、購買 土特產 的 界面 ，而后臺系統則為 管理員 提供對系統進行管理和維護的 界面 。 本系統的管理主界面為 ,它的功能是顯示 土特產 交易網 的管理鏈接和公告等信息。 后臺管理界面設計 在 中，使用了框架將網頁分成左右兩個部分 和 。在 文件的最上方 include 語句包含外部文件： !include File=../ !include file= 這樣可以確保只有管理 客戶 才能進入網頁。 后臺管理功能列表 頁面 用于顯示管理界面的左側部分，它定義了一組管理鏈接，它們分別是 商品管理前臺管理，訂單管理，公告管理 ，投訴管理，系統管理 ，數據統計 。 管理員點擊相應的鏈接，系統則調用以上對應的 jsp頁面 ，完成相應的管理功能。 管理員登錄模塊 設計 我們可以通過主頁中左邊的 登錄 窗口中的管理員 登錄 鏈接進入后臺管理界面，主頁中的 登錄 窗口如圖 42所示： 普通 客戶 通過上面 登錄 界面 登錄 前臺，點擊管理員 登錄 便進入管理員 登錄 界面，打開的 login\ 如圖 410 所示 。 圖 410 管理員登錄 界面 第 4 章 系統詳細設計