畢業(yè)論文-太陽能熱水器銷售網(wǎng)站的建設與開發(fā)

1、 太原理工大學畢業(yè)設計(論文)用紙系統(tǒng)概述1.1系統(tǒng)開發(fā)背景隨著計算機和網(wǎng)絡的日趨普及，越來越多的商家在網(wǎng)上升起商店，向消費者展示出一片新鮮的購物大地。在美、日等信息化程度較高的國家和地區(qū)，網(wǎng)絡商店發(fā)展速度迅猛，美國的世界級超一流的零售商，如沃爾瑪凱瑪特、家庭倉儲、科羅格、J.C培尼等紛紛躋身于網(wǎng)絡經(jīng)商的行列。調(diào)查表明：美國的家庭已越來越習慣于在家中從網(wǎng)上購物。在我國，網(wǎng)上購物從無到有也不過短短幾年時間。我國第一家網(wǎng)上購物發(fā)生在1996年，燕莎友誼商場首次通過網(wǎng)上商城售出一個景泰藍，雖然貨款的支付不是在網(wǎng)上進行的，但這畢竟為我國零售業(yè)奏出了網(wǎng)上購物的先聲。如今，在北京、上海、深圳等大城市，已有

2、200多家商場，專賣店開設了網(wǎng)上商店，還有一些正處在觀望階段。真正意義上的網(wǎng)上購物，即貨款的結算在網(wǎng)上進行，已在國內(nèi)實現(xiàn)。深圳無虹商場去年5月開辦了我國第一家實行計單和支付一體上的網(wǎng)上商店，上網(wǎng)的消費者只要擁有一張招商銀行的“一卡通”，便可輕松購物， 24小時內(nèi)商家送貨上門。商家投資網(wǎng)上商店目的是賺錢。但從目前網(wǎng)上商店的運營情況來看，上網(wǎng)者不購物、購物者不上網(wǎng)的現(xiàn)象非常普遍，網(wǎng)上生意滲淡已是目前各大網(wǎng)上商店共同的困惑。上海首家網(wǎng)上商店上海億樣購物中心由于經(jīng)營不善，開業(yè)不到半年即關門停業(yè)，北京的一些大型零售商場，其網(wǎng)上商店“門庭冷落”。結算方式的原始落后是網(wǎng)上購物致命的弱點。在國外，計算機一般都

3、與銀行的帳戶相聯(lián)，消費者和網(wǎng)絡商店只需和網(wǎng)上銀行打交道，不必當面直接支取現(xiàn)金。在我國目前除淘寶、拍拍等幾家網(wǎng)上商店進行網(wǎng)上購物結算外，大部分商家結算只能采取 “送貨上門、到貨付款”或“郵寄上門、貸款郵資先付”的方式。這樣不但浪費了時間和人力，而且限制了網(wǎng)絡的覆蓋范圍和商品的結構種類。因此，安全、快捷、方便的電子支付手段將是今后網(wǎng)上商店健康發(fā)展的主要要素。1.2 技術選擇依據(jù)在互聯(lián)網(wǎng)服務業(yè)務方面：電子郵件、搜索引擎、網(wǎng)上銀行、在線交易、網(wǎng)絡廣告、網(wǎng)絡新聞、網(wǎng)絡游戲等服務業(yè)務仍然快速的發(fā)展著。而本次設計的任務是，構建一個電子商務網(wǎng)站，采用的主要技術是基于服務器端的JSP、Java的組件JavaBe

4、an，以及網(wǎng)頁編程語言HTML。JSP是Java Server Page的縮寫，是由Sun Microsystems公司倡導、許多公司參與建立一種動態(tài)網(wǎng)頁技術標準，它在動態(tài)網(wǎng)頁的建設中有強大而特別的功能。JSP是一種服務器端HTML(或XML)嵌入Java代碼的腳本語言，是開發(fā)Web動態(tài)網(wǎng)站快速而有效的工具，JSP的技術的優(yōu)勢：（1）JSP技術是用Java語言作為腳本語言的。Java語言是成熟的、強大的、易擴充的編程語言。（2）高效性與安全性。JSP在執(zhí)行前先被編譯成字節(jié)碼，字節(jié)碼由Java虛擬機解釋執(zhí)行，比源碼解釋效率高。（3）可維護性。由于JSP技術是一種開放的、跨平臺的結構，因此Web服

5、務器、平臺及其他組件能很容易升級或切換，且不會影響JSP基本的應用程序。（4）穩(wěn)定性。（5）產(chǎn)品的多樣性。目前，在國內(nèi)JSP還是一種較新的技術。但JSP+Servlet+JDBC+JavaBean目前已經(jīng)成為開發(fā)電子商務平臺的主流技術。隨著國內(nèi)與國際的接軌，JSP必將成為網(wǎng)站開發(fā)技術的首選。1.3 JSP的技術原理1.3.1 JSP簡介在傳統(tǒng)的網(wǎng)頁HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP標記（tag），就構成了JSP網(wǎng)頁（*.jsp）。JSP頁面看上去像標準的HTML和XML頁面，并附帶有JSP引擎能夠處理和抽取的額外元件。Web服務器在遇到

6、訪問JSP網(wǎng)頁的請求時，首先執(zhí)行其中的程序片段，然后將執(zhí)行結果以HTML格式返回給用戶。 程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送E-mail等，這就是建立動態(tài)網(wǎng)站所需要的功能。所有程序都在服務器端執(zhí)行，網(wǎng)絡上傳送給客戶端的僅是得到的結果，對客戶瀏覽器的要求最低。它基于強大的Java語言，具有良好的伸縮性，在網(wǎng)絡數(shù)據(jù)庫應用開發(fā)領域具有得天獨厚的優(yōu)勢。1.3.2 JavaBean簡介JavaBean是一種基于Java的軟件組件，JavaBean和Active控件一樣，可以通過封裝業(yè)務邏輯建立一整套可重復利用的對象庫。JSP對于在Web應用中集成JavaBean組件提供了完善的支持，這種支持不

7、僅能縮短開發(fā)時間（可以直接利用經(jīng)過測試和可信任的已有組件），避免重復開發(fā)，也為JSP應用帶來了更多的可伸縮性。JavaBean組件可以用來執(zhí)行復雜的計算任務，或負責與數(shù)據(jù)庫的交互及數(shù)據(jù)提取等。由于Java語言在這些方面所具有的特點和優(yōu)勢，使得基于它的軟件JavaBean組件技術倍受人們關注。它的任務就是：一次編寫，可以在任何地方執(zhí)行，可以在任何地方重用。JavaBean組件可以在任何地方重用包括了可以在應用程序、其他組件、文檔、Web站點和應用程序構造器工具等多種方案中再利用。為了創(chuàng)建和使用Java軟件組件，JavaBean被實現(xiàn)為一種獨立于平臺和結構的應用程序接口，它的實現(xiàn)可以忽略內(nèi)部的結構

8、和細節(jié)問題，只需定義其外部的特征及對外功能就行。其中，屬性、方法和事件三種接口可以獨立對外進行開發(fā)。1.4MyEclipse平臺的搭建MyEclipse企業(yè)級工作平臺（MyEclipse Enterprise Workbench ，簡稱MyEclipse）是對Eclipse IDE的擴展，利用它我們可以在數(shù)據(jù)庫和JavaEE的開發(fā)、發(fā)布，以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完整支持HTML, Struts, JSP, CSS, Javascript, SQL, Hibernate。在結構上，MyEcli

9、pse的特征可以被分為以下幾類： = 1 * GB3 J2EE模型 = 2 * GB3 WEB開發(fā)工具 = 3 * GB3 EJB開發(fā)工具 = 4 * GB3 應用程序服務器的連接器 = 5 * GB3 J2EE項目部署服務 = 6 * GB3 數(shù)據(jù)庫服務 = 7 * GB3 MyEclipse整合幫助 對于每一種功能上的類別，在Eclipse中都有相應的功能部件，并通過一系列的插件來實現(xiàn)它們。MyEclipse結構上的這種模塊化，可以讓我們在不影響其他模塊的情況下，對任一模塊進行單獨的擴展和升級。簡單而言，MyEclipse是Eclipse的插件，也是一款功能強大的J2EE集成開發(fā)環(huán)境，支持

10、代碼編寫、配置、測試以及除錯，MyEclipse6.0以前版本需先安裝Eclipse。MyEclipse6.0以后版本安裝時不需安裝Eclipse。我用的是MyEclipse8.5，所以直接安裝后配置即可以使用了。安裝過程在單擊MyEclipseKeyGen.exe運行程序后，按照提示就可以正確安裝了，在此就不贅述了。安裝完MyEclipse后打開應用程序，在菜單欄可看到MyEclipse一項， 下面的工具欄中可看到MyEclipse的Tomcat圖標。然后就可以進行JDK的相關配置。從菜單欄中進入“Windows - Preferences”，打開Preference對話框進行JDK的配置，

11、在左側欄中選擇“Java - Installed JREs”，按“Add”按鈕進行添加；在彈出的“Add JRE”對話框中，選擇JRE的目錄，這里是C:Program FilesGenuitecCommonbinarycom.sun.java. jdk.win32.x86_13，在JRE名稱一欄中，填下想取的名稱，我這里叫“Sun JDK 1.6.0_13”， 然后“OK”確定，返回到設置框中，將剛剛配置的JRE選中。開始正式配置Tomcat。左側MyEclipse節(jié)點下“Application Server”中有Tomcat，選擇自己安裝的版本，我這里是Tomcat6.x，在對話框中，將To

12、mcat Server設為“Enable”，并設置Tomcat的安裝目錄，我這里是D:Program Filesapache-tomcat -6.0.14，其它的框會自動填充，在Tomcat的JDK中選擇剛剛配置的JDK，這里是Sun JDK 1.6.0_13，點擊Apply按鈕，配置就完成了。1.5 數(shù)據(jù)源配置JDBC驅(qū)動程序是獨立于數(shù)據(jù)庫系統(tǒng)的，但幾乎所有的數(shù)據(jù)庫系統(tǒng)都有自己的私有協(xié)議，用來與客戶端應用程序通信。所以JDBC驅(qū)動程序可以部分的利用這些已有上網(wǎng)數(shù)據(jù)庫引擎。按照JDBC對這些數(shù)據(jù)庫引擎的依賴程度，可以分為四類：JDBC-ODBC橋、通過本地客戶機網(wǎng)絡代碼連接數(shù)據(jù)庫、通過中間件連

13、接數(shù)據(jù)庫、與DBMS直接連接，我選擇的就是JDBC-ODBC橋。下面就簡述創(chuàng)建新數(shù)據(jù)源的步驟。首先，要定義一個數(shù)據(jù)庫名稱（DSN）。打開“開始-設置-控制面板-管理工具-數(shù)據(jù)源（ODBC）”。在彈出的“ODBC數(shù)據(jù)源管理器”對話框中選擇“系統(tǒng)DSN”選項卡，單擊“添加”按紐，選擇“SQL Server”為數(shù)據(jù)庫驅(qū)動程序，單擊“完成”按紐。然后在彈出的“創(chuàng)建SQL Server的新數(shù)據(jù)源”對話框的“數(shù)據(jù)源名稱”文本框輸入“db_shop”，在“描述”文本框中可以寫上數(shù)據(jù)庫的功能。在“服務器”下拉列表中選擇要連接的SQL Server，此處要安裝的本地服務器，所以選擇“l(fā)ocal”即可。單擊“下一

14、步”按鈕，選擇“使用用戶輸入登錄ID和密碼的SQL Server驗證”單選按鈕，“登錄ID”默認為“sa”，密碼為空。單擊“下一步”按鈕，在下拉列表中選擇該數(shù)據(jù)庫的數(shù)據(jù)庫為“db_shop”。單擊“下一步”按鈕，再單擊“完成”按鈕，在“ODBC Microsoft SQL Server 安裝”對話框中單擊“確定”即可。2 系統(tǒng)需求分析及總體設計2.1 需求分析此基于JSP的購物網(wǎng)站分前臺功能和后臺功能：前臺部分由用戶使用，主要包括新品上架、特價商品、銷售排行、購物車、會員管理、商品公告及訂單查詢、商品查詢等。后臺部分由管理員使用，主要包括對商城內(nèi)的一些基礎數(shù)據(jù)進行有效管理，包括商品管理、會員管

15、理、訂單管理、公告管理等。2.2 系統(tǒng)功能模塊設計太陽能熱水器銷售網(wǎng)站前臺功能結構如圖2-1所示。圖2- SEQ 圖1. * ARABIC 1 系統(tǒng)前臺功能結構圖太陽能熱水器銷售網(wǎng)站后臺功能結構如圖2-2所示。圖2- SEQ 圖1. * ARABIC 2 系統(tǒng)后臺功能結構圖2.3 處理流程系統(tǒng)前臺處理業(yè)務流程如圖2-3所示。否否否成功查看我的訂單結束商品購買查看商品加入購物車結賬生成訂單錯誤提示填寫收件人信息與付款方式繼續(xù)購物是否登陸驗證登錄首頁用戶登陸個人首頁輸入用戶名、密碼驗證修改個人信息查看我的訂單修改密碼用戶注冊網(wǎng)站首頁錯誤提示填寫注冊信息注冊開始登陸網(wǎng)站首頁成功成功失敗是失敗是失敗圖

16、2-3前臺業(yè)務流程圖3 數(shù)據(jù)庫設計3.1 數(shù)據(jù)庫概念設計根據(jù)以上各節(jié)對系統(tǒng)所做的需求分析和系統(tǒng)設計，規(guī)劃本系統(tǒng)中使用的數(shù)據(jù)庫試題分別為商品大類別實體、商品小類別實體、商品實體、會員實體、會員訂單實體、會員訂單明細實體、管理員信息實體、公告信息實體和友情鏈接實體。下面分別介紹幾個關鍵實體的圖。 （1）商品實體商品商品現(xiàn)價商品商品現(xiàn)價商品名稱商品號圖片文件錄入時間瀏覽次數(shù)商品定價類別號商品簡介是否新品是否特價圖3-1商品的實體圖 （2）會員實體會員信息包括自動生成的會員編號、登錄賬號、登錄密碼、真實姓名、所在城市、聯(lián)系地址、郵政編碼、證件號碼、證件類型、等級、消費額、電話、電子郵箱、是否凍結屬性，

17、會員的實體圖如圖3-2所示。會員會員電話用戶名密碼消費額等級聯(lián)系地址Email地址真實姓名是否凍結證件號碼郵政編碼會員編號所在城市證件類型圖3-2會員的實體圖 （3）訂單實體訂單信息包括訂單編號、品種數(shù)、訂貨人賬號、訂貨人真實姓名、訂貨人地址、訂貨人郵政編碼、訂貨人電話、付款方式、運送方式、折扣、訂貨時間、訂貨是否執(zhí)行及備注屬性。其中訂貨是否執(zhí)行信息中，1代表貨物已經(jīng)發(fā)送出去，0代表貨物沒有發(fā)送出去。會員訂單的實體圖如圖3-3所示。訂單訂單是否已執(zhí)行用戶名品種數(shù)訂貨日期折扣聯(lián)系地址備注真實姓名訂單編號付款方式郵政編碼電話運送方式圖3-3訂單的實體圖3.2 數(shù)據(jù)庫邏輯結構設計本系統(tǒng)數(shù)據(jù)庫采用SQ

18、L Server 2000數(shù)據(jù)庫，系統(tǒng)數(shù)據(jù)庫名稱為db_shop，共包含9張表，下面給出主要數(shù)據(jù)表的結構。(1）tb_superType（商品大分類信息表）商品大分類信息表主要用來保存商品類別中大的類別信息。表tb_superType的結構如表3.1所示。表3.1 表商品大分類信息表的結構字段名數(shù)據(jù)類型長度是否主鍵描述ID(主鍵)int4是類別IDTypeNamevarchar50類別名稱（2）tb_subType（商品小分類信息表）商品小分類信息表主要用來保存商品類別中小的類別信息。表tb_subType的結構如表3.2所示。表3.2 商品小分類信息表的結構字段名數(shù)據(jù)類型長度描述ID（主鍵）

19、int4類別IDsuperTypeint4父類IDTypeNamevarchar50類別名稱（3）tb_rebate（折扣表）折扣表用來保存顧客在購買商品時的折扣信息。表tb_rebate的結構如表3.3所示。表3.3 表折扣表的結構字段名數(shù)據(jù)類型長度描述Grade（主鍵）varchar20等級Amountmoney8消費額rebatefloat8折扣（4）tb_order（訂單明細表）訂單明細表用來保存訂單的詳細信息。表tb_order_detail的結構如表3.4所示。表3.4 表訂單明細表的結構字段名數(shù)據(jù)類型長度描述ID（主鍵）bigint8ID號orderIDbigint8與tb_Or

20、der表的OrderID字段關聯(lián)goodsIDbigint8商品IDpricemoney8價格numberint4數(shù)量（5）tb_order（訂單信息主表）訂單信息主表用來保存訂單的概要信息。表tb_order的結構如表3.5所示。表3.5 表訂單信息主表的結構字段名數(shù)據(jù)類型長度描述OrderID（主鍵）bigint8訂單編號bnumbersmallint2品種數(shù)usernamevarchar15用戶名Truenamevarchar15真實姓名addressvarchar100聯(lián)系地址postcodevarchar10郵政編碼telvarchar20電話payvarchar20付款方式carr

21、yvarchar20運送方式rebatefloat8折扣OrderDatesmalldatetime4訂貨日期enforceint4是否執(zhí)行bzvarchar200備注（6）tb_member（會員信息表）會員信息表主要用來存儲所注冊的會員的信息。表tb_member的結構如表3.6所示。表3.6 表會員信息表的結構字段名數(shù)據(jù)類型長度描述ID（主鍵）int4會員IDuserNamevarchar20用戶名trueNamevarchar20真實姓名passWordvarchar20密碼cityvarchar20所在城市addressvarchar100聯(lián)系地址postcodevarchar6郵政

22、編碼cardNOvarchar24證件號碼cardTypevarchar20證件類型gradeint4等級Amountmoney8消費額telvarchar20電話emailvarchar100Email地址freezeint4是否凍結（7）tb_manager（管理員信息表）管理員信息表用來保存管理員信息。表tb_manager的結構如表3.7所示。表3.7表管理員信息表的結構字段名數(shù)據(jù)類型長度描述ID（主鍵）int4ID號managervarchar30管理員名稱PWDvarchar30密碼（8）tb_goods（商品信息表）商品信息表主要用來保存商品信息。表tb_goods的結構如表3.

23、8所示。表3.8表商品信息表的結構字段名數(shù)據(jù)類型長度描述ID（主鍵）bigint8商品IDtypeIDint4類別IDgoodsNamevarchar200商品名稱introducetext16商品簡介pricemoney8定價nowPricemoney8現(xiàn)價picturevarchar100圖片文件INTimedatetime8錄入時間newGoodsint4是否新品saleint4是否特價hitint4瀏覽次數(shù)（9）tb_BBS（公告信息表）公告信息表主要用來保存商城的公告信息。表tb_BBS的結構如表3.9所示。7表3.9表公告信息表的結構字段名數(shù)據(jù)類型長度描述ID（主鍵）int4ID號

24、titlevarchar100公告標題contentvarchar4000公告內(nèi)容INTimedatetime8錄入時間3.3 數(shù)據(jù)庫表之間的關系設計圖3-5清晰的表達了各個數(shù)據(jù)庫之間的關系，反映了系統(tǒng)各個實體之間的關系。圖3-5數(shù)據(jù)庫內(nèi)各表的關系3.4 用JSP連接數(shù)據(jù)庫在JSP中可以使用Java的JDBC技術，實現(xiàn)對數(shù)據(jù)庫中表記錄的查詢、修改和刪除等操作。JDBC技術在JSP中占有很重要的位置。JDBC（Java DataBase Connectivity）是Java數(shù)據(jù)庫連接API。簡單地說，JDBC能完成三件事： （1）與一個數(shù)據(jù)庫建立連接 （2）向數(shù)據(jù)庫發(fā)送SQL語句 （3）處理數(shù)據(jù)

25、庫返回的結果JavaBean是一種Java語言寫成的可重用組件。為寫成JavaBean,類必須是具體的和公共的，并且具有無參數(shù)的構造器。JavaBean通過提供符合一致性設計模式的公共方法將內(nèi)部域暴露成為屬性。眾所周知，屬性名稱符合這種模式，其他Java類可以通過自省機制發(fā)現(xiàn)和操作這些JavaBean屬性。用戶可以使用JavaBean將功能、處理、值、數(shù)據(jù)庫訪問和其他任何可以用Java代碼創(chuàng)造的對象進行打包，并且其他的開發(fā)者可以通過內(nèi)部的JSP頁面、Servlet、其他JavaBean、Applet程序或應用來使用這些對象。用戶可以認為JavaBean提供了一種隨時隨地的復制和粘貼的功能，而不

26、用關心任何改變。JSP的一個重要特性就是可以用JavaBean實現(xiàn)功能的擴展。將大部分功能放在JavaBean中完成，以使JSP頁面程序更干凈簡潔、利于維護。JavaBean可以很方便的用來捕獲頁面表單的輸入并完成各種業(yè)務邏輯的處理。連接數(shù)據(jù)庫的JavaBeanConnDB。通過JSP頁面調(diào)用此JavaBean,可以實現(xiàn)對數(shù)據(jù)庫的連接，數(shù)據(jù)表的添加、刪除、更新等操作。編譯及使用JavaBean 例如用JDK的javac命令編譯ConnDB.java，得到ConnDB.class文件，即表示建立了一個JavaBean。在JSP頁面中要使用這個JavaBean，先使用語句：，通過該引用就可以實現(xiàn)B

27、ean中相關功能函數(shù)，這樣就可以方便的完成對數(shù)據(jù)庫的增、刪、改和查詢等操作。4 系統(tǒng)詳細設計4.1 前臺部分系統(tǒng)架構設計 前臺部分由用戶使用，主要包括新品上架、特價商品、銷售排行、購物車、會員管理、商品公告及訂單查詢、商品查詢等。 （1）模塊功能介紹新品上架：在首頁展示幾條上架新品的商品信息，點擊進該模塊后展示更多新上架商品。特價商品：在首頁展示幾條特價商品信息，點擊進該模塊后展示更多特價商品。銷售排行：統(tǒng)計銷售數(shù)量再按統(tǒng)計后的銷售數(shù)量降序排列。購物車：和實際生活中的購物車一樣，用于暫時保存挑選的商品。會員管理：包括會員注冊、會員登錄、會員資料修改三部分。商品查詢：在首頁選擇需要查詢的商品種類

28、，查看該類別的全部商品信息，然后單擊商品名稱查看相應商品的詳細信息。 （2）前臺文件組成首頁組成圖如圖4-1所示。Go購電子商城首頁Go購電子商城首頁Index.jsp首頁主體頁面導航條navigation.jsp搜索search.jsp后臺登錄入口商品分類right.jsp左側頁面left.jsp搜索結果search_deal.jsp圖4-1首頁組成圖 導航欄組成圖如圖4-2所示。導航欄導航欄新品上架NewGoods.jsp首頁index.jsp會員資料修改modifyMember.jsp購物車cart_see.jsp查看訂單order.jsp特價商品sale.jsp銷售排行SellSort

29、.jsp圖4-2 導航欄組成圖左側頁面組成圖如圖4-3所示。左側頁面左側頁面會員注冊register.jsp會員登錄Login_U.jsp商城公告詳細頁面bbs_detail.jsp商品銷售排行詳細頁面goods_detail.jsp圖4-3 左側頁面組成圖購物車組成圖如圖4-4所示。保存訂單保存訂單order.jsp填寫訂單cart_check.jsp購物車修改數(shù)量cart_modify.jsp添加cart_add.jsp清空購物車cart_clear.jsp移除cart_move.jsp查看cart_see.jsp去收銀臺結賬圖4-4 購物車組成圖4.1.2 網(wǎng)站前臺首頁設計在Go購電子商

30、城的首頁中，用戶不但可以在第一時間內(nèi)掌握商城推出的特價商品、上架新品、最新公告等，還可以查看銷售排行、搜索指定商品、商品分類查詢等。Go購電子商城前臺首頁的運行結果如圖4-5所示。圖4-5 網(wǎng)站前臺首頁的運行結果下面以列表形式給出前臺頁面各部分的說明信息，如表4.1所示。表4.1前臺頁面說明區(qū)域名稱說明對應文件1網(wǎng)站導航主要展示網(wǎng)站的旗幟廣告和站內(nèi)導航條navigation.jsp2用戶登錄主要用于會員登錄和提供會員注冊的入口left.jsp3商品搜索主要用于按商品的大分類模糊查詢商品信息search.jsp4商城公告主要用于顯示網(wǎng)站最新公告left.jsp5特價商品用于顯示最新的兩條特價商品

31、的信息index.jsp6商品分類按類別展示商品信息right.jsp7銷售排行顯示商城中銷售量最好的10種商品left.jsp8商品上架主要用于顯示最新上架的4種商品信息index.jsp9廣告招商位用于顯示網(wǎng)站的廣告招商信息right.jsp10后臺登錄入口網(wǎng)站后臺登錄入口copyright.jsp11版權信息顯示網(wǎng)站版權信息copyright.jsp4.1.3會員管理模塊設計在前臺的會員管理模塊中主要包括會員注冊、會員登錄、會員資料修改3部分。由于會員資料修改同會員注冊的實現(xiàn)方法類似，只是調(diào)用的SQL語句不同，所以此處只給出會員注冊和會員登錄進行介紹。 （1）會員注冊會員注冊的入口位于網(wǎng)

32、站首頁的左側。用戶單擊【注冊】按鈕即可進入到會員注冊頁面Login_U.jsp。會員注冊模塊由兩個頁面組成，一個是用于收集用戶輸入的注冊信息的會員注冊頁面register.jsp，該頁面主要由各個表單元素組成，用于提示用戶填寫注冊信息，在用戶名的填寫框旁還有一個checkUserName.jsp的鏈接，可以先檢測用戶名是否可用再繼續(xù)填寫下面的信息。另一個用于將會員注冊信息保存到數(shù)據(jù)表中處理頁register_deal.jsp，當用戶名已存在就彈出“該用戶名已存在，請重新注冊！”的提示，并將頁面重定向到注冊頁面；如果用戶名不存在則使用member.java中的member類保存客戶端輸入的會員信

33、息，再通過調(diào)用memberDaoImpl.java中的insert（）方法將會員信息保存到會員信息表中，如果插入成功則提示“用戶注冊成功！”，否則提示“用戶注冊失??！”。其流程圖如圖4-6所示。開 始開 始結 束否是是接收注冊信息數(shù)據(jù)是否為空兩次密碼是否一致查詢數(shù)據(jù)庫用戶名是否被占用是否否注冊成功注冊失敗圖 4-6用戶注冊系統(tǒng)流程圖 （2）會員登錄會員登錄用于網(wǎng)站會員登錄本網(wǎng)站進行購物或查看訂單情況。會員登錄入口位于網(wǎng)站首頁的左側，當用戶在登錄頁面Login_U.jsp中輸入用戶名和密碼后，單擊【登錄】按鈕，系統(tǒng)將對輸入的用戶名和密碼進行驗證，如果用戶輸入的用戶名存在并且凍結字段的值不為1，則

34、判斷用戶輸入的密碼是否正確，如果密碼正確，則重新進入網(wǎng)站首頁，顯示登錄用戶的用戶名、【修改資料】按鈕、【退出登錄】按鈕，否則提示登錄失敗。但無論失敗還是成功都將頁面重定向到主頁面index.jsp。其流程圖如圖4-7所示。開 始開 始結 束接收登錄信息查詢數(shù)據(jù)庫數(shù)據(jù)是否正確否是登錄失敗登錄成功圖4-7 用戶登錄流程圖4.1.4會員資料修改模塊設計個人資料修改模塊在前臺主頁的導航條上，單擊“會員資料修改”鏈接，進入用戶資料修改頁面modifyMember.jsp，該頁面主要給用戶修改用戶信息，用戶只有在登錄后才有權限修改個人資料信息。個人信息填寫完畢后單擊“修改”，則調(diào)用member.java中

35、的member類保存客戶端更新的會員信息，再通過調(diào)用memberDaoImpl.java中的update（）方法將會員信息保存到會員信息表中，再在modifyMember_deal.jsp判斷用戶信息是否成功更新，如果更新成功則提示“會員信息修改成功！”，否則提示“會員信息修改失?。　?。個人資料修改模塊流程圖如圖4-8所示。圖 4-8 個人資料修改模塊流程圖4.1.5 購物車模塊設計購物車模塊中，主要包含以下幾個功能，即：添加購物車、查看購物車、生成訂單和清空購物車。 （1）添加至購物車添加購物車就是把用戶選中的商品暫時存放在購物車中。當用戶在首頁或商品詳情展示頁面goods_detail.j

36、sp中單擊 “購買”按鈕時，運行cart_add.jsp頁面將商品的信息從數(shù)據(jù)庫調(diào)出來，再重定向到購物車頁面cart_see.jsp，便將該商品放入購物車中并查看。添加商品的代碼流程是從session中讀取cart對象，如果為空則說明還沒有進行購物或者已經(jīng)清空了購物車，需要新建購物車對象；將商品名稱與購物車列表中的商品名稱對比，如果已經(jīng)存在，則把商品數(shù)量加1。在這段代碼流程中，還使用了集合類型。集合類型在Java中又稱為向量，是一元集合，可以加入重復數(shù)據(jù)，它的作用和數(shù)組相同，可以保存一系列數(shù)據(jù)，但集合類型也有它獨特的優(yōu)點，就是可以方便地對集合內(nèi)的數(shù)據(jù)進行查找、增加、刪除和修改等操作。 （2）查

37、看購物車為了方便用戶隨時查看購物情況，在網(wǎng)站的首頁加入了查看購物車的鏈接，通過它可以將用戶所有選中的商品信息放入購物車中顯示出來。首先要判斷用戶是否登錄和購物車是否為空，如果用戶沒登陸，則提示用戶還沒登陸，然后跳轉(zhuǎn)到主頁面；如果購物成為空，則跳轉(zhuǎn)到cart_null.jsp頁面，告訴用戶物車為空，可以單擊其間的“我要購買商品”按鈕跳轉(zhuǎn)去主頁面選購商品。進入到非空的購物車頁面cart_see.jsp，則可以將保存在session中的購物信息利用for語句輸出到瀏覽器中，同時根據(jù)商品的現(xiàn)價、購買數(shù)量自動計算每種商品的金額和購物車中全部商品的合計金額。在查看購物車頁面還提供了“繼續(xù)購物”去首頁ind

38、ex.jsp、“去收銀臺結賬”去cart_checkout.jsp頁面、“清空購物車”去cart_clear.jsp頁面和“修改數(shù)量”的鏈接，可以執(zhí)行接下來要執(zhí)行的操作。 （3）修改購物車中指定商品的購買數(shù)量購物車中還需加入修改商品數(shù)量的功能才合理。在購物車中，由于商品的數(shù)量被存放在文本框中，用戶只有在某種商品后面的文本框中輸入相應的數(shù)量即可。購物車頁面中的“修改數(shù)量”超鏈接是為確保修改購買數(shù)量而設置的。具體有兩種方法可以修改商品數(shù)量，一種就是用戶可以在cart_clear.jsp頁面文本框中輸入想要購買的數(shù)量，然后單擊“修改”按鈕?！靶薷摹钡膱?zhí)行是在cart_modify.jsp頁面中，根據(jù)

39、用戶的輸入修改商品數(shù)量，完成修改后再自動重定向到cart_see.jsp頁面；另一種就是購物車中已經(jīng)加入了某種商品，然后去商品信息頁面繼續(xù)購買這種商品，商品數(shù)量就會加1，也達到了修改的目的。 （4）從購物車中移去指定商品如果欲刪除該商品，可以在數(shù)量文本框里輸入“0”，并需要單擊“修改”按鈕來更新購物車中商品的數(shù)量，也可以直接點擊商品“退回”項對應的圖標到cart_move.jsp頁面執(zhí)行刪除操作后再重定向到cart_see.jsp頁面，刪除即完成。系統(tǒng)每次只會將1個商品放入購物車中，如果用戶需要多個同種商品，可以通過修改商品信息右側相應文本框的值來完成。 （5）清空購物車清空購物車是指當用戶訂

40、單生成后，倘若還想繼續(xù)購物一定要清空購物車再進行選購商品，這樣防止重復購物，而且不想要購物車中的物品時，也可以單擊“清空購物車”來一次性刪除全部商品，方便快捷。其實清空購物車實現(xiàn)起來非常簡單，在cart_clear.jsp頁面中將session中存儲的cart對象清空，再重定向到cart_null.jsp頁面，此時可以點擊其間的“我要去購物”按鈕去主頁面選購商品。購物車模塊流程圖如圖4-9所示。開始開始查詢數(shù)據(jù)庫數(shù)據(jù)是否存在顯示商品信息息是是否放入購物車購物車是否為空是沒有該商品否否購物車中已存在該商品新建購物車該商品數(shù)量加1將商品添加入購物車是否顯示購物信息是否修改商品數(shù)量否是否清空購物車是

41、刪除購物車中商品是是否繼續(xù)購物否是否去收銀臺接收填寫的訂單信息數(shù)據(jù)是否為空訂單信息存入數(shù)據(jù)庫更新是否成功是否是否是修改商品數(shù)量是結 束否否否是圖4-9購物車模塊流程圖收銀臺模塊設計 生成訂單時網(wǎng)上購物商城的最終目的，前面所有功能的實現(xiàn)都是為最后生成一個用戶滿意的訂單作基礎，在此要生成一個可供用戶隨時查詢的訂單號，還要保存用戶訂單中所購買的商品信息。當用戶確認對購物車內(nèi)商品不再改變以后，就可以到收銀臺結帳并生成訂單。結帳的流程為：從購物車cart_see.jsp頁面中單擊“去收銀臺結賬”，跳轉(zhuǎn)到cart_checkout.jsp頁面，系統(tǒng)用戶登錄名到數(shù)據(jù)庫tb_member表中提取用戶的基本信息

42、展示在頁面，在用戶自己選擇付款方式、運送方式、填寫備注后單擊“提交”按鈕，如果必填項都填寫了，就跳轉(zhuǎn)到cart_order.jsp頁面，否則提示用戶數(shù)據(jù)不完整。在跳轉(zhuǎn)過程中系統(tǒng)根據(jù)用戶的消費等級在tb_rebate表中級得出相應折扣值，再將相應數(shù)據(jù)插入數(shù)據(jù)庫中的訂單表tb_order中并生成訂單號、訂單明細表tb_order_detail表，并更新用戶tb_member表的消費額，修改用戶的消費等級，方便下次購物時計算折扣。如果其間那里沒完成，就提示訂單生成失敗，否則就彈出提示成功生成訂單，然后跳轉(zhuǎn)到主頁面index.jsp。在生成訂單模塊中主要使用了調(diào)出用戶信息并生成唯一訂單號，調(diào)出用戶信息

43、就是完全的對數(shù)據(jù)庫進行操作，利用session對象把登錄后的用戶名保存起來，在訂單生成時把保存的用戶名從數(shù)據(jù)庫的用戶標中取出即可；生成唯一訂單號方法有很多，只要確保訂單號碼的唯一性及方便用戶記錄以便于查詢自己訂單的執(zhí)行狀態(tài)即可。4.2 后臺部分后臺總體框架 后臺部分由管理員使用，主要包括對商城內(nèi)的一些基礎數(shù)據(jù)進行有效管理，包括商品管理、會員管理、訂單管理、公告管理等。（1）功能模塊介紹 商品管理：實現(xiàn)對商品信息的管理，包括分頁顯示商品信息、添加商品信息、修改商品信息、刪除商品信息等功能。會員管理：主要是查看會員基本信息和對于經(jīng)常失信的會員解凍或凍結。訂單管理：主要是執(zhí)行訂單和查看訂單的詳細信息

44、，但不能修改訂單信息。公告管理：主要是查看公告信息、添加公告信息和刪除公告信息。 （2）后臺文件結構系統(tǒng)后臺文件結構，如圖4-10所示。訂單管理訂單管理manage/ordermanage.jsp執(zhí)行訂單manage/order_enforce.jsp詳細信息manage/order_detail.jsp會員管理manage/membermanage.jsp詳細信息manage/member_detail.jsp凍結manage/member_ freeze.jsp解凍manage/member_thaw.jsp退出后臺manage/logout.jsp公告管理manage/placardma

45、nage.jsp刪除公告信息manage/Del_deal.jsp添加公告信息manage/placard_add.jsp刪除商品信息manage/goods_del.jsp小分類信息管理manage/subType.jsp修改商品信息manage/goods_modify.jsp大分類信息管理manage/superType.jsp詳細信息manage/goods_detail.jsp添加商品信息manage/goods_add.jsp商品管理manage/index.jsp后臺登錄manage/login_m.jsp后臺首頁圖4-10 后臺文件組成圖4.2.2 后臺登錄模塊設計 在系統(tǒng)前臺

46、首頁的底部提供了后臺管理員入口，通過該入口可以進入到后臺登錄頁面manage/Login_M.jsp。在該頁面，管理員通過輸入正確的用戶名和密碼即可登錄到系統(tǒng)后臺首頁manage/index.jsp。當用戶沒有輸入用戶名或密碼為空，系統(tǒng)都將通過check.js中的checkM（）進行判斷并給予提示信息，否則進入到管理員登錄處理頁驗證用戶信息。 （1）設計管理員登錄界面管理員登錄頁面主要實現(xiàn)收集用戶輸入信息及通過JavaScript的自定義函數(shù)驗證用戶身份。管理員登錄頁面所涉及的重要表單元素如表4.2所示。表4.2 管理員登錄頁面所涉及的重要表單元素名稱元素類型含義重要屬性form1 form表

47、單action=“l(fā)ogin_M_deal.jsp”Manage text 管理員名size=“20”PWD password密碼Size=“20”Submit button“確認”按鈕Value=“確認”onClick=“checkM(form1)”Submit3 button“返回”按鈕Value=“返回”“onClick=window.location.href=./index.jsp；” （2）編寫用戶身份驗證的JSP處理頁當用戶在登錄窗口中輸入用戶名和密碼后，單擊“確認”按鈕，系統(tǒng)將在頁面對輸入的用戶名和密碼進行驗證：如果用戶輸入的用戶名存在，則判斷用戶名輸入的密碼是否正確，如果密碼

48、也正確，則進入到網(wǎng)站后臺首頁，這時管理員才可以對系統(tǒng)后臺進行管理，否則就回到前臺的首頁。其流程圖如圖4-11所示： 否否是是否結 束查詢數(shù)據(jù)庫登錄成功開 始接收登錄信息數(shù)據(jù)是否為空數(shù)據(jù)是否有效圖4-11管理員登錄系統(tǒng)流程圖為了防止一些不法份子蓄意破壞，需要為網(wǎng)站后臺設計用于驗證用戶身份的文件manage/safe.jsp，在網(wǎng)站后臺頁面中都加入語句，這樣當管理員沒有正常登錄時，會彈出“您還沒有登錄”的提示對話框，然后返回網(wǎng)站首頁。商品管理模塊設計 Go購電子商城系統(tǒng)的商品管理模塊主要實現(xiàn)對商品信息的管理，包括分頁顯示商品信息、管理商品分類、添加商品信息、修改商品信息、刪除商品信息等功能。下面分

49、別進行介紹。 （1）分頁顯示商品信息商品管理模塊的首頁manage/index.jsp是分頁顯示商品信息，主要用于將商品信息表中的商品信息以列表的方式顯示，并為之添加“修改”和“刪除”功能，方便管理員對商品信息進行修改和刪除。在分頁顯示商品信息頁面中主要顯示商品名稱、簡介、是否新品、是否特價等信息，至于商品的其他信息，可以單擊商品名稱進入到商品詳細信息頁面manage/goods_detail.jsp查看。要分頁顯示商品信息，首先要從數(shù)據(jù)表中查詢出商品信息。實現(xiàn)商品查詢的代碼比較簡單，只需使用page指令的import屬性將數(shù)據(jù)庫操作的JavaBean引到當前頁面中，再創(chuàng)建并實例化connDB

50、的一個對象“conn”，最好執(zhí)行“conn”的executeQuery的方法即可實現(xiàn)。 （2）管理商品分類在商品顯示頁面分別提供了大分類小分類信息管理的鏈接。點擊“大分類信息管理”就到跳轉(zhuǎn)到manage/superType.jsp頁面。在該頁面以列表的形式顯示大商品類別，可以進行刪除操作。當你選擇一個類別然后單擊刪除，則在super_Del_deal.jsp中會進行判斷，如果大類別下還有小類別，則會提示刪除小類別才能刪除大類別，否則會提示刪除成功，然后跳轉(zhuǎn)到manage/superType.jsp。其中還設置了一個“全選/反選”的復選框，可以全選或全不選大分類名。頁面右上角還提供了一個添加商品

51、分類的鏈接，點進去就進入manage/super_add.jsp頁面，輸入類名后點擊“保存”，就在其中的JavaScript腳本mycheck（）進行判斷，如果為空就出現(xiàn)提示框，否則進入manage/superType_add_deal.jsp頁面再進行判斷類名是否已經(jīng)存在、是否添加成功。點擊“小分類信息管理”就跳轉(zhuǎn)到manage/subType.jsp頁面。在該頁面以列表的形式顯示大類別和小類別，也可以進行刪除操作。當你選擇一個小類別然后單擊刪除，則在subType_Del_deal.jsp中會進行判斷，是否刪除成功，然后跳轉(zhuǎn)到manage/subType.jsp。其中還設置了一個“全選/反

52、選”的復選框，可以全選或全不選大分類名。頁面右上角還提供了一個添加商品分類的鏈接，點進去就進入manage/sub_add.jsp頁面，先要選擇大類別，再輸入小分類名后點擊“保存”，就在其中的JavaScript腳本mycheck（）進行判斷，如果為空就出現(xiàn)提示框，否則進入manage/subType_add_deal.jsp頁面再進行判斷小類名是否已經(jīng)存在、是否添加成功。 （3）添加商品信息在商品管理首頁中單擊“添加商品信息”即可進入到添加商品信息頁面manage/goods_add.jsp。添加商品信息頁面主要用于向數(shù)據(jù)庫中添加新的商品信息。(1)制作添加商品信息頁面，該頁面主要用于收集用

53、戶添加的商品信息和驗證用戶的輸入信息是否合法。添加商品信息頁面所涉及的重要表單元素如表4.3所示。表4.3 管理員登錄頁面所涉及的重要表單元素名稱元素類型含義重要屬性form1form表單action=”goods_add_deal.jsp”method=”post”goodsNametext商品名稱Size=”50”Supertypeselect商品大分類onChange=”F_super(this.value)”typeIDselect商品小分類picturetext商品圖片pricetext商品定價newGoodsradio是否為新品class=”noborder”saleradio是否

54、特價class=”noborder”introducetextarea商品簡介cols=”60”row=”5”Buttonbutton“保存”按鈕value=”保存”onClick=”mycheck()”Submit3button“返回”按鈕value=”返回”onClick=”Jscript:history.back(-1)”將商品信息分為兩個類別（即大分類和小分類）。同時將商品的兩個類別設置為級聯(lián)菜單，即當管理員選定商品大類后，在商品小類的下拉列表中將顯示出數(shù)據(jù)庫中的該類別的子類信息，這時管理員即可很方便地選擇商品的所屬分類。首先創(chuàng)建顯示商品大分類的結果集，并將大分類中的第一個分類設置了小

55、分類列表框的父類的默認值。然后將大分類中的第一個分類設置了小分類列表框的父類的默認值，并通過下拉列表顯示商品大分類信息。當用戶改變下拉列表框的值時，調(diào)用JavaScript函數(shù)解決用戶刷新表單時下拉列表框恢復默認值的情況。（2）制作添加商品信息處理頁面。當用戶輸入信息單擊保存后就進入manage/superType_Del_deal.jsp頁面，判斷商品是否已存在，如果不存在則使用JavaBean中的goods類保存客戶端輸入的商品信息，再通過調(diào)用GoodsDaoImpl中的insert方法將商品信息保存到商品信息表中。其流程圖如圖4-12所示。圖 4-12 添加商品信息模塊流程圖（4）修改商

56、品信息在商品管理首頁中單擊想要修改的商品信息后面的修改圖標，即可進入到修改商品信息頁面manage/goods_modify.jsp，該頁面主要用于修改指定商品的基本信息。（1）制作修改商品信息頁面。修改商品信息頁面同添加商品信息類似，只是在收集商品修改信息頁面中需要為每個表單元素賦初值。從上面可以看出如何為text類型的表單元素賦值，但是并不能看出如何為radio表單元素單選按鈕賦值。radio表單元素的默認值是通過其checked屬性控制的。下面給出“是否新品”單選按鈕組的代碼：input name=newGoods type=radio class=noborder value=1是 i

57、nput name=newGoods type=radio class=noborder value=0否從上面的代碼中可以看出，當商品為新品時“是”按鈕被選中，否則選中“否”按鈕。（2）制作修改商品處理頁面。修改商品信息的處理頁manage/goods_modify_deal.jsp同添加商品信息的處理頁類似，只是在修改商品信息頁中需要調(diào)用GoodsDaoImpl中的update方法修改商品信息。（5）刪除商品信息在商品管理首頁中單擊想要刪除的商品信息后面的刪除圖標即可進入到刪除商品信息頁面manage/goods_del.jsp。該頁面也主要用于刪除指定商品的基本信息。（1）制作刪除商品信

58、息頁面。在制作刪除商品信息頁面時，首先也需要判斷從商品管理首頁傳遞的參數(shù)ID是否為空，如果為空值，則說明用戶不是正常操作，需要將頁面重定向到manage/index.jsp頁面，否則才根據(jù)參數(shù)ID查詢商品的基本信息并顯示在頁面中。實現(xiàn)該功能的流程圖同修改商品信息的類似，這里不再贅述。（2）制作刪除商品信息的處理頁。刪除商品信息的處理頁也是通過JavaBean“GoodsDaoImpl”實現(xiàn)，只是此處需要調(diào)用其刪除方法delete（）。4.2.4 會員管理模塊設計單擊后臺導航條中的“會員管理”即可進入到會員管理manage/membermanage.jsp。對于會員信息的管理主要是查看會員基本信

59、息和對于經(jīng)常失信的會員給予凍結或解凍，但對于會員密碼管理員是無權查看的。查看會員基本信息manage/member_detail.jsp頁面的實現(xiàn)方法同商品管理模塊中分頁顯示商品信息類似，這里不再贅述。下面介紹如何凍結會員和對已經(jīng)被凍結的會員進行解凍。在會員信息表tb_member中，除了包括用戶基本信息字段外，還包括一個標記會員信息是否被凍結的字段freeze，該字段為int型，默認值為0，該字段被規(guī)定值只有0和1兩個，0代表未被凍結，1代表已經(jīng)被凍結。由此可見，實現(xiàn)凍結用戶只需將該會員的freeze字段值置為1，實現(xiàn)解凍只需將freeze字段的值置為0。當要凍結會員，點擊“凍結/解凍”項對

60、應的圖標，然后進入manage/member_freeze.jsp頁面，并更新數(shù)據(jù)庫中會員的信息，然后提示已成功凍結會員，跳轉(zhuǎn)回會員管理頁面否則提示凍結失敗。當要解凍會員，點擊“凍結/解凍”項對應的圖標，然后就進入manage/member_thaw.jsp頁面，并更新數(shù)據(jù)庫中會員的信息，然后提示已成功解凍會員，跳轉(zhuǎn)回會員管理頁面，否則提示解凍失敗。其流程圖如圖4-13所示。開 始開 始結 束顯示用戶的信息更新數(shù)據(jù)庫是否凍結/解凍用戶是否凍結/解凍用戶成功更新是否成功是否凍結/解凍用戶失敗查詢數(shù)據(jù)庫數(shù)據(jù)庫是否為空是否沒有用戶注冊圖4-13會員管理流程圖4.2.5 訂單管理模塊設計單擊后臺導航條