【正文】 在 今后的學習生活上，我們將會努力學習，不斷豐富自己。 在這段時間里，在老師和同學的幫助下，我們組完成了本次課程設計，但更重要的是對知識的積累，通過調(diào)研階段的系統(tǒng)學習和在以后設計過程中對細枝末節(jié)的補充和對技巧的掌握，使我們受益非淺，現(xiàn)在我們已經(jīng)有信心獨自設計完成一個網(wǎng)站項目。 當然，由于時間有限及開發(fā)經(jīng)驗的缺乏，本系統(tǒng)還有許多需要改進的地方，如商品的查詢功能比較簡單，我們可以充分的利用 SQL 語句來開發(fā)功能更為強大的查詢系統(tǒng)。在開發(fā)過程中遇到了許多不可預知的困難，但最終在老師和同學的幫助下一一解決了。雖然在上學期的學習中接觸到了網(wǎng)頁制作，但是只是比較 單一頁面的設計，沒有綜合一個完整的應用項目的情況。 圖 添加公告模塊流程圖 以上是系統(tǒng)中主要的功能模塊截圖。若添加失敗，則提示故障信息，并返回頁面。添加公告信息頁面如圖 所示。具體如圖 所示： 圖 會員信息查詢 本科生課程設計（論文） 36 流程圖如圖 所示。 圖 訂單管理模塊圖 會員設置模塊 會員信息模塊用來完成對注冊會員的瀏覽及刪除功能。當選中“是 /否”復選框時，系統(tǒng)會根據(jù)提交的訂單號更新數(shù)據(jù) 表，如果更新成功，則轉(zhuǎn)到 也執(zhí)行。 商品訂購詳單主要通過提交的訂單號從 tb_orderDetail 表中查詢處對應的開 始 結 束 接收商品信息 查詢數(shù)據(jù)庫 數(shù)據(jù)是否為空 是 否 信息插入數(shù)據(jù)庫 是否重復錄入 是 否 數(shù)據(jù)是否正確 否 是 插入是否成功 是 否 添加商品失敗 添加商品成功 本科生課程設計（論文） 35 商品并顯示在頁面中，管理員審核后可通過復選框來設置訂單是否執(zhí)行。會員單擊導航區(qū)中的“訂單信息管理”超分類進入會員訂單處理頁面，該頁面上會顯示近期所有沒被處理的訂單。 流程圖如圖 所示。 } 為了確保商品在數(shù)據(jù)表中的唯一性，在會員提交表單時，需要先根據(jù)會員輸入的商品名稱對數(shù)據(jù)表進行查詢，確保此商品在數(shù)據(jù)表中不存在后，方可執(zhí)行插入操作。 ()。 return false。 function check(){ ?? if(==){ alert(請輸入展示圖片的路徑 )。會員單擊“添加”按鈕后添加商品如圖 所示。 圖 管理員登錄頁面運行結果 流程圖如圖 所示。會員輸入登錄 ID 和密碼后單擊“登錄”按鈕時， 如果錄入數(shù)據(jù)完整性驗證通過，系統(tǒng)會將數(shù)據(jù)提交到 登錄頁面，該頁面用來判斷輸入信息在數(shù)據(jù)庫中 tb_manager 表是否存在提交的會員名和密碼，如果登錄 ID 及密碼有效，就保存會員名信息，管理員有權對網(wǎng)站進行維護；反之則提示錯誤。 管理員登錄模塊 在前臺首頁單擊后臺管理，將轉(zhuǎn)到管理員登錄頁面，該頁面的功能是對管理員身份進行驗證。后臺包括管理員身份驗證、添加商品模塊、訂單信息管理模塊、會員信息管理模塊、添加分類模塊、公告信息管理模塊、友情鏈接設置模塊。 } 其商城公告模塊的流程圖如圖 所示。i=pagesize。 有了以上這幾個關鍵變量，網(wǎng)頁分頁顯示功能基本上已經(jīng)實現(xiàn)了，下一步就是在當前記錄數(shù)位置開始循環(huán)，當數(shù)據(jù)庫沒有記錄的時候一定要終止循環(huán)程序。 }else if(showpage=0){ showpage=1。 if(topage!=null){ showpage=(topage)。其具體的模塊頁面如下 所示： 圖 公告頁面 代碼如下所示。 訂單查詢模塊如圖 所示。 本科生課程設計（論文） 28 圖 購物車模塊流程圖 開 始 查詢數(shù)據(jù)庫 數(shù)據(jù)是否存在 顯示電子商品的信息 是 是否放入購物車 購物車是否為空 是 沒有該電子商品 否 否 購物車中已 存在該電子商品 新建購物車 該電子商品數(shù)量加 1 將電子商品添加入購物車 是 否 顯示購物車信息 是否修改電子商品數(shù)量 否 是否清空購物車 是 刪除購物 車中電子商品 是 是否繼續(xù)購物 否 是否 去收銀臺 接收填寫的訂單信息 數(shù)據(jù)是否為空 訂單信息存入數(shù)據(jù)庫 更 新 是否 成功 是 否 是 否 是 修改電子商品數(shù)量 是 結束 束 否 否 否 本科生課程設計（論文） 29 訂單查詢模塊 會員結賬生成訂單后，通過產(chǎn)生的訂單號查詢訂單信息及執(zhí)行狀態(tài)。 清空購物車 清空購物車是指當會員訂單生成后，倘若還想繼續(xù)商城一定要清空購物車再進行選購商品，這樣防止重復商城，其實清空購物車實現(xiàn)起來非常簡單，只需要將 session 中存儲的 shop 對象清空即可。 在生成訂單模塊中主要使用了調(diào)出會員信息并生成唯一訂單號，調(diào)出會員信息就是完全的對數(shù)據(jù)庫進行操作，利用 session 對象把登錄后的會員名保存起來，在訂單生成時把保存的會員名從數(shù)據(jù)庫的會員標中取出即可；生成唯一訂單號方法有很多，只要確保訂單號碼的唯一性及方便會員記錄以便于查詢自己 訂單的執(zhí)行狀態(tài)即可。當會員確認對購物車不再改變以后，就可以到收銀臺結帳并生成訂單。操作完成后需要通過單擊“修改”按鈕來保存操作。如果欲刪除該商品，可以在數(shù)量文本框里輸入“ 0”，并需要單擊“修改”按鈕來更新購物車中商品的數(shù)量。 查看購物車 為了方便會員隨時查看商城情況，在網(wǎng)站的首頁加入了查看購物車的分類，通過它可以將會員所有選中的商品信息放入購物車中顯示出來。 在這段代碼流程中，還使用了集合類型。會員在單擊物品清單頁面下方的“放入購物車”分類，便可以將該商品放入購物車中。 購物車頁運行結果如圖 所示。 會員資料修改模塊流程圖如圖 所示。會員資料修改頁面如圖 所示。 開 始 否 是 是 結 束 接收注冊信息 數(shù)據(jù)是否為空 兩次密碼是否一致 查詢數(shù)據(jù)庫 用戶名是否被占用 是 否 否 注冊成功 注冊失敗 本科生課程設計（論文） 24 圖 會員登錄系統(tǒng)流程圖 會員資料修改模塊 會員資料修改時為會員更改個人信息所提供的窗口，會員 只有登錄網(wǎng)頁后才有權限修改個人資料信息。單擊“注冊”按鈕時，會提交到 頁面執(zhí)行；單擊“登錄”按鈕時，系統(tǒng)將對輸入的會員名和密碼進行驗證，如果數(shù)據(jù)表中會員名和密碼存在就顯示登陸成功，并返回首頁，否則彈出錯誤提示信息。 會員注冊的流程圖如圖 所示。 會員注冊頁面如圖 所示。 本科生課程設計（論文） 21 圖 首頁運行結果 會員管理模塊 會員管理模塊主要實現(xiàn)會員的注冊、登錄、修改密碼等功能。 （ 9）后臺登錄入口：管理員可以通過該入口登錄后臺。 （ 7）會員修改 會員在注冊后可以根據(jù)自己的具體信息進行修改會員資料，如密碼、年齡職業(yè)等信息。 （ 5）查看訂單 會員在把商品添加到購物車并去收銀臺結賬后可以在查看訂單中查看自己所購買的商品，如商品編號、地址、訂貨時間、是否出貨等信息。 （ 3）新品上架 主要可以展示網(wǎng)站最新發(fā)布的新品，第一時間向會員介紹新品的信息、價格等，并可以添加購物車。 前臺模塊主要功能如下介紹： （ 1）首頁 模塊 本科生課程設計（論文） 20 主要有用戶登錄，商城公告，友情鏈接等。下面詳細討論主要的幾個功能模塊的程序?qū)崿F(xiàn)。此外， JSP 還具有強大的組件（ Java Bean）支持功能，可以方便地實現(xiàn)組件復用，進一步提高了開發(fā)效率。 隨著科技的高速發(fā)展，眾多網(wǎng)頁制作的應用軟件應運而生。瀏覽者登陸網(wǎng)站后看到的就是一個個網(wǎng)頁的組 合。 系統(tǒng)頁面的設計與實現(xiàn) 一個網(wǎng)站就好比一個人，而服務器就像大腦，數(shù)據(jù)庫就像五臟六腑，其內(nèi)嵌的 Java 和 JavaScript 組合起來就像是細胞與神經(jīng)，而網(wǎng)頁就是這個人的皮肉。它不僅能夠?qū)崿F(xiàn)網(wǎng)頁的動態(tài)效果，而且能夠在一定程度上檢測網(wǎng)頁的錯誤， 從而在一定程度上實現(xiàn)網(wǎng)站的安全。 本科生課程設計（論文） 19 第 3章 系統(tǒng)實現(xiàn) 程序設計 本系統(tǒng)設計的網(wǎng)站在設計過程中包含頁面的設計以及會員端驗證機制（ JavaScript）的設計。表 tb_ order 的結構如表 所示。 訂單詳情 訂單號 數(shù)量 價格 商品 id Id 訂單商品信息 Id 運送方式 電話 地址 真實姓名 會員名 訂單編號 訂貨時間 是否出貨 支付方式 送貨地址 本科生課程設計（論文） 16 表 公告信息表 名稱 數(shù)據(jù)類型 備注 id int id name varchar(50) 公告名稱 content text 公告內(nèi)容 issueTime smalldatetime 發(fā)布時間 （ 2）商品信息表 tb_goods 商品信息表 tb_ goods 用來保存商品信息的，表 tb_ goods 的結構如表 下。下面是為 數(shù)據(jù)庫設計的表： （ 1）公告信息表 tb_affiche 此表是用來發(fā)布網(wǎng)站內(nèi)公告的表，主要存儲公告的的基礎信息。 （ 1）公告信息表 tb_affiche 的實體圖 本科生課程設計（論文） 13 圖 tb_affiche 的實體圖 （ 2）商品信息表 tb_goods 的實體圖 圖 tb_goods 的實體圖 （ 3）友情鏈接 表 tb_link 實體圖 圖 tb_link 的實體圖 公告信息 ID 公告標題 公告內(nèi)容 發(fā)布時間 友情鏈接 id 鏈接名稱 鏈接地址 商品信息 id 商品類型 小類別 id 大類別 id 現(xiàn)價 特價價格 圖片 商品 名稱 名稱商商商品名稱品名稱品名稱物價格 商品簡介 發(fā)布時間 編號 是否出貨 本科生課程設計（論文） 14 (4) 會員表 t