1、 . 河 北 工 程 大 學2016屆本 科 生 畢 業 論 文(設計)題 目：基于WEB的小型電子商務系統設計與實現學生：單身的小灰灰思密達學生學號：120340201指導教師：曉峰院系：經濟管理學院專業班級：信息管理與信息系統1202班完成時間：2016年 5月 30 日32 / 38摘 要隨著越來越多的像“雙十一”、“雙十二”、“京東815”等等的特殊的日子被擁有著龐大消費者的網絡商城所挖掘出來，越來越多的消費者也將目光從實體店轉移到了網絡電商的方向，而在剛剛過去的2015年的“雙十一中”，僅在當天，阿里巴巴旗下各平臺總交易額達到了前所未有的912億元，從這里可以看出，網絡的發展，消費者

2、用戶群的消費能力的增加，使得電子商務網占在未來所擁有的能量超乎想象。本文所闡述的對小型電子商務系統的設計與實現就是由此而形成的。本系統的主要目標是實現用戶通過本購買商品，訂單的處理、付款，并完成商品的收貨與評價。并通過后臺實現用戶、管理員的管理，以與商品，訂單，地址，權限等在后臺的管理等功能。基本實現了用戶購買商品的功能與流程。首先，本文簡單介紹了選題背景、國外電子商城的現狀，以與目前對應的問題。對實現本系統所需要的技術以與為本系統設計的數據庫進行簡要描述，并介紹開發本系統中所需要的開發語言、工具、開發環境、框架、所需軟件等。并對本系統進行需求分析，以與詳細闡述本系統的各個模塊設計、代碼設計、

3、數據庫設計、運行環境的搭建、系統實現與運行測試結果。關 鍵 詞：電子商務； ThinkPhp 框架； MySQL； MVC 模式；JavascriptAccording To WEB Small Scaled Electronic Commerce System Design And RealizationAbstractAlong with more and more be like the special day of "double 11", "double 12", and"the east of city 815".etc.

4、 be owned a huge consumer of network company city scoop out, more and more consumers also transfer vision from the entity store to network electricity the company's direction, but at just"double 11 in" in past 2015, only on that very day, in Ba Ba underneath each platform always traded

5、 a sum to come to an unprecedented 91,200,000,000 dollars, could see from here, the development of network, the increment of consumption ability of the consumer customerses, make the electronic commerce net have in the future own of the energy is more than an imagination.Design and realization of ri

6、ghtness small scaled system in the electronic commerce website elaborated by this text be from here but formation of.The main target of this system is to carry out a customer to purchase a merchandise through this website, the processing, payment of the order, and complete accepting of merchandise g

7、oods and evaluation bine and pass the management that the backstage carries out a customer, managing person, and merchandise, order, address, the functions like management,etcs in backstage like legal power,etc.It was basic to carry out a customer to purchase the function and process of merchandise.

8、First, this text in brief introduced to choose the present condition of background, domestic and international electronics company's city, and currently to should of problem.To realization originally the technique needed by system and carry on a synopsis description for the database of this syst

9、em design, and introduce and develop this system in need of development language, tool, develop environment, frame and the software needed etc. bine carry on need analysis to this system, and elaborates building of each mold piece design, code design, database design of this system, movement environ

10、ment, system to carry out and circulates a test in detail result.Keywords： Electronic commerce website;ThinkPhpframe;MySQL;MVC mode; Javascript目 錄摘 要I第1章 緒論11.1 選題背景11.2 本文所做的主要工作1第2章 開發環境、相關技術與相關工具概述22.1 .ThinkPHP框架介紹22.2 MVC設計邏輯簡介22.3 MySQL數據庫22.4WampServer 3環境簡介32.5 Navicat工具簡介32.6JavaScript簡介32.

11、7 PHP語言簡介3第3章 系統分析43.1 可行性分析43.2 需求分析4第4章 系統設計64.1 數據庫設計64.2 各功能模塊界面和代碼設計124.3 運行環境設計與硬件需求20第5章 項目系統的實現與運行測試225.1 系統的實現225.2 系統運行測試與結果225.3 運行結果分析26總 結27參考文獻28致 29第1章 緒論1.1 選題背景近年來，伴隨著互聯網技術的迅速發展，網絡早已經成為現代人日常生活中不可或缺的部分。而阿里、京東、寧、唯品會等等大型電商的崛起，中國消費者數量的增長，生活節奏的加快，網絡購買的便捷，使得電子商務逐漸成為了越來越多消費者購物的第一選擇。當前中國電子商

12、務仍然保持快速增長態勢，潛力巨大，企業、行業信息化快速發展，為加快電子商務應用提供了堅實的基礎。電子商務服務業迅猛發展。另外，如快遞行業這種對電子商務的輔助型行業，從快遞行業出現發展到今天，快遞行業已形成功能完善的業態體系。并且在電商推動快遞行業發展的同時，快遞行業也相應的促進了電商行業的發展。而由此也就確定了本次畢業設計的定題方向，即小型電子商務建設，本設計以蘑菇街商城為模板，將整個分解為20個模塊，通過ThinkPhp框架與MVC模式實現整個從客戶的登錄注冊、購物、下訂單、支付、收貨、評論的主要購物流程。通過JavaScript實現輪播圖、頁面詳情放大鏡等功并實現后臺對用戶的管理、商品管理

13、、訂單管理，商品類別管理、配置、友情、輪播圖管理、評論模塊等幾大模塊。1.2 本文所做的主要工作1. 首先介紹開發工具（包括前臺設計和數據庫設計所用工具）與運行環境的相關知識，包括ThinkPHP框架、MVC設計邏輯、WampServer環境、MySQL數據庫、JavaScript等；2. 進行需求與可行性的分析，并描繪出系統大致的業務關系和數據流程圖；另外以進行需求分析為基礎，導出系統的實體關系模型圖(E-R圖)，并展示MySQL數據庫中所涉與表的表結構圖。3. 對本系統前后臺操作頁面進行詳細分析，以圖片演示為主，代碼詳情展示為輔，將整個系統設計以簡潔明了的方式展示出來，4. 在對系統進行詳

14、細設計后，就可以對系統進行實施和運行；最后總結了本系統的特點，并提出一些需要完善的方面。第2章 開發環境、相關技術與相關工具概述2.1 .ThinkPHP框架介紹ThinkPHP是一個快速、兼容而且簡單的輕量級國產PHP開發框架， ThinkPHP可以支持windows/Unix/Linux等服務器環境，正式版需要PHP5.0以上版本支持，支持MySql、PgSQL、Sqlite多種數據庫以與PDO擴展。作為一個整體開發解決方案，ThinkPHP能夠解決應用開發中的大多數需要，因為其自身包含了底層架構、兼容處理、基類庫、數據庫訪問層、模板引擎、緩存機制、插件機制、角色認證、表單處理等常用的組件

15、，并且對于跨版本、跨平臺和跨數據庫移植都比較方便。2.2 MVC設計邏輯簡介MVC全名是Model View Controller，是模型(model)視圖(view)控制器(controller)的縮寫，一種軟件設計典，用一種業務邏輯、數據、界面 顯示分離的方法組織代碼，將業務邏輯聚集到一個部件里面，在改進和個性化定制界面與用戶交互的同時，不需要重新編寫業務邏輯。ThinkPhp中的MVC：模型（M）：模型的定義由Model類來完成。Model類位于項目目錄下面的LibModel目錄。視圖（V）：模板的實現是和框架無關的，做到了100%分離，可以獨立預覽和制作。控制器（C）：應用控制器，承擔

16、了控制器的角色，負責調度控制。2.3 MySQL數據庫MySQL是一個關系型數據庫管理系統關聯數據庫將數據保存在不同的表中，而不是將所有數據放在一個大倉庫，這樣就增加了速度并提高了靈活性。MySQL所使用的 SQL 語言是用于訪問數據庫的最常用標準化語言。由于MySQL體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，一般中小型的開發都選擇 MySQL 作為數據庫。2.4WampServer 3環境簡介WampServer是一款Apache Web服務器、PHP解釋器以與MySQL數據庫的整合軟件包。在windows下將 Apache+PHP+Mysql 集成環境，擁有簡單的圖形和菜單安

17、裝和配置環境。這個軟件是完全免費的，可以在其官方下載到最新的版本。2.5 Navicat工具簡介Navicat是一套快速、可靠數據庫管理工具，專為簡化數據庫的管理與降低系統管理成本而設。它的設計符合數據庫管理員、開發人員與中小企業的需要。Navicat 是以直覺化的圖形用戶界面而建的，讓你可以以安全并且簡單的方式創建、組織、訪問并共用信息。Navicat 讓你可以以安全且簡單的方法創建、組織、訪問和共享信息。2.6JavaScript簡介JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用

18、于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。2.7 PHP語言簡介PHP(Hypertext Preprocessor縮寫)超級文本預處理器。是一種在服務器端執行的嵌入HTML文檔的腳本語言。是目前主流的開發語言（ B/S結構）。支持幾乎所有主流的數據庫以與操作系統 開放源代碼.獨立于操作系統，可以運行在幾乎所有系統中.支持大部分的服務器，如apache,IIS。支持大量的數據庫，可以創建圖象等一些其他功能。第3章 系統分析3.1 可行性分析3.1.1經濟可行性由于本項目由我個人獨自設計、開發，本項目在人員方面沒有更大需求，而

19、且本項目不需要設備等其他額外開支，另外，本項目所用軟件都是開源軟件，即在軟件方面也沒有更多的支出，所以本項目在經濟方面是完全可行的。并且，本項目在最終可應用于任意聯網的計算機上，具有較高的經濟可行性。3.1.2技術可行性 本項目所采用的開發語言是PHP，采用B/S結構設計，數據庫為MySQL，ThinkPHP框架，WampServer Version 3.0.0環境。另外，LAMP(Linux- Apache-MySQL-PHP)架構是國際上成熟的架構框架，很多流行的商業應用都是采取這個架構，和 Java/J2EE架構相比，LAMP具有Web資源豐富、輕量、快速開發等特點，與微軟的.

20、NET架構相比，LAMP具有通用、跨平臺、高性能、低價格的優勢。因此，LAMP無論是性能、質量還是價格都是企業搭建的首選平臺。在本項目的技術層面上，舍棄了LAMP（Linux，Apache，MySQL，PHP）中的Linux，將項目放在Windows環境下進行設計，使得項目中需要的軟件更容易操作。完全保證了技術的可行性。3.2 需求分析3.2.1需求功能分析 根據電子商務的基本需求，本系統分為前臺部分和后臺部分，共計二十個模塊，其中實現基本商城運作模塊十四個，擴展模塊六個。前臺部分包括用戶注冊登錄、輪播圖與搜索分類、商品列表頁、商品詳情、個人中心、客服、購物車、商品推薦、下單支付、商

21、品評價這十大模塊。后臺部分主要包括了前臺用戶管理、管理員管理、商品信息管理、商品類別管理、評論管理、訂單管理、權限管理、輪播圖管理、友情、配置共十大模塊。其中，實現基本商城運作的模塊分別是：前臺，用戶注冊登錄、商品列表頁、商品詳情、個人中心、客服、購物車、下單支付、商品評價；后臺，前臺用戶管理、管理員管理、商品類別管理、商品信息管理、訂單管理、評論管理；這些模塊會在之后著重說明。 項目系統主要功能模塊圖如下圖所示：圖3·1系統功能模塊圖3.2.2用戶的需求分析用戶的具體需求有如下幾點： （1） 用戶點擊注冊按鈕，注冊成為商城會員。（2） 用戶登錄商城，通過商品列表頁與商品詳

22、情頁瀏覽商城商品信息。 （3）用戶可以在個人中心修改自己的個人信息，如頭像、密碼、昵稱、性別等，設置收件地址信息，查詢訂單，已發貨、未發貨、已收貨、退換貨等。（4）用戶選擇商品加入購物車后，可以對已選的商品進行更改數量、刪除商品、提交訂單等選擇。 （5）用戶確定訂單后，可以點擊提交訂單并跳轉支付界面，并在個人中心查詢訂單。（6）用戶確認收貨后，可以點擊評價并跳轉評價界面，評價將顯示在商品詳情頁的評論中。（7）用戶在下單完成后，可以在個人中心的訂單中心里選擇取消訂單。在確認收貨后，需要售后時，可在個人中心的訂單中心頁面選擇退換貨。第4章 系統設計4.1 數據庫設計4.1.1數

23、據庫設計概述數據庫是本項目除前后臺外的另一個重要的組成部分，數據庫的設計決定了商城運作的流暢與否。一個好的數據結構設計不但會減少數據庫的存儲量，還會使數據的完整性和一致性比較高，系統具有較快的響應速度，也相應的簡化了基于該數據庫的項目的實現的復雜程度。4.1.2 數據庫詳細設計（1）總數據流程圖圖4·1總數據流程圖(2) 系統E-R圖1管理員管理用戶用戶商品信息1n 用戶訂單訂單信息n1管理 管理員商品類別n評論商品評論輪播圖友情鏈接 圖 4·2系統E-R圖(3) 數據庫信息表本項目采用MySQL數據庫系統來開發后臺數據庫，建立了較多的數據庫表，其中重要的數據表共有12個，

24、包括后臺管理員表sunny_admin，前臺用戶表sunny_user，用戶信息表sunny_user_detail，用戶地址信息表sunny_address，商品表sunny_goods，商品分類表sunny_type，商品評論表sunny_goods_comment，購物車表sunny_shoplist，訂單表sunny_order，訂單狀態表sunny_order_status，配置表sunny_webconfig，管理員權限表sunny_role，以與管理員權限節點表sunny_node。Sunny_sdmin（后臺管理員信息表）如表4·1所示。其中Id編號自增，管理員等級默

25、認為1，1為普通管理員，2為超級管理員。管理員名稱默認為空，管理員賬戶唯一。表4·1 后臺管理員信息表字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes編號NameVarchar255NoNo賬號UsernameVarchar255NoNo名稱Passchar32NoNo密碼LevelTinyint5NoNo等級Sunny_user （前臺用戶表） 如表4·2所示。其中Id編號自增，用戶賬號唯一，用戶昵稱默認為“新蘑菇”，用戶頭像默認為“Public/Admin/images/default.jpg”，用戶狀態默認為1,1為開啟，0為拉黑。表4·2

26、前臺用戶信息表字段名數據類型長 度允許空值主 鍵描述IdInt 10NoYes編號PhoneInt11NoNo用戶賬戶NicknameVarchar255NoNo用戶昵稱UserpicVarchar255NoNo用戶頭像PassChar32NoNo用戶密碼StatusTinyint4NoNo狀態Sunny_user_detail（前臺用戶信息表）如表4·3所示。其中Id編號自增，性別默認為w,并固定在m和w中選擇，m是男士，w為女士。等級默認為0，0為普通會員，1為高級會員，2為超級會員。表4·3前臺用戶信息表字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes

27、編號UidInt11NoNo用戶IDSexEnumw，mNoNo性別GoldInt10NoNo金幣EmailVarchar40NoNoLevelTinyint5NoNo等級Sunny_goods（商品詳情表）如表4·4所示。其中Id編號自增，商品狀態默認為1，1為上架狀態，2為下架狀態,商品原價與現價在限制在小數點后兩位。字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes編號GoodsnameVarchar255NoNo商品名GoodspicVarchar255NoNo商品圖片GoodspriceFloat10.00NoNo商品原價GoodsnumInt11NoNo庫存

28、PriceFloat10.00NoNo商品現價TidInt11NoNo分類idStatusTinyint4NoNo狀態DesVarchar255NoNo商品描述BidTinyint4NoNo商品類型表4·4前臺用戶信息表Sunny_type（商品分類表）如表4·5所示。其中Id編號自增，分類名唯一。字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes編號TypenameVarchar255NoNo分類名稱PidInt11NoNo父級idPathVarchar255NoNo父級路徑表4·5 商品分類表Sunny_address（用戶地址表）如表4

29、3;6所示。其中Id編號自增。字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes編號uidInt11NoNo用戶idNameVarchar255NoNo收貨人PostcodeChar6NoNoStreetText255NoNo詳細地址Phonebigint20NoNo手機號StatusInt4NoNo狀態表4·6 用戶地址表Sunny_goods_comment（商品評論表）如表4·7所示。其中Id編號自增，評論總計和評論時間默認為空。字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes編號GidInt11NoNo商品idUidInt11NoNo用

30、戶idCountInt11No評論總計ContentTextYesNo評論容PosttimeVarchar255No評論時間ReplycontentTextYesNo回復容ReplytimeVarchar255YesNo回復時間OrdernumVarchar255YesNo訂單號表4·7 商品評論表Sunny_shoplist（購物車表）如表4·8所示。其中Id編號自增。字段名數據類型長 度允許空值主 鍵描述IdInt 4NoYes編號UidInt4NoNo用戶idGidInt4NoNo商品idNumInt4NoNo商品數量GoodsnameVarchar255NoNo商品

31、名稱GoodspicVarchar255NoNo商品圖片PriceFloat10.00NoNo商品現價表4·8 購物車表Sunny_order（訂單表）如表4·9所示。其中Id編號自增，分類名唯一。字段名數據類型長 度允許空值主 鍵描述IdInt 4NoYes編號UidInt4NoNo用戶idOrderumVarchar255NoNo訂單號LinknumChar255NoNo收貨人AddtimeChar255NoNo購買時間AddressChar255NoNo收貨地址StreettextYesNo街道PhoneInt11NoNo聯系TotalpriceInt255NoNo總

32、價表4·9 訂單表Sunny_order_status（訂單狀態表）如表4·10所示。其中Id編號自增，訂單狀態默認為0，0為未發貨，1為已發貨，2為已收貨等。字段名數據類型長 度允許空值主 鍵描述IdInt 4NoYes編號OrdernumVarchar255NoNo訂單號StatusInt4NoNo訂單狀態表4·10 訂單狀態表Sunny_webconfig（配置表）如表4·11所示。其中Id編號自增，狀態默認為1,1為開啟，0為關閉。字段名數據類型長 度允許空值主 鍵描述IdInt 11NoYes編號WebnameVarchar255NoNo名稱L

33、ogoVarchar255NoNologoKeywordsVarchar255NoNo關鍵詞DescriptionVarchar255NoNo描述StatusTinyint4NoNo狀態表4·11 配置表Sunny_role（管理員權限表）如表4·12所示。其中Id編號自增。字段名數據類型長 度允許空值主 鍵描述IdSmallint6NoYes編號NameVarchar20NoNo管理員名稱StatusTinyint1NoNo等級RemarkVarchar255NoNo描述表4·12 管理員權限表Sunny_node（管理員權限節點表）如表4·13所示。

34、其中Id編號自增，狀態默認未0，0為禁止，1為開啟。字段名數據類型長 度允許空值主 鍵描述IdSmallint6NoYes編號NameVarchar20NoNo名稱MnameVarchar50NoNo控制器名AnameVarchar50NoNo父方法名StatusTinyint1NoNo狀態表4·13 管理員權限節點表4.2 各功能模塊界面和代碼設計 在本項目的功能模塊界面以與實現功能的代碼的設計中，前臺界面的頁面，參照蘑菇街商城官網的設計，并用JavaScript實現頁面的輪播圖，以與在購物車界面的全選，反選功能。用HTML和CSS使頁面達到與蘑菇街商城官網近似的程度。通過PHP獲

35、取數據庫中的表的信息，并反饋到頁面當中。功能界面的設計也關系到本項目的電子商務最終的是否能夠得到用戶認同的重要部分，4.2.1 前臺界面前臺的界面主要包括用戶注冊，用戶登錄，商品總覽，商品詳情查看，加入購物車，提交訂單等模塊。（1) 用戶注冊：用戶注冊主要實現了只有先注冊成會員并登陸后的用戶才能夠通過本購買他們所想要購買的商品的功能。用戶注冊即為注冊功能模塊。用戶注冊后的信息將存儲在數據庫的sunny_user表中，用戶注冊需要的信息包括用戶名（與昵稱不同），登錄密碼，其他功能如：用戶性別，用戶昵稱，用戶，用戶地址，等信息將會在個人中心由用戶設置。用戶注冊的頁面效果圖如圖4·1 圖4

36、·1用戶注冊(2) 用戶登錄：用戶登錄是在注冊后進入本商城并享受購物的必備步驟，用戶登錄時必須輸入在注冊中設置的用戶名和用戶密碼，然后點擊登錄按鈕，網頁就會提交用戶輸入的用戶名和密碼并帶入到數據庫中進行驗證，如果用戶名與用戶密碼輸入正確，即可進入開始購物之旅，如果驗證失敗，將返回登錄頁面，并提示“用戶名或密碼”不正確，等到用戶將正確的用戶名和用戶密碼提交之后用戶才可以進入。用戶登陸的效果圖如圖4·2圖4·2用戶登錄（3） 商品展示：商品展示功能包括同類型商品的展示，通過查詢數據庫中的商品詳情表sunny_goods，在展示列表頁顯示所有商品的商品名、商品圖片、商品

37、價格等。并在商品展示列表頁下方有分頁設計。商品列表展示頁面效果圖如圖4·3、圖4·4圖4·3商品列表頁（1）圖4·4商品列表頁（2）（4） 商品詳情頁：詳情頁實現了用戶查看商品的詳細信息，并加入購物車的流程，在商品詳情頁中，會顯示商品表中的商品名稱、商品圖片、商品描述、商品庫存、商品分類等。商品詳情表中還會通過JavaScript實現放大鏡的效果。商品的詳情頁頁面效果圖如圖4·5、圖4·6圖4·5商品詳情頁面（1）圖4·6商品詳情頁面（2）（5）購物車：購車實現了用戶當前有購買欲望的商品信息。包括商品的名稱、商品圖

38、片、商品描述、商品單價、購買數量、商品小計與購物車商品操作等信息，用戶可以在本頁面修改購物車中的商品數量或刪除購物車的物品，然后即可下單。購物車的頁面效果圖如圖4·7圖4·7購物車界面4.3.2后臺模塊界面 本系統后臺模塊界面包括：管理員模塊、用戶模塊、商品模塊、訂單模塊、地址模塊、評論模塊、配置等功能模塊。（1）后臺管理員登錄界面：管理員通過這一界面，輸入正確的管理員用戶名和相對應的密碼并填寫正確的驗證碼，才可以登錄成功并進入系統后臺，并系統的管理商城的每一項功能。并在后臺設置了權限管理，由高一級的后臺管理員來負責添加、修改、刪除普通管理員。管理員登錄的頁面如圖4

39、3;8。圖4·8 管理員登錄（2）會員信息管理：前臺用戶的信息管理是后臺的管理員對前臺注冊的用戶進行管理的功能模塊，在本項目中管理員可以對前臺用戶的會員信息進行修改、查看和刪除操作，前臺用戶的會員信息包括會員的頭像、用戶名、email、會員等級、會員等級、會員注冊時間、會員最后登錄時間、會員的注冊IP、會員狀態。在修改方敏對管理員添加一定的限制，管理員只能修改用戶的狀態。會員信息管理的頁面效果圖（包含修改）如圖4·9。圖4·9 會員信息管理（3）后臺管理員信息管理。系統設計師時將后臺與前臺的用戶與管理員分為兩個表添加，而且兩表的結構不同，所以很完美的分開了前臺用戶

40、與后臺管理員之間的聯系。后臺管理員在整個系統中擁有絕對的地位，在管理員模塊中顯示了管理員的賬號、用戶名、狀態和等級。無論是后臺的管理員模塊還是后臺的前臺用戶模塊，都不顯示用戶的密碼，對用戶的賬戶安全也是一種保護。后臺管理員模塊信息的頁面效果如圖4·10。 圖4·10 后臺管理員信息（4）商品模塊。商品信息管理是管理員所銷售商品進行管理的一個重要的功能模塊。該模塊包括商品名稱、商品圖片、商品分類、商品價格、商品庫存、商品狀態以與附加狀態。管理員可通過后臺程序對商品進行添加刪除與修改操作。商品信息管理的頁面效果圖如圖4·11。圖4·11商品信息管理（5）訂單

41、管理模塊：訂單管理模塊也是網絡商城必不可少的一個重要的模塊，管理員可以查看未發貨、已發貨、退換貨與已收貨訂單、并修改訂單的狀態，模塊中主要顯示用戶id、商品id、訂單聯系人、下單時間、訂單地址，、狀態。訂單模塊信息的頁面效果圖如圖4·12圖4·12 訂單模塊界面（6）訂單評價模塊：訂單評價模塊是訂單模塊的一個重要的附屬模塊，管理員可以查看已收貨訂單的最新評價，并挑選評論給予相應的回復。回復模塊顯示用戶ID、商品圖片、商品名、評價容、評價時間、回復容、回復時間。訂單回復模塊信息的頁面效果圖如圖4·13圖4·13 訂單回復界面4.3 運行環境設計與硬件需求本

42、次項目我選擇MySQL數據庫來建立商城的數據庫系統，運用了ThinkpPHP框架，MVC的開發模式，并采用了PHP語言作為開發語言，并結合了HTML、CSS與JavaScript來共同實現整個電子商務的整體。運行環境方面選擇了WampServer Version 3.0.0，代碼編寫工具為Sublime Text3。硬件需求如下表4·9表4·9硬件需求服務器端：CPU：Intel Core i5-4210M 四核CPU 2.6GHz存：4 GB以上硬盤：500G以上客戶端：CPU：AMD 雙核 1.7Hz存：512M以上硬盤：10G以上軟件需求如下表4·10表4&

43、#183;10 軟件需求服務器端：操作系統：Microsoft Windows Win7 旗艦版數據庫：MySQL數據庫開發環境：WampServer Version3.0.0客戶端：操作系統：Window Xp Professional瀏覽器：火狐、谷歌瀏覽器第5章 項目系統的實現與運行測試5.1 系統的實現系統實現與否取決于系統設計成果能否進過一系列的檢測，而消除了所有的bug之后的系統方能稱作是一個已經成功的系統。檢測的各種情況都會影響到整個系統的走向。 本項目系統實現主要體現在數據庫的創建以與系統前后臺的各功能模塊的實現。首先是通過NAVIcat在MySQL上創建數據庫文件sunny，

44、并向sunny數據庫匯總添加項目所需要的數據表。系統前后臺功能模塊的實現主要通過創建界面與調試代碼。5.2 系統運行測試與結果（1） 加入購物車進入商品的詳情頁后選擇商品數量，點擊“加入購物車”，即出現下圖所示購物車界面：圖5.1 加入購物車界面（2） 提交訂單在購物車詳情頁選中商品，點擊“去付款”，即出現下圖所示訂單提交界面：圖5.2 提交訂單界面（3） 支付成功提交訂單頁面選中收貨地址，也可添加備注，然后點擊“確認并付款”，付款成功或即出現下圖所示界面：圖5.3 訂單完成界面（4） 查看訂單在支付完成界面選擇點擊“查看訂單”，即出現下圖所示界面：圖5.4 訂單界面（5） 訂單詳情進入訂單頁

45、面后點擊“訂單詳情”，即出現下圖所示界面：圖5.5 訂單詳情界面（6） 后臺轉為已發貨進入商城的后臺找到未發貨訂單，點擊“修改訂單”，將訂單轉為“已發貨”，即出現下圖所示界面：圖5.6 后臺轉發貨界面（7） 前臺用戶確認收貨刷新我的訂單頁面后即可看到訂單狀態已轉為“確認收貨”，即出現下圖所示界面：圖5.7 確認收貨界面（8） 前臺用戶評論在商品的確認收貨界面點擊“確認收貨”，即出現下圖所示界面：圖5.8 訂單轉評價界面（9） 評論提交確認收貨后，點擊“去評論按鈕”，即出現下圖所示界面：圖5.9 評論提交界面（10） 評論提交成功在提交評論界面，輸入對商品的評論 ，并點解評論按鈕提交，然后進入商

46、品的詳情頁面，選擇累計評價，即出現下圖所示界面：圖5.10 評論成功界面5.3運行結果分析通過對購物流程的測試，本商城的基本功能已經達到，用戶可以通過本商城購買物品，并完成購物的一系列流程。但本商城的不足之處仍需完善，如支付功能，如過于倉促的設計使本次的系統所有功能不能夠完全使用，僅實現了蘑菇街商城的部分功能。而且蘑菇街商城原中還有商家入駐的情況，本人在設計中感覺過于困難，所以舍棄掉了商家的入駐，僅有自營商品。總 結在科技越來越發達的今天，網絡以與電子商務的快速發展，信息化程度原來越高，通過網絡在線購買商品成為一種不可或缺的生活購物新方式，越來越多的用戶開始進入網絡購物的潮流中來。電子商務的興起，不僅僅是讓人們的生活更加便捷，也為社會創造出更