【導讀】直接相連時，其中發(fā)生的各種活動就是電子商務。息管理的全過程。本系統(tǒng)是一個典型的JSP數(shù)據(jù)庫應用程序，由前臺展示及銷售、后臺。管理兩部分組成。前臺部分主要包括新品上架、特價商品、銷售排行、購物車、會員管。理及訂單查詢、商品查詢等。后臺部分主要對系統(tǒng)內(nèi)一些基礎(chǔ)數(shù)據(jù)進行有效管理，包括。服務器，使用的數(shù)據(jù)庫為SQLServer2021。通過以上幾個模塊的實現(xiàn)，本系統(tǒng)基本能夠。滿足一般企業(yè)的網(wǎng)上商務活動的需要，為現(xiàn)代商務活動的發(fā)展提供強有力的支持。電子商務系統(tǒng)的優(yōu)勢及其開發(fā)的意義·············&#18

　　

【正文】 就以其易用性得到了很多用戶的青睞 。使用 SQL Server 開發(fā)有以下 特點 [9]： （ 1） 真正的客戶機 /服務器體系結(jié)構(gòu)。 （ 2） 圖形化用戶界面，使系統(tǒng)管理和數(shù)據(jù)庫管理更加直觀、簡單。 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 17 頁 共 61 頁 （ 3） 豐富的編程接口工具，為用戶進行程序設(shè)計提供了更大的選擇余地。 （ 4）成本低廉，對系統(tǒng)性能的要求不是很高。并且運行穩(wěn)定，安全。 開發(fā)平臺的選擇 基于上面開發(fā)工具和數(shù)據(jù)庫產(chǎn)品的運行要求，考慮到本系統(tǒng)的性能要求，選擇了Windows XP 作為開發(fā)平臺，本系統(tǒng)也可在 Windows 9X、 Windows2021 平臺下運行 本系統(tǒng)開發(fā)方法的選擇 本 系統(tǒng)是一個典型的 JSP 數(shù)據(jù)庫開發(fā)應用程序 ,通常情況下， JSP 網(wǎng)站開發(fā)技術(shù)標準給出了兩種使用 JSP 的方式 。 模式一就是指 MVC 模式，即 ”Model+View+Controller”模式。該模式充當了控制器（ Controller 即“ C”）的角色， Servlet 負責響應客戶對業(yè)務邏輯的請求，并根據(jù)用戶的請求行為決定將調(diào)用的 JSP 頁面。 JSP 頁面處于表示層（ View 即“ V”）的角色。 JavaBean 負責數(shù)據(jù)的處理，也就是模型（ Model 即“ M”）的角色。模式 一 體系結(jié)構(gòu)如圖 所示 [10]。 圖 MVC 體系結(jié)構(gòu) 模式二 就是指 JSP+JavaBean 技術(shù)，在該模式中， JSP 頁面響應請求并將處理結(jié)果返回給頁面，所有的數(shù)據(jù)庫操作和復雜的業(yè)務邏輯操作都通過 JavaBean 來實現(xiàn)。從而實現(xiàn)了頁面的表現(xiàn)和頁面的商業(yè)邏輯相分離 ， 模式 二 JSP+JavaBean 體系結(jié)構(gòu)如圖 所示。 這兩中模式在 JSP 技術(shù)中占有了絕對的統(tǒng)治地位。 模式一的優(yōu)點是 適用于大規(guī)模系統(tǒng)的開發(fā)和管理 ，缺點是 增加了應用開發(fā)的復雜程度 。 模式 二 的優(yōu)點是 實現(xiàn)簡單，適 合快速開發(fā)小型項目 ，缺點是 控制邏輯和表現(xiàn)層邏輯混雜在一起導致代碼重用性和可擴展性下 瀏覽器 (控制器 ) Servlet (視圖 ) JSP JavaBean (模型 ) 關(guān)系數(shù)據(jù)庫 JDBC Web 服務器 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 18 頁 共 61 頁 降、維護困難。 但是對于本系統(tǒng)只是小型的動態(tài)網(wǎng)站開發(fā)，所以采用 JSP+JavaBean 技術(shù)模式比較占優(yōu)勢。 圖 JSP+JavaBean 體系結(jié)構(gòu) 功能界面設(shè)計 網(wǎng)站前臺功能模塊設(shè)計 網(wǎng)站前臺首頁設(shè)計 在 本電子商務系統(tǒng)的 的首頁中，用戶不但可以在第 一 時間內(nèi)掌握商城推出的特價商品、上架新品 等，還可以查看銷售排行、搜索指定商品、商品分類查詢等。 本電子商務系統(tǒng) 前臺首頁的運行結(jié) 果如圖 所示。 瀏覽器 JSP JavaBean Web服務器 請求 響應 關(guān)系數(shù)據(jù)庫 J D B C 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 19 頁 共 61 頁 圖 網(wǎng)站前臺首頁 下面以列表形式給出前臺頁面各部分的說明信息，如表 51 所示 。 表 61 前臺頁面說明 區(qū)域 名稱 說明 對應文件 1 網(wǎng)站導航 主要展示網(wǎng)站的旗幟廣告和站內(nèi)導航條 2 用戶登錄 用于會員登錄和提供會員注冊的入口 3 商品搜索 主要用于按商品的大分類模糊查詢商品信息 4 特價商品 主要 用于顯示最新的兩條特價商品的信息 5 商品分類 按類別展示 商品信息 6 銷售排行 顯示商城中銷售量最好的 10 種商品 區(qū)域 1 區(qū)域 2 區(qū)域 3 區(qū)域 4 區(qū)域 5 區(qū)域 6 區(qū)域 7 區(qū)域 8 區(qū)域 9 區(qū)域 10 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 20 頁 共 61 頁 7 商品上架 主要用于顯示最新上架的 4 種商品信息 8 廣告招商位 用于顯示網(wǎng)站的廣告招商信息 9 后臺登錄入口 網(wǎng)站后臺登錄入口 10 版權(quán)信息 顯示網(wǎng)站版權(quán)信息 特價商品模塊設(shè)計 特價商品模塊共有兩個入口，一個是網(wǎng)站導航條中的“特價商品” 導航按鈕，另一個是網(wǎng)站前臺的居中位置，分欄列出了商 城中特價商品中最新的兩條特價商品信息，單擊特價商品展區(qū)中的“ More… ”超鏈接可以進入到特價商品頁面，在該頁面中將列出商城中的全部 特價商品。主要包括商品圖片、名稱、原價、現(xiàn)價等信息。同時設(shè)置了“購買”按鈕和“詳細信息” 按鈕，分別用于將商品信息添加至購物車和查看商品詳細信息。特價商品模塊在網(wǎng)站首頁的設(shè)計效果如圖 所示。 圖 特價商品模塊在網(wǎng)站首頁的設(shè)計效果 （ 1）查詢數(shù)據(jù)表中的特價商品。特價商品信息同商品基本信息同時保存在商品信息表 tb_goods 中，以字段 sale 標識，當 sale 字段的值為 1 時 ，代表該商品為特價商品。在網(wǎng)站首頁中查詢特價商品的代碼如下 ： ConnectionDB conn=new ConnectionDB()。//創(chuàng)建并實例化 ConnectionDB的一個對象 . ResultSet rs_sale=(select top 2 ID,GoodsName,price,nowprice, picture from tb_goods where sale=1 order by INTime desc)。//搜索特價商品 該 SQL語句中 Top用來在符合 查詢條件的語句中選取特定數(shù)量或者百分比的記錄 。 Group by 是關(guān)鍵字 ， 其后是統(tǒng)計字段 ,即對哪些字段進行分組 。 （ 2）制作顯示特價商品信息部分。在網(wǎng)站首頁中顯示特價商品信息采用了分欄技術(shù)， 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 21 頁 共 61 頁 也就是應用 if 語句 ， 結(jié)合求模運算符實現(xiàn)在一個單元格中同時顯示兩列數(shù)據(jù)。在實現(xiàn)分欄顯示時，最重要的問題是控制好表格 table/table中的 tr/tr和 td/td顯示，在顯示表格中第一列數(shù)據(jù)時，不應該加入 /tr標記，而應該在顯示最后一列數(shù)據(jù)時加入 /tr標記。 新品上架模塊設(shè)計 新品上架模塊也有兩個入口，一個是網(wǎng)站導航條中的“新品上架” 導航按鈕，另一個是網(wǎng)站前臺的居中位置，列出了商城中上架新品中的最新上市的 四 條商品信息，單擊新品上架展區(qū)中的“ More… ”超鏈接可以進入到新品上架頁面，在該頁面中將列出商城中 的全部上架新品。主要包括商品圖片、名稱、現(xiàn)價等信息。同時設(shè)置了“購買”按鈕和“查看詳細信息” 按鈕，分別用于將商品信息添加至 購物車和查看商品詳細信息。 新品上架模塊在網(wǎng)站首頁中的運行結(jié)果 如圖 所示。 圖 新品上架模塊在網(wǎng)站首頁中的運行結(jié) 果 新品上架信息同商品基本信息同 時保存在商品信息表 tb_goods 中，以字段 newGoods標識，當 newGoods 字段的值為 1 時，代表該商品為上架新品。在網(wǎng)站首頁中查詢新上架商品的代碼如下 ： ResultSet rs_new=(select top 4 ID,GoodsName,nowprice, introduce,picture from tb_goods where newGoods=1 order by INTime desc)。//搜索 新品 商品分類模塊設(shè)計 為了方便用戶查 詢所需商品信息，在網(wǎng)站中設(shè)置了商品分類顯示模塊。在網(wǎng)站首頁的右側(cè)以樹狀菜單的形式列出了商品的大、小分類信息，用戶單擊大類別結(jié)點可以顯示出該類的所有小類信息，單擊小類結(jié)點可以進入到分類商品顯示頁面查看該類別的全部商品信 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 22 頁 共 61 頁 息，在分類商品顯示頁面 中，單擊商品名稱可以查看相應商品的詳細信息。如果用戶已經(jīng)登錄， 可以直接將商品信息添加至購物車中。商品分類模塊的頁面運行 結(jié) 果如圖 所示。 圖 商品分類模塊的頁面運行 結(jié) 果 實現(xiàn)以樹狀菜單的形式顯示商品的大、小分類信息的關(guān)鍵是獲取商品的大分類信息，并分別查詢出每個大 類所對應的小分類信息，再通過 div標記和 JavaScript 自定義函數(shù)實現(xiàn)div結(jié)點的顯示和隱藏。 具體設(shè)計見 附錄 代碼 。 會員管理模塊設(shè)計 在前臺的會員管理模塊中主要包括會員注冊、會員登錄、會員資料修改 三 部分。由于會員資料修改同會員注冊的實現(xiàn)方法類似，只是調(diào)用的 SQL 語句不同，所以此處只給出會員注冊和會員登錄進行介紹。 （ 1） 會員注冊 會員注冊的入口位于網(wǎng)站首頁的左側(cè)。用戶單擊“注冊” 按鈕即可進入到會員注冊頁面，該頁面的 運行結(jié)果 如圖 所示。 圖 會員注冊 頁面 運行 結(jié) 果 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 23 頁 共 61 頁 會員注冊頁面主要由表單元素組成。 會員注冊模塊由兩個頁面組成，一個是用于收集用戶輸入的注冊信息的會員注冊頁面，另一個用于將會員注冊信息保存到數(shù)據(jù)表中的處理頁。 將會員注冊信息保存到數(shù)據(jù)表中，首先使用 JavaBean 中的 Member 類保存客戶端輸入的會員信息， 首先通過 jsp:useBean 動作初始化了一個名為 “ member” 的 Member 實體，并應用 jsp:setProperty 動作為 JavaBean 所有屬性賦值。 核心代碼如下 [11]： jsp:useBean id=member scope=request class= jsp:setProperty name=member property=*/ /jsp:useBean 將 jsp:setProperty 動作的 property 的值設(shè)置為 *，可以一次性為 JavaBean“ Member”中的所有屬性賦值，但前提條件是在 HTML 表單中的各個元素名必須與“ Member”中的屬性一一對應， 并且 同時區(qū)分大小寫。 然后 再通過調(diào)用 memberDaoImpl 中的 insert 方法將會員信息保存到會員信 息表中。在保存會員信息時，還需要判斷會員 名是否存在，必須保證會員名稱的惟一性。保存會員信息的完整代碼 見 附錄 代碼 。 （ 2） 會員登錄 會員登錄用于網(wǎng)站會員登錄本網(wǎng)站進行購物或查看訂單情況。會員登錄入口位于網(wǎng)站首頁的左側(cè)，頁面運行結(jié)果如圖 所示。 賬號名為 student 的 會員 登錄 成功 后的會員登錄頁面的運行 結(jié)果如 圖 所示。 圖 會員登錄頁面的 運行結(jié)果 圖 會員登錄成后的 頁面的運行結(jié)果 當用戶在登錄窗 口中輸入用戶名和密碼后，單擊“登錄” 按鈕，系統(tǒng)將對輸入的用戶名和密碼進行驗證，如果用戶輸入的用戶名存在并且凍結(jié)字段的值不為 1，則判斷用戶輸入的密碼是否 正確，如果密碼正確，則重新進入網(wǎng)站首頁，顯示登錄用戶的用戶名、“修改資料”按鈕、“退出登錄” 按鈕，否則提示登錄失敗。 在驗證用戶身份時先判斷用戶名，再判斷密碼，可以防止用戶輸入恒等式后直接登錄網(wǎng)站。 會員登錄頁面的核心代碼見 附錄代碼 [12]。 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 24 頁 共 61 頁 購物車模塊設(shè)計 電子商務 系統(tǒng)中的購物車同實際生活中的購物車一樣，都用于暫時保存挑選的 商品。購物車主要包括所選商品的添加、查看購物車、單件商品購買數(shù)量的修改、從購物車移去指定商品和晴空購物車五部分。用戶登錄后單擊商品展臺的“購買”按紐，可以將對應的商品添加至購物車，購物車中將保存商品的 ID 號、商品名稱、單價、購買數(shù)量、單種商品的金額以及購物車內(nèi)全部商品的合計金額。 在查看購物車頁面中，單擊“退回”按鈕可以從購物車中移去商品 ； 在“數(shù)量”文本框中輸入購買數(shù)量后，單擊“修改數(shù)量”可修改指定商品的購買數(shù)量 ； 單擊“清空購物車”，將退回購物車中的全部商品；如果用戶確認購買當前商品，單擊“去收銀臺結(jié)賬”， 進行訂單處理。 （ 1）添加到購物車 添加到購物車 主要用于將購物信息暫時保存到購物車中。本系統(tǒng)的購物車是采用Vector 類型的變量 cart 來存儲購物數(shù)據(jù)的， 該變量 被保存在 Session 中， 把商品添加至購物車 ,當 cart 為空時，即用戶每次向購物車添加第一件商品時需要新建一個 cart，然后將信息保存在 cart 中；如故 cart 不為空，說明購物車已經(jīng)有選購的商品了，這時候不需要新建 cart，而直接向里面加入商品信息即可，如果商品重復，只需要修改 cart 中商品的數(shù)量。 具體實現(xiàn) 見 附錄 代碼 。 （ 2） 查看購物車 為了方便用戶隨時查看購物車，在網(wǎng)站的導航中加入了“購物車”，單擊此鏈接可以查看已經(jīng)放入購物車內(nèi)的所有商品，查看購物車頁面的設(shè)計效果如圖 所示 [13]。 圖 查看購物車頁面的 設(shè)計效果 在實現(xiàn)查看購物車時，首先判斷用戶是否登錄，如果用戶沒登錄則不能查看購物車；如果購物車為空，需要將 頁面重新定向到購物車為空的頁面。 顯示購物車信息主要是將保 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 25 頁 共 61 頁 存在 session 中的購物信息利用 for 語句輸出到瀏覽器中，同時根據(jù)商品現(xiàn)價，購買數(shù)量自動計算每種商品的金額和購物車中全部商品的合計金額 [14]。 （ 3）修改購物車內(nèi)指定商品的數(shù)量 在購物車中，由于商品的數(shù)量被存放在文本框里用戶只需在某中商品后面的文本框中輸入相應的數(shù)量即可。購物車界面的“修改數(shù)量”超鏈接是為確保修改購買數(shù)量而設(shè)置的。由于在查看購物車頁面已經(jīng)將購物車內(nèi)所有商品數(shù)量的文本框放在同一個表單中，并以name 屬性想?yún)^(qū)分，所以在修改購物車中指定商品的購買數(shù)量時，需要應用循環(huán)語句重新保存購物車信息。 具體實現(xiàn)見 附錄 代碼 。 （ 4）從購物車中移去商品 用戶想將已經(jīng)選擇的商品退回到貨物架時，即從購物車中移去指定商品。從購物車移去商品的實現(xiàn)是通過 Vector 類的 removeElementAt(int index)方法實現(xiàn)， 非常方便。核心代碼如下： Vector cart=(Vector)(cart)。//創(chuàng)建 Vector對 象 保存 session中的購物信息 int id=((ID))。//獲取想要移去的商品的 ID號(id)。//移去指定商品 （ 5）清空購物車 清空購物車的實 現(xiàn)，是通過將保存在 session中的購物信息清空，并將頁面重新定向到購物車為空的頁面即可。 清空購物車的核心代碼如下： (cart)。//清除 session中的 cart變量 ()。//重定向到購物車為空的頁面 收銀臺模塊設(shè)計 如同在超市中購物一樣，將商品保存到購物車并不是完成了一次網(wǎng)上購物，而到收銀臺結(jié)賬后，才算是一次購的最終完成。前面所有的功能都是為了生成用戶滿意的定單做 準備。生成訂單時，不僅要保存用戶訂單中所購買的商品信息和訂單信息，同時還需要返回一個可供用戶隨時查詢的訂單號，用戶單擊購物車頁面中的“去收銀臺結(jié)賬“即可進入到收銀臺頁面填寫訂單信息。在該頁面中系統(tǒng)會根據(jù)用戶登錄的用戶名自動填寫用戶基本信息，除用戶 名不可更改外，其他信息均可修改，收銀臺頁面的設(shè)計效果如圖 所示。 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 26 頁 共 61 頁 圖 收銀臺頁面 的 設(shè)計 效 果 銷售排行模塊設(shè)計 用戶單擊網(wǎng)站 導航條中的“銷售排行”超鏈接，將進入到銷售排行頁面， 銷售排行頁面主要是將訂單視圖中的數(shù)據(jù)按 GoodsName、 GoodsID 字段分組并統(tǒng)計銷售數(shù)量，再按統(tǒng)計后的銷售數(shù)量降序排列，最后再使用 SQL 語句中的 top 關(guān)鍵字取出銷售量最高的前 10種商品。核心 代碼如下 ： ResultSet rs=(select top 10 GoodsID,GoodsName, sum(number) as sumNum from V_order_detail group by GoodsName,GoodsID order by sumNum desc)。//檢索前十中商品 ,然后按降序排序 . 網(wǎng)站 后臺功能模塊設(shè)計 后臺登錄模塊設(shè)計 在前臺首頁的底部 提供了后臺管理員入口，通過該入口可以進入到后臺管理員登錄頁面，在該頁面，管理人員通過輸入正確的用戶名和密碼即可登錄到網(wǎng)站的后臺。當用戶沒有輸入用戶名或者密碼為空，系統(tǒng)都將通過 JavaScript 進行判斷并給予提示信息，否則進入到管理員登 錄處理頁面驗證用戶信息。后臺登錄頁面運行結(jié)果如圖 所示。 圖 后臺登錄頁面 基于 JSP技術(shù)的電子商務系統(tǒng)的設(shè)計與實現(xiàn) 第 27 頁 共 61 頁 管理員登錄頁面主要負責收集管理員用戶輸入信息及通過 JavaScript 的自定義函數(shù)驗證用戶身份。當管理員輸 入正確的用戶名密碼 ，單擊“確認”按紐， 如果用戶輸入的用戶名存在， 判斷用戶輸入的密碼是否正確。如果密碼也正確，則進入到網(wǎng)站后臺首頁 。 為了使網(wǎng)站更具有安全性，我們專門為后臺頁面 添加 了安全檢查 頁面 。 即在后臺每個頁面都加入了此行 代碼： jsp:include page=/ 代碼如下： %if ((manager)==null){ (script language=39。javascript39。alert(39。您還沒有登錄 !