軟件工程_網上購物系統(tǒng)的設計與實現參考模板

1、網上購物系統(tǒng)的設計與實現專業(yè)：軟件工程 姓名： 指導教師： 摘 要 隨著科技的迅速發(fā)展，在經濟領域的網絡技術應用最突出的一個例子就是電子商務。電子商務在根本上改變了傳統(tǒng)的商品買賣的模式，使買賣雙方的交易更加便捷并且降低了彼此間交易成本。網上購物系統(tǒng)，一種具備交互功用的物品買賣系統(tǒng)，它在網上創(chuàng)建虛構的購物商場，讓購物變得輕松、快捷、方便。本系統(tǒng)分為兩個大的模塊。前臺包括用戶注冊登錄、瀏覽商品、查詢商品、商品評價、訂購商品、購物車等；后臺包括對商品及其種類的管理、對用戶信息查看、訂單詳情、評論管理等功能。本系統(tǒng)前臺主要用JSP語言開發(fā)，后臺數據庫為MySQL，使用MyEclipse實現，JSP引擎

2、為tomcat7.0.6，展現給用戶的是一款以Web技術為基礎、B/S架構的網上購物系統(tǒng)。關鍵字 SSH，Tomcat，MySQL，商城AbstractWith the rapid development of science and technology, in the economic field of network technology application of the most prominent example is e-commerce.E-commerce fundamentally changed the traditional pattern of commodity

3、trading, so that buyers and sellers of the transaction more convenient and reduce the transaction costs between each other. An online shopping system, an interactive trading system, which creates fictional shopping malls on the web, making shopping easier, quick and easy.2 / 38The system is divided

4、into two large modules. The front desk includes the registration of the user and its type, the user information view, order details, comment management and other functions.The front of the system using JSP language development, the background database for MySQL, the use of MyEclipse implementation,

5、JSP engine for tomcat7.0.6, and show to the user is a Web technology-based, B / S architecture online shopping system.Key Words: SSH，Tomcat，MySQL，Mall目 錄1. 緒論11.1 課題背景11.2 目的和意義12.相關技術介紹22.1 SSH框架22.2 MySQL數據庫32.3 B/S結構42.4 JSP53.需求分析63.1 可行性分析63.1.1 技術的可行性63.1.2 操作可行性63.1.3 法律的可行性73.2 用戶用例圖73.2.1 標

6、準用戶用例圖73.2.2 管理員用例圖73.3 系統(tǒng)功能需求84.系統(tǒng)設計94.1 系統(tǒng)總體架構設計94.2 功能模塊劃分104.3 數據庫設計114.3.1 數據分析114.3.2 數據庫的詳細設計125.系統(tǒng)實現145.1 開發(fā)環(huán)境的搭建145.1.1 Windows8系統(tǒng)下所用軟件145.1.2 環(huán)境搭建145.3 前臺基本功能的設計165.3.1 用戶維護165.3.2 商品展示205.3.3 購物車215.4 后臺管理的設計225.4.1 訂單管理225.4.2 商品管理235.4.3 公告管理245.4.4 評論管理256.系統(tǒng)測試256.1 前臺首頁的測試256.2 用戶注冊模塊

7、的測試266.3 商品管理模塊的測試267.結束語27參考文獻281. 緒論1.1 課題背景計算機Internet的興起改變這個社會的商品貿易性質，我國一些企業(yè)從上世紀崛起。但是，因為電子商務前進的制度環(huán)境欠缺，對此制約的法律不完善，信用體系待加強引起的一系列問題，對電子商務的前進有了一定程度的阻礙。 從2000年以后，社會的一步步的前進，網絡交易中各種瓶頸的制約因素一個接一個地被打破，企業(yè)的擴散也增加了對電子商務的影響。自2006年以來，我國的電子商務發(fā)展很快，其市場的交易規(guī)模從2006年的1.5億元突增到2013年的9.7億元，達到30%的年均復合增長率。網上交易和實體經濟越來越密切的結合

8、，不斷滲透在我國工業(yè)、農業(yè)、商務貿流、旅游和零售消費等多個范疇。其支撐體系，例如：物流配送、電子支付也在逐步擴大。按照iResarch中國網購市場數據可知，2016年第三季度中國網購市場交易額達1.15萬億元，與上一年相比，企業(yè)規(guī)模有了很大幅度的增長，并且繼續(xù)保持平穩(wěn)增長態(tài)勢。國家統(tǒng)計局發(fā)布的數據顯示，同年第三季度我國消費品零售總額達到8.2萬億元，網上購物在總額中所占的比例比去年同期增長13.9，漲幅為1.5個百分點。概言之，中國電子商務發(fā)展勢頭良好，呈上升趨勢，設計本系統(tǒng)是有必要且明智之舉。1.2 目的和意義網上購物和傳統(tǒng)購物相比有許多優(yōu)點：1.方便搜索在線銷售可使用各種檢索方式，從分類、

9、銷售排名、新貨等準確。2.海量信息較傳統(tǒng)購物而言，網上購物系統(tǒng)擁有大量商品信息供買家選擇。3.成本低，風險小，無地域限制對商家而言，在線購物打破了傳統(tǒng)購物的時間局限性，使客戶群更加壯大，增加了商品的銷路和銷量，并省去了實際店鋪所產生的花銷。對買家而言，可隨時隨地購物，足不出戶收攬世界各地美食美物。2.相關技術介紹2.1 SSH框架SSH是用于構建靈便，易于擴展的多層Web應用程序的多個框架（struts + spring + hibernate）的集成。在組合SSH框架中，三者各司其職：Struts是一個非常流行的MVC框架，縮短了應用程序開發(fā)所需要的時間，擁有很強大的攔截機制，Servlet

10、和JSP是它的主要核心。當使用Struts 的MVC模式，就可以有一個清晰的邏輯，并可以削弱業(yè)務邏輯接口和數據接口的結合，視圖層豐富的變化，使程序結構化；Spring在框架中充當著一個容器的角色，維護著各層次之間的關系。Spring具有IoC容器、輕量、AOP、促進其他框架、面向接口等特性。這些特征避免了每次都要手動開啟事務，提交事務的重復代碼，使開發(fā)邏輯更加清晰、更容易管理。Hibernate是開放源碼的對象關系映射框架。JDBC訪問數據庫的代碼被其封裝，數據訪問層復雜的重復性代碼因為Hibernate而被強有力的簡化了。具有較強的移植性，適合各類數據庫，不會改變繁瑣的代碼，只需變換配置就可

11、以繼續(xù)使用。在SSH框架中，其架構圖如圖2-1所示，對象間的調用流程如圖2-2所示：圖2-1 SSH架構圖圖2-2對象調用流程圖2.2 MySQL數據庫MySQL是一種開源的關系型DBMS，在所有的數據庫管理語言中SQL語言是它使用比較頻繁的一種。MySQL是一個中小型數據庫，與其他數據庫相比，它因所占的內存空間較小，速度快、可靠性較高、擁有較好的適應性而備受關注。本系統(tǒng)對數據庫的要求不是特別高所以使用MySQL數據庫綽綽有余。在本系統(tǒng)設計過程中，運用了MySQL-Front這一款優(yōu)秀的MySQL管理工具，能夠在任何地點對我們的數據庫有效而輕松的進行管理。2.3 B/S結構B/S結構即瀏覽器/

12、服務器模式，該模式具體是這樣的：得到用戶在瀏覽器上向服務器發(fā)出的請求消息，服務器需要處理相關信息并且發(fā)送回服務器。B/S結構源自Web網絡結構模型的開發(fā)。 在B/S模式下，所謂的Web服務軟件和Web應用是至關重要的，Web服務軟件主要是處理用戶對Web應用的請求，并對web應用運行且進行管理，讓客戶的信息請求得到滿足。 因此，系統(tǒng)的開發(fā)需要安裝JSP引擎，在這里用到的是由Apache和Sun公司聯(lián)合開發(fā)的Tomcat服務器。B/S結構的優(yōu)點1具有分布式特點，打破時間空間限制，業(yè)務可以更加方便的被查詢與瀏覽。2業(yè)務易拓展，服務器功能的多少取決于增加頁面的多少。3易維護，只需要更改頁面，即可實現

13、數據更新的同步。4開發(fā)簡單，共享性很好。B/S架構圖如圖2-3所示：圖2-3 B/S架構圖2.4 JSP現如今信息快速發(fā)展，Java已經無處不在。手機軟件、手機游戲、電腦軟件都多多少少的涉及到Java，只要你使用手機、電腦等電子產品，你就會用到跟Java有關的東西。很多涉及到Java的技術都被普遍應用和認可，JSP就是其中的一個。JSP(Java Server Pages)是在服務器上運行的Java視圖技術，可以使用HTML，CSS，JavaScript等客戶端語言編寫模板文本。JSP支持所謂的taglib，它們由Java代碼支持，我們可以通過該代碼動態(tài)控制頁面流或輸出動態(tài)，一個著名的標簽是j

14、stl。JSP還具有內置的servlet代碼，不需要任何外部編譯可以直接運行。JSP的執(zhí)行過程如下：1.客戶端訪問JSP頁面；2.JSP文件被轉變成Servlet源碼；3.Servlet源碼被進行了編譯；4.JSP容器加載編譯后的代碼并運行；5.把執(zhí)行過程響應到客戶端。執(zhí)行過程如圖2-4所示：圖2-4 JSP執(zhí)行過程3.需求分析3.1 可行性分析3.1.1 技術的可行性MyEclipse和MySQL數據庫實現本系統(tǒng)的主要工具，Java語言由于跨平臺、容易掌握被廣泛使用。大三時對Java有了一定程度的學習，大四上學期進行了實習實訓對SSH架構也有了一些認識和掌握，對系統(tǒng)數據庫的實現是主要要做的工

15、作。在校學習期間對軟件分析、測試等也有一定的經歷，實現了本系統(tǒng)在技術上的可行性。3.1.2 操作可行性本系統(tǒng)只需要一臺PC就可以對其進行操作，而且操作方便，不需要太多的專業(yè)計算機方面的知識。根據具體提示就可以容易的執(zhí)行自己想要做的事情，在日期輸入方面采用下拉式日歷，不用再對日期的格式糾結，操作方面具有可行性。3.1.3 法律的可行性本系統(tǒng)是自主設計的購物系統(tǒng)，很有現實意義。大部分用到的開發(fā)工具都是開源的，實現該系統(tǒng)沒有侵權，這在法律上是可行的。概言之，開發(fā)本系統(tǒng)是完全可以的。3.2 用戶用例圖3.2.1 標準用戶用例圖對普通用戶而言使用該系統(tǒng)具體流程如下：未注冊的用戶可以瀏覽商品，查看公告。當

16、需要購買時進行注冊，注冊完成進行登錄。完成上述操作，想變更個人信息很容易，只需進去個人信息就可以對其進行所需的更新。登錄后可選擇商品并進行訂購，把商品加入購物車后去收銀臺結算，提交訂單后獲得訂單后，等待商品的到達。其用例圖如圖3-1所示：圖 3-1 普通用戶用例圖3.2.2 管理員用例圖管理員在這個系統(tǒng)中充當了主要的角色，涉及到的功能模塊主要有以下六部分：如圖3-2所示：圖 3-2 管理員用例圖3.3 系統(tǒng)功能需求1前臺系統(tǒng)功能模塊分為（1）商品展示模塊：通過新貨上架、銷量排名、焦點商品、特價商品等；（2）商品查詢模塊：商品可按類別查詢也可以再搜索框輸入具體名稱；（3）購物車模塊：將商品加入購

17、物車后可以選擇刪除、數目、更新價格、返回繼續(xù)購物、結算等操作；（4）用戶維護模塊：允許使用者注冊、登錄、更改個人消息等；（5）訂單查詢模塊：可以看到歷史訂單以及各個訂單的狀態(tài)、支付金額、時間等信息；（6）公告瀏覽模塊：用戶可及時了解店鋪的活動；（7）評論模塊：對心儀商品進行評價。2后臺系統(tǒng)功能模塊分為（1）商品管理模塊：可查詢商品并對其進行編輯以及添加商品；（2）會員管理模塊：管理員查看注冊用戶信息并對其進行操作；（3）商品類別管理模塊：對商品類別以及其子類做一些所需更改；（4）訂單管理模塊：特權用戶對訂單有關情況進行了解并安排發(fā)貨或者拒絕該交易；（5）公告管理模塊：管理員添加或者發(fā)布有關商城

18、的消息；（6）評論模塊：對買家的評價進行瀏覽并選擇刪除或保留。4.系統(tǒng)設計4.1 系統(tǒng)總體架構設計在設計本系統(tǒng)的時候，要盡量讓人們看清楚，嚴格依照三層構造。JSP主要應用到了表現層，Servlet應用到了中間層，數據的儲存主要運用到了MySQL數據庫。具體的總體構架如圖4-1所示：圖 4-1 系統(tǒng)總體架構 4.2 功能模塊劃分根據所描述的功能需求，本系統(tǒng)能夠完成以下的功能。系統(tǒng)的功能模塊，如圖4-2所示：圖 4-2 功能模塊圖 在本系統(tǒng)中用戶管理模塊涉及到的功能較而言之有些容易。系統(tǒng)使用初期，用戶“b”被設置為系統(tǒng)管理員，是由設計者手動連接到數據庫中的?！癰”可以創(chuàng)建另外的管理者信息，標準用戶

19、自己處理自己所要處理的信息。主要功能如圖4-3所示：圖 4-3 用戶管理功能模塊關系圖4.3 數據庫設計本系統(tǒng)對數據庫的要求不是特別高所以使用MySQL數據庫綽綽有余。在本系統(tǒng)設計過程中，運用了MySQL-Front這一款優(yōu)秀的MySQL管理工具，讓我們的數據庫可以在任何地方被方便的維護和管理。4.3.1 數據分析1用戶注冊、登錄，建立用戶信息數據表是必不可少的，數據項包括用戶聯(lián)系方式、用戶名、密碼、地址等；2查詢商品信息和詳情，不但要對類別進行管理，而且還需對每個商品進行管理，2個數據表是其下限；3下單完成以后要進行訂單管理，包括基本信息和訂單詳情等；4系統(tǒng)需要被管理，管理員信息數據表示需要

20、被建立的，包括管理員信息、密碼等數據項。5買家對商品要給出評價，在該系統(tǒng)建立消息形式是一定要的，包括所要評價信息名稱、日期等。主要創(chuàng)建的數據項與結構如下：Ø 用戶信息：買家ID，買家名等；Ø 管理員信息：管理員ID，密碼等；Ø 商品信息：商品ID，商品名稱、單價等；Ø 商品類別信息：商品類別ID，類別名稱等；Ø 訂單信息：訂單ID，用戶編號，訂貨地址等；Ø 訂單明細信息：訂單ID，商品ID，訂貨時間等；Ø 評價信息：評價標題，評價日期，評價內容等。4.3.2 數據庫的詳細設計對數據進行分析后，將該購物系統(tǒng)的數據庫命名為db_

21、snaokshop，使用以下幾張表來存儲所需要的數據。1商品信息表在該表中收錄了所有商品的一些信息。如表4-1所示：表4-1商品信息表2.商品類別信息表對商品進行歸類存放，讓買家更容易找到所需要的貨品，賣家對商品也方便管理。如表4-2所示：表4-2商品類別表3.訂單信息表此表用于記錄用戶下單情況，讓用戶便于查看商品訂單情況也為admin發(fā)貨給了一定的數據支持。如表4-3所示：表4-3 訂單表4訂單明細信息表買家購買商品后，形成一個商品獨有的訂單號，在這訂單中包含買家購買商品的具體數量和規(guī)格等內容，賣家主要根據訂單信息為買家安排發(fā)貨的。如表4-4所示：表4-4訂單詳情表5用戶信息表表中主要記錄了

22、用戶的ID、名稱、住址等信息，方便買家對自己的信息進行修改，賣家對購物者的具體信息進行管理。如表4-5所示：表4-5用戶信息5.系統(tǒng)實現5.1 開發(fā)環(huán)境的搭建5.1.1 Windows8系統(tǒng)下所用軟件（1）jdk1.7.0_17（2）mysql-5-winx64（3）MySQL-Front（4）apache-tomcat-7.0.6（5）MyEclipse 8.55.1.2 環(huán)境搭建（1）JDK環(huán)境變量配置第一、在Sun官網免費獲取JDK安裝程序，并點擊安裝。第二，JDK安裝完成，配置環(huán)境變量。點擊“設置”>“電腦信息”> “高級系統(tǒng)設置”，選擇“高級”，點擊“環(huán)境變量”的按鈕。打

23、開系統(tǒng)變量，點擊“新建”，添加名為Java_Home的變量名；變量值輸入C:Program FilesJavajdk1.7.0_17，點擊確定。同上新建一個變量名為：classpath，值為：.;%Java_Home%lib;%Java_Home%libtools.jar的變量，點擊確定。點擊Path變量，點擊“編輯”，在變量值中添加：%Java-home%bin;%Java_Home%jre7bin;，點擊確定。 （2）安裝myeclipse8.5。雙擊exe文件，選擇路徑，根據提示逐步安裝。（3）添加Struts和Hibernate。右擊“工程”->“Build Path”->

24、“Configure Build Path”找到所需要的Struts2和Hibernate包進行添加。（4）安裝mysql-5-winx64。點擊exe文件行安裝，安裝完畢后，需要如下操作來測試是否安裝成功。 在命令行輸入mysql -uroot p123(-u后面為用戶名，-p后為數據庫密碼)，若顯示如圖5-1所示效果，則MySQL安裝成功。圖5-1 測試MySQL安裝成功（5）安裝MySQL-Front軟件。該軟件是一款優(yōu)秀的MySQL數據庫的管理工具，在MySQL-Front官網或者華軍軟件園下載后，雙擊下載的exe文件，按照相應提示安裝即可。5.2 系統(tǒng)首頁設計本購物商城的主界面設計如

25、圖5-2所示，進入該頁面可了解到網站主要功能，左上部分為用戶注冊、登錄；公告瀏覽、商品查詢、銷量排行處于右部分，主要是為方便用戶了解和購買商品。 圖5-2系統(tǒng)首頁5.3 前臺基本功能的設計5.3.1 用戶維護使用本系統(tǒng)的用戶提供的信息要可靠并且需要安全管理，所以用戶管理在網購系統(tǒng)設計中具有重要的意義。該模塊涉及到的功能如下：1注冊（1）實現目標用戶注冊需要對密碼進行輸入、確認并填寫真實的個人信息如：姓名、地址、郵箱等。用戶只需按照所需填寫即可。郵箱雖然不是必不可少的，但是設置這樣一個東西有以下好處：第一，用戶的郵箱很大程度比其他聯(lián)系方式固定并且是唯一的；第二，通過用戶的e-mail可以更方便的

26、聯(lián)系。在注冊時，提示不符合規(guī)矩，則需重新填寫。成功注冊后的信息會在后臺數據庫中存儲。界面的設計如圖5-3所示。 圖5-3用戶注冊模塊表5-1用戶注冊表 2登錄（1）對用戶登錄主要流程描述用戶登錄要對其輸入的信息進行校驗，如果之前有注冊，登錄成功。相反，如果用戶未注冊，提示相應導致無法登入的信息。用戶登錄過程的流程圖如圖5-4所示。圖5-4用戶登錄流程圖用戶登錄界面如圖5-5所示：圖5-5用戶登錄模塊表5-2用戶登錄表 3用戶修改（1）實現目標登入系統(tǒng)后，主界面會有“個人信息”模塊，點擊此處查看個人信息。在該界面可以對自己所注冊信息進行查看，若要進行更改，點擊“修改個人信息”就可以對不滿意信息進

27、行更改，若不需要做任何變動，點擊“返回主頁”就可以繼續(xù)購物。修改個人信息界面如圖5-6所示：圖5-6用戶修改模塊表5-3修改個人信息表5.3.2 商品展示1實現目標貨品在界面上以不同的方式展現給買家。第一：將所有產品進行分類，每一類中又有其子類，將產品詳細的劃分，讓買家更加方面的找到自己的所需；第二：分別從銷量、評價、價格、上架時間四個角度把產品劃分為熱銷商品、焦點商品、特價商品及新品上架，讓買家從另一個角度了解到產品的好壞以及是否值得入手。其界面設計如圖5-7所示：圖 5-7 商品展示界面2實現過程所在頁面名稱：index.jsp通過查詢相應表，按銷售額字段升序排列實現。5.3.3 購物車1

28、購物車程序流程描述用戶將商品添加到購物車，點擊進入購物車后，可對商品進行數量的修改，滿意后更新價格，進入結算中心結賬或者返回繼續(xù)購物，最后一起結算。當用戶決定不買商品時，對購物車清空后繼續(xù)返回購物。其流程圖如圖5-8所示：圖5-8購物車程序流程圖 界面的設計如圖5-9所示：圖5-9購物車模塊5.4 后臺管理的設計5.4.1 訂單管理1實現目標在該模塊中管理員可以了解用戶下單的具體情況。在與倉庫核實后若有庫存，根據詳細信息聯(lián)系倉庫進行發(fā)貨，發(fā)貨后點擊“發(fā)貨”告知用戶；如果倉庫沒貨，及時聯(lián)系買家并刪除訂單。該界面如圖5-10所示的設計：圖5-10訂單管理模塊5.4.2 商品管理1實現目標商品可以被

29、管理員進行刪除、修改等操作，在搜索框查詢具體要編輯的商品后點擊“修改”就可以進行上述操作，根據相應商品對其添加圖片。如圖5-11所示的設計：圖5-11商品管理模塊5.4.3 公告管理1實現目標建立該模塊讓商家可以在自己的系統(tǒng)平臺上為所銷售的物品打廣告，買家進入商城主頁后也可以第一時間了解商品的實時資訊。該界面如圖5-12所示的設計：圖5-12公告管理模塊5.4.4 評論管理1實現目標用戶對商品以及商城的建議和意見在后臺顯示，讓管理員查看，對自家服務和商品的優(yōu)劣有所了解，根據用戶的評價規(guī)劃商城以后的發(fā)展以及商品的更替。該界面如圖5-13所示：圖5-13 評論管理模塊6.系統(tǒng)測試6.1 前臺首頁的

30、測試1查詢模塊測試點開系統(tǒng)首頁，然后在搜索框的右上方輸入查詢的全名，搜索貨物將單獨顯示，通過對系統(tǒng)進行大量測試，模塊成功 。2商品分類模塊測試測試過程是點擊左邊的頁面的商品類別，鼠標移動到一個商品類別，會彈出其子類別，選擇不同的子類別會顯示不同種類的商品，反復測試后該模塊無誤。6.2 用戶注冊模塊的測試在用戶注冊界面所有前面加“*”的都是必須填寫的，“出生年月”、“聯(lián)系方式”等無法知曉真假的不加入測試中。必要的測試準備的數據有：打開注冊頁面，輸入第一組數據，單擊注冊按鈕，系統(tǒng)提示表單信息不能為空，這組數據中真實姓名為Null。 然后測試第二組數據，因為密碼前后不一致而無法注冊。把第三組數據輸入

31、后，可以注冊成功，故通過。6.3 商品管理模塊的測試 1商品添加點擊“商品管理”，接著點擊“添加商品”會出現所屬子類別、名稱、單價、庫存、商品簡介等需要填寫的部分圖片，類別是通過下拉列表框選擇。所有內容填寫成功后點擊“提交”就可以在上一層界面看見所添加商品的詳情（此時沒有商品圖片）。點擊“上傳圖片”，就可以傳對應物品圖片，經多次商品的添加均成功。 2商品刪除通過點擊“刪除”對商品進行刪除操作，檢查表中是否還有此記錄，若無則刪除信息成功。3商品修改 點擊“修改”，在跳出的頁面對一些商品的產品編號、所屬類別、名稱、單價、庫存、內容簡介進行修改，經多次修改，“商品管理”中均出現修改后商品的信息。 經過多次多方面的測試，均無誤，該系統(tǒng)已經正確地實現了用戶的需求，可以投入使用中。7.結束語 通過長時間的學習和探索，完成了本科畢業(yè)設計