WEB的小型電子商務系統(tǒng)設計與實現(xiàn)論文

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

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

3、、數(shù)據(jù)庫設計、運行環(huán)境的搭建、系統(tǒng)實現(xiàn)及運行測試結果。關 鍵 詞：電子商務網(wǎng)站； thinkphp 框架； mysql； mvc 模式；javascripti abstractaccording 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 8

4、15".etc. 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

5、always traded 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 real

6、ization of rightness 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

7、merchandise goods and evaluation.combine 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

8、 of merchandise.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 datab

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

10、, movement environment, system to carry out and circulates a test in detail result.keywords： electronic commerce website; thinkphp frame; mysql; mvc mode; javascriptii 目錄目 錄摘 要i第1章 緒論11.1 選題背景11.2 本文所做的主要工作1第2章 開發(fā)環(huán)境、相關技術及相關工具概述22.1 .thinkphp框架介紹22.2 mvc設計邏輯簡介22.3 mysql數(shù)據(jù)庫22.4 wampserver 3環(huán)境簡介32.5 na

11、vicat工具簡介32.6 javascript簡介32.7 php語言簡介3第3章 系統(tǒng)分析43.1 可行性分析43.2 需求分析4第4章 系統(tǒng)設計64.1 數(shù)據(jù)庫設計64.2 各功能模塊界面和代碼設計124.3 運行環(huán)境設計與硬件需求20第5章 項目系統(tǒng)的實現(xiàn)與運行測試225.1 系統(tǒng)的實現(xiàn)225.2 系統(tǒng)運行測試及結果22 5.3 運行結果分析26總 結27參考文獻28致 謝29河北工程大學畢業(yè)論文第1章 緒論1.1 選題背景近年來，伴隨著互聯(lián)網(wǎng)技術的迅速發(fā)展，網(wǎng)絡早已經(jīng)成為現(xiàn)代人日常生活中不可或缺的部分。而阿里、京東、蘇寧、唯品會等等大型電商網(wǎng)站的崛起，中國消費者數(shù)量的增長，生活節(jié)奏的

12、加快，網(wǎng)絡購買的便捷，使得電子商務網(wǎng)站逐漸成為了越來越多消費者購物的第一選擇。當前中國電子商務仍然保持快速增長態(tài)勢，潛力巨大，企業(yè)、行業(yè)信息化快速發(fā)展，為加快電子商務應用提供了堅實的基礎。電子商務服務業(yè)迅猛發(fā)展。另外，如快遞行業(yè)這種對電子商務的輔助型行業(yè)，從快遞行業(yè)出現(xiàn)發(fā)展到今天，快遞行業(yè)已形成功能完善的業(yè)態(tài)體系。并且在電商推動快遞行業(yè)發(fā)展的同時，快遞行業(yè)也相應的促進了電商行業(yè)的發(fā)展。而由此也就確定了本次畢業(yè)設計的定題方向，即小型電子商務網(wǎng)站建設，本設計以蘑菇街商城為模板，將整個網(wǎng)站分解為20個模塊，通過thinkphp框架及mvc模式實現(xiàn)整個網(wǎng)站從客戶的登錄注冊、購物、下訂單、支付、收貨、評

13、論的主要購物流程。通過javascript實現(xiàn)輪播圖、頁面詳情放大鏡等功并實現(xiàn)后臺對用戶的管理、商品管理、訂單管理，商品類別管理、網(wǎng)站配置、友情鏈接、輪播圖管理、評論模塊等幾大模塊。1.2 本文所做的主要工作1. 首先介紹開發(fā)工具（包括前臺設計和數(shù)據(jù)庫設計所用工具）及運行環(huán)境的相關知識，包括thinkphp框架、mvc設計邏輯、wampserver環(huán)境、mysql數(shù)據(jù)庫、javascript等；2. 進行需求及可行性的分析，并描繪出系統(tǒng)大致的業(yè)務關系和數(shù)據(jù)流程圖；另外以進行需求分析為基礎，導出系統(tǒng)的實體關系模型圖(e-r圖)，并展示mysql數(shù)據(jù)庫中所涉及表的表結構圖。3. 對本系統(tǒng)前后臺操作

14、頁面進行詳細分析，以圖片演示為主，代碼詳情展示為輔，將整個系統(tǒng)設計以簡潔明了的方式展示出來，4. 在對系統(tǒng)進行詳細設計后，就可以對系統(tǒng)進行實施和運行；最后總結了本系統(tǒng)的特點，并提出一些需要完善的方面。第2章 開發(fā)環(huán)境、相關技術及相關工具概述2.1 .thinkphp框架介紹thinkphp是一個快速、兼容而且簡單的輕量級國產php開發(fā)框架， thinkphp可以支持windows/unix/linux等服務器環(huán)境，正式版需要php5.0以上版本支持，支持mysql、pgsql、sqlite多種數(shù)據(jù)庫以及pdo擴展。作為一個整體開發(fā)解決方案，thinkphp能夠解決應用開發(fā)中的大多數(shù)需要，因為其

15、自身包含了底層架構、兼容處理、基類庫、數(shù)據(jù)庫訪問層、模板引擎、緩存機制、插件機制、角色認證、表單處理等常用的組件，并且對于跨版本、跨平臺和跨數(shù)據(jù)庫移植都比較方便。2.2 mvc設計邏輯簡介mvc全名是model view controller，是模型(model)視圖(view)控制器(controller)的縮寫，一種軟件設計典范，用一種業(yè)務邏輯、數(shù)據(jù)、界面 顯示分離的方法組織代碼，將業(yè)務邏輯聚集到一個部件里面，在改進和個性化定制界面及用戶交互的同時，不需要重新編寫業(yè)務邏輯。thinkphp中的mvc：模型（m）：模型的定義由model類來完成。model類位于項目目錄下面的libmodel

16、目錄。視圖（v）：模板的實現(xiàn)是和框架無關的，做到了100%分離，可以獨立預覽和制作?？刂破鳎╟）：應用控制器，承擔了控制器的角色，負責調度控制。2.3 mysql數(shù)據(jù)庫mysql是一個關系型數(shù)據(jù)庫管理系統(tǒng)關聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內，這樣就增加了速度并提高了靈活性。mysql所使用的 sql 語言是用于訪問數(shù)據(jù)庫的最常用標準化語言。由于mysql體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，一般中小型網(wǎng)站的開發(fā)都選擇 mysql 作為網(wǎng)站數(shù)據(jù)庫。2.4 wampserver 3環(huán)境簡介wampserver是一款apache web服務器、php解

17、釋器以及mysql數(shù)據(jù)庫的整合軟件包。在windows下將 apache+php+mysql 集成環(huán)境，擁有簡單的圖形和菜單安裝和配置環(huán)境。這個軟件是完全免費的，可以在其官方網(wǎng)站下載到最新的版本。2.5 navicat工具簡介navicat是一套快速、可靠數(shù)據(jù)庫管理工具，專為簡化數(shù)據(jù)庫的管理及降低系統(tǒng)管理成本而設。它的設計符合數(shù)據(jù)庫管理員、開發(fā)人員及中小企業(yè)的需要。navicat 是以直覺化的圖形用戶界面而建的，讓你可以以安全并且簡單的方式創(chuàng)建、組織、訪問并共用信息。navicat 讓你可以以安全且簡單的方法創(chuàng)建、組織、訪問和共享信息。2.6 javascript簡介javascript一種直

18、譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為javascript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在html（標準通用標記語言下的一個應用）網(wǎng)頁上使用，用來給html網(wǎng)頁增加動態(tài)功能。2.7 php語言簡介php(hypertext preprocessor縮寫)超級文本預處理器。是一種在服務器端執(zhí)行的嵌入html文檔的腳本語言。是目前主流的網(wǎng)站開發(fā)語言（ b/s結構）。支持幾乎所有主流的數(shù)據(jù)庫以及操作系統(tǒng) 開放源代碼.獨立于操作系統(tǒng)，可以運行在幾乎所有系統(tǒng)中.支持大部分的服務器，如apache,iis。支持大量的數(shù)據(jù)庫，可以創(chuàng)建圖

19、象等一些其他功能。第3章 系統(tǒng)分析3.1 可行性分析3.1.1經(jīng)濟可行性由于本項目由我個人獨自設計、開發(fā)，本項目在人員方面沒有更大需求，而且本項目不需要設備等其他額外開支，另外，本項目所用軟件都是開源軟件，即在軟件方面也沒有更多的支出，所以本項目在經(jīng)濟方面是完全可行的。并且，本項目在最終可應用于任意聯(lián)網(wǎng)的計算機上，具有較高的經(jīng)濟可行性。3.1.2技術可行性 本項目所采用的開發(fā)語言是php，采用b/s結構設計，數(shù)據(jù)庫為mysql，thinkphp框架，wampserver version 3.0.0環(huán)境。另外，lamp(linux- apache-mysql-php)網(wǎng)站架構是國際上成

20、熟的架構框架，很多流行的商業(yè)應用都是采取這個架構，和 java/j2ee架構相比，lamp具有web資源豐富、輕量、快速開發(fā)等特點，與微軟的.net架構相比，lamp具有通用、跨平臺、高性能、低價格的優(yōu)勢。因此，lamp無論是性能、質量還是價格都是企業(yè)搭建網(wǎng)站的首選平臺。在本項目的技術層面上，舍棄了lamp（linux，apache，mysql，php）中的linux，將項目放在windows環(huán)境下進行設計，使得項目中需要的軟件更容易操作。完全保證了技術的可行性。3.2 需求分析3.2.1需求功能分析 根據(jù)電子商務網(wǎng)站的基本需求，本系統(tǒng)分為前臺部分和后臺部分，共計二十個模塊，其中實現(xiàn)

21、基本商城運作模塊十四個，擴展模塊六個。前臺部分包括用戶注冊登錄、輪播圖與搜索分類、商品列表頁、商品詳情、個人中心、客服、購物車、商品推薦、下單支付、商品評價這十大模塊。后臺部分主要包括了前臺用戶管理、管理員管理、商品信息管理、商品類別管理、評論管理、訂單管理、權限管理、輪播圖管理、友情鏈接、網(wǎng)站配置共十大模塊。其中，實現(xiàn)基本商城運作的模塊分別是：前臺，用戶注冊登錄、商品列表頁、商品詳情、個人中心、客服、購物車、下單支付、商品評價；后臺，前臺用戶管理、管理員管理、商品類別管理、商品信息管理、訂單管理、評論管理；這些模塊會在之后著重說明。 項目系統(tǒng)主要功能模塊圖如下圖所示：圖3·1系統(tǒng)功

22、能模塊圖3.2.2用戶的需求分析用戶的具體需求有如下幾點： （1） 用戶點擊注冊按鈕，注冊成為商城會員。（2） 用戶登錄商城，通過商品列表頁與商品詳情頁瀏覽商城商品信息。 （3）用戶可以在個人中心修改自己的個人信息，如頭像、密碼、昵稱、性別等，設置收件地址信息，查詢訂單，已發(fā)貨、未發(fā)貨、已收貨、退換貨等。（4）用戶選擇商品加入購物車后，可以對已選的商品進行更改數(shù)量、刪除商品、提交訂單等選擇。 （5）用戶確定訂單后，可以點擊提交訂單并跳轉支付界面，并在個人中心查詢訂單。（6）用戶確認收貨后，可以點擊評價并跳轉評價界面，評價將顯示在商品詳情頁的評論中。（7）用戶在下單

23、完成后，可以在個人中心的訂單中心里選擇取消訂單。在確認收貨后，需要售后時，可在個人中心的訂單中心頁面選擇退換貨。第4章 系統(tǒng)設計4.1 數(shù)據(jù)庫設計4.1.1數(shù)據(jù)庫設計概述數(shù)據(jù)庫是本項目除前后臺外的另一個重要的組成部分，數(shù)據(jù)庫的設計決定了商城運作的流暢與否。一個好的數(shù)據(jù)結構設計不但會減少數(shù)據(jù)庫的存儲量，還會使數(shù)據(jù)的完整性和一致性比較高，系統(tǒng)具有較快的響應速度，也相應的簡化了基于該數(shù)據(jù)庫的項目的實現(xiàn)的復雜程度。4.1.2 數(shù)據(jù)庫詳細設計（1）總數(shù)據(jù)流程圖 圖4·1總數(shù)據(jù)流程圖 (2) 系統(tǒng)e-r圖1管理員管理用戶用戶商品信息1n 用戶訂單訂單信息n1管理 管理員商品類別n評論商品評論輪播

24、圖友情鏈接 圖 4·2系統(tǒng)e-r圖(3) 數(shù)據(jù)庫信息表本項目采用mysql數(shù)據(jù)庫系統(tǒng)來開發(fā)后臺數(shù)據(jù)庫，建立了較多的數(shù)據(jù)庫表，其中重要的數(shù)據(jù)表共有12個，包括后臺管理員表sunny_admin，前臺用戶表sunny_user，用戶信息表sunny_user_detail，用戶地址信息表sunny_address，商品表sunny_goods，商品分類表sunny_type，商品評論表sunny_goods_comment，購物車表sunny_shoplist，訂單表sunny_order，訂單狀態(tài)表sunny_order_status，網(wǎng)站配置表sunny_webconfig，管理員權

25、限表sunny_role，以及管理員權限節(jié)點表sunny_node。sunny_sdmin（后臺管理員信息表）如表4·1所示。其中id編號自增，管理員等級默認為1，1為普通管理員，2為超級管理員。管理員名稱默認為空，管理員賬戶唯一。表4·1 后臺管理員信息表字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號namevarchar255nono賬號usernamevarchar255nono名稱passchar32nono密碼leveltinyint5nono等級sunny_user （前臺用戶表） 如表4·2所示。其中id編號自增，用戶賬號唯一，

26、用戶昵稱默認為“新蘑菇”，用戶頭像默認為“public/admin/images/default.jpg”，用戶狀態(tài)默認為1,1為開啟，0為拉黑。表4·2 前臺用戶信息表字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 10noyes編號phoneint11nono用戶賬戶nicknamevarchar255nono用戶昵稱userpicvarchar255nono用戶頭像passchar32nono用戶密碼statustinyint4nono狀態(tài)sunny_user_detail（前臺用戶信息表）如表4·3所示。其中id編號自增，性別默認為w,并固定在m和w中選擇，m是男

27、士，w為女士。等級默認為0，0為普通會員，1為高級會員，2為超級會員。表4·3前臺用戶信息表字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號uidint11nono用戶idsexenumw，mnono性別goldint10nono金幣emailvarchar40nono郵箱leveltinyint5nono等級sunny_goods（商品詳情表）如表4·4所示。其中id編號自增，商品狀態(tài)默認為1，1為上架狀態(tài)，2為下架狀態(tài),商品原價與現(xiàn)價在限制在小數(shù)點后兩位。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號goodsnamevarch

28、ar255nono商品名goodspicvarchar255nono商品圖片goodspricefloat10.00nono商品原價goodsnumint11nono庫存pricefloat10.00nono商品現(xiàn)價tidint11nono分類idstatustinyint4nono狀態(tài)desvarchar255nono商品描述bidtinyint4nono商品類型表4·4前臺用戶信息表sunny_type（商品分類表）如表4·5所示。其中id編號自增，分類名唯一。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號typenamevarchar255non

29、o分類名稱pidint11nono父級idpathvarchar255nono父級路徑表4·5 商品分類表sunny_address（用戶地址表）如表4·6所示。其中id編號自增。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號uidint11nono用戶idnamevarchar255nono收貨人姓名postcodechar6nono郵編streettext255nono詳細地址phonebigint20nono手機號statusint4nono狀態(tài)表4·6 用戶地址表sunny_goods_comment（商品評論表）如表4·7

30、所示。其中id編號自增，評論總計和評論時間默認為空。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號gidint11nono商品iduidint11nono用戶idcountint11no評論總計contenttextyesno評論內容posttimevarchar255no評論時間replycontenttextyesno回復內容replytimevarchar255yesno回復時間ordernumvarchar255yesno訂單號表4·7 商品評論表sunny_shoplist（購物車表）如表4·8所示。其中id編號自增。字段名數(shù)據(jù)類型長 度允許

31、空值主 鍵描述idint 4noyes編號uidint4nono用戶idgidint4nono商品idnumint4nono商品數(shù)量goodsnamevarchar255nono商品名稱goodspicvarchar255nono商品圖片pricefloat10.00nono商品現(xiàn)價表4·8 購物車表sunny_order（訂單表）如表4·9所示。其中id編號自增，分類名唯一。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 4noyes編號uidint4nono用戶idorderumvarchar255nono訂單號linknumchar255nono收貨人姓名addti

32、mechar255nono購買時間addresschar255nono收貨地址streettextyesno街道phoneint11nono聯(lián)系電話totalpriceint255nono總價表4·9 訂單表sunny_order_status（訂單狀態(tài)表）如表4·10所示。其中id編號自增，訂單狀態(tài)默認為0，0為未發(fā)貨，1為已發(fā)貨，2為已收貨等。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 4noyes編號ordernumvarchar255nono訂單號statusint4nono訂單狀態(tài)表4·10 訂單狀態(tài)表sunny_webconfig（網(wǎng)站配置表）如

33、表4·11所示。其中id編號自增，狀態(tài)默認為1,1為開啟網(wǎng)站，0為關閉網(wǎng)站。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idint 11noyes編號webnamevarchar255nono網(wǎng)站名稱logovarchar255nono網(wǎng)站logokeywordsvarchar255nono關鍵詞descriptionvarchar255nono描述statustinyint4nono狀態(tài)表4·11 網(wǎng)站配置表sunny_role（管理員權限表）如表4·12所示。其中id編號自增。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idsmallint6noyes編號namevarc

34、har20nono管理員名稱statustinyint1nono等級remarkvarchar255nono描述表4·12 管理員權限表sunny_node（管理員權限節(jié)點表）如表4·13所示。其中id編號自增，狀態(tài)默認未0，0為禁止，1為開啟。字段名數(shù)據(jù)類型長 度允許空值主 鍵描述idsmallint6noyes編號namevarchar20nono名稱mnamevarchar50nono控制器名anamevarchar50nono父方法名statustinyint1nono狀態(tài)表4·13 管理員權限節(jié)點表4.2 各功能模塊界面和代碼設計 在本項目的功能模塊界面

35、以及實現(xiàn)功能的代碼的設計中，前臺界面的頁面，參照蘑菇街商城官網(wǎng)的設計，并用javascript實現(xiàn)頁面的輪播圖，以及在購物車界面的全選，反選功能。用html和css使頁面達到與蘑菇街商城官網(wǎng)近似的程度。通過php獲取數(shù)據(jù)庫中的表的信息，并反饋到頁面當中。功能界面的設計也關系到本項目的電子商務網(wǎng)站最終的是否能夠得到用戶認同的重要部分，4.2.1 前臺界面前臺的界面主要包括用戶注冊，用戶登錄，商品總覽，商品詳情查看，加入購物車，提交訂單等模塊。（1) 用戶注冊：用戶注冊主要實現(xiàn)了只有先注冊成會員并登陸網(wǎng)站后的用戶才能夠通過本網(wǎng)站購買他們所想要購買的商品的功能。用戶注冊即為注冊功能模塊。用戶注冊后的

36、信息將存儲在數(shù)據(jù)庫的sunny_user表中，用戶注冊需要的信息包括用戶名（與昵稱不同），登錄密碼，其他功能如：用戶性別，用戶昵稱，用戶郵箱，用戶地址，等信息將會在個人中心由用戶設置。用戶注冊的頁面效果圖如圖4·1 圖4·1用戶注冊(2) 用戶登錄：用戶登錄是在注冊后進入本商城并享受購物的必備步驟，用戶登錄時必須輸入在注冊中設置的用戶名和用戶密碼，然后點擊登錄按鈕，網(wǎng)頁就會提交用戶輸入的用戶名和密碼并帶入到數(shù)據(jù)庫中進行驗證，如果用戶名與用戶密碼輸入正確，即可進入網(wǎng)站開始購物之旅，如果驗證失敗，將返回登錄頁面，并提示“用戶名或密碼”不正確，等到用戶將正確的用戶名和用戶密碼提交

37、之后用戶才可以進入。用戶登陸的效果圖如圖4·2圖4·2用戶登錄（3） 商品展示：商品展示功能包括同類型商品的展示，通過查詢數(shù)據(jù)庫中的商品詳情表sunny_goods，在展示列表頁顯示所有商品的商品名、商品圖片、商品價格等。并在商品展示列表頁下方有分頁設計。商品列表展示頁面效果圖如圖4·3、圖4·4圖4·3商品列表頁（1）圖4·4商品列表頁（2）（4） 商品詳情頁：詳情頁實現(xiàn)了用戶查看商品的詳細信息，并加入購物車的流程，在商品詳情頁中，會顯示商品表中的商品名稱、商品圖片、商品描述、商品庫存、商品分類等。商品詳情表中還會通過javascr

38、ipt實現(xiàn)放大鏡的效果。商品的詳情頁頁面效果圖如圖4·5、圖4·6圖4·5商品詳情頁面（1）圖4·6商品詳情頁面（2）（5）購物車：購車實現(xiàn)了用戶當前有購買欲望的商品信息。包括商品的名稱、商品圖片、商品描述、商品單價、購買數(shù)量、商品小計及購物車商品操作等信息，用戶可以在本頁面修改購物車中的商品數(shù)量或刪除購物車的物品，然后即可下單。購物車的頁面效果圖如圖4·7圖4·7購物車界面 4.3.2后臺模塊界面 本系統(tǒng)后臺模塊界面包括：管理員模塊、用戶模塊、商品模塊、訂單模塊、地址模塊、評論模塊、網(wǎng)站配置等功能模塊。 （1）后臺管理員登錄界面：管

39、理員通過這一界面，輸入正確的管理員用戶名和相對應的密碼并填寫正確的驗證碼，才可以登錄成功并進入系統(tǒng)后臺，并系統(tǒng)的管理商城的每一項功能。并在后臺設置了權限管理，由高一級的后臺管理員來負責添加、修改、刪除普通管理員。管理員登錄的頁面如圖4·8。圖4·8 管理員登錄 （2）會員信息管理：前臺用戶的信息管理是后臺的管理員對前臺注冊的用戶進行管理的功能模塊，在本項目中管理員可以對前臺用戶的會員信息進行修改、查看和刪除操作，前臺用戶的會員信息包括會員的頭像、用戶名、電話、email、會員等級、會員等級、會員注冊時間、會員最后登錄時間、會員的注冊ip、會員狀態(tài)。在修改方敏對管理員添加一定

40、的限制，管理員只能修改用戶的狀態(tài)。會員信息管理的頁面效果圖（包含修改）如圖4·9。圖4·9 會員信息管理（3）后臺管理員信息管理。系統(tǒng)設計師時將后臺與前臺的用戶與管理員分為兩個表添加，而且兩張表的結構不同，所以很完美的分開了前臺用戶與后臺管理員之間的聯(lián)系。后臺管理員在整個系統(tǒng)中擁有絕對的地位，在管理員模塊中顯示了管理員的賬號、用戶名、狀態(tài)和等級。無論是后臺的管理員模塊還是后臺的前臺用戶模塊，都不顯示用戶的密碼，對用戶的賬戶安全也是一種保護。后臺管理員模塊信息的頁面效果如圖4·10。 圖4·10 后臺管理員信息（4）商品模塊。商品信息管理是管理員網(wǎng)站所銷售

41、商品進行管理的一個重要的功能模塊。該模塊包括商品名稱、商品圖片、商品分類、商品價格、商品庫存、商品狀態(tài)以及附加狀態(tài)。管理員可通過后臺程序對商品進行添加刪除及修改操作。商品信息管理的頁面效果圖如圖4·11。圖4·11商品信息管理（5）訂單管理模塊：訂單管理模塊也是網(wǎng)絡商城必不可少的一個重要的模塊，管理員可以查看未發(fā)貨、已發(fā)貨、退換貨及已收貨訂單、并修改訂單的狀態(tài)，模塊中主要顯示用戶id、商品id、訂單聯(lián)系人、下單時間、訂單地址，電話、狀態(tài)。訂單模塊信息的頁面效果圖如圖4·12圖4·12 訂單模塊界面（6）訂單評價模塊：訂單評價模塊是訂單模塊的一個重要的附屬

42、模塊，管理員可以查看已收貨訂單的最新評價，并挑選評論給予相應的回復。回復模塊顯示用戶id、商品圖片、商品名、評價內容、評價時間、回復內容、回復時間。訂單回復模塊信息的頁面效果圖如圖4·13圖4·13 訂單回復界面4.3 運行環(huán)境設計與硬件需求 本次項目我選擇mysql數(shù)據(jù)庫來建立商城的數(shù)據(jù)庫系統(tǒng)，運用了thinkpphp框架，mvc的開發(fā)模式，并采用了php語言作為開發(fā)語言，并結合了html、css與javascript來共同實現(xiàn)整個電子商務網(wǎng)站的整體。運行環(huán)境方面選擇了wampserver version 3.0.0，代碼編寫工具為sublime text3。硬件需求如下

43、表4·9表4·9硬件需求服務器端：cpu：intel core i5-4210m 四核cpu 2.6ghz內存：4 gb以上硬盤：500g以上客戶端：cpu：amd 雙核 1.7hz內存：512m以上硬盤：10g以上軟件需求如下表4·10表4·10 軟件需求服務器端：操作系統(tǒng)：microsoft windows win7 旗艦版數(shù)據(jù)庫：mysql數(shù)據(jù)庫開發(fā)環(huán)境：wampserver version3.0.0客戶端：操作系統(tǒng)：window xp professional瀏覽器：火狐、谷歌瀏覽器第5章 項目系統(tǒng)的實現(xiàn)與運行測試5.1 系統(tǒng)的實現(xiàn)系統(tǒng)實現(xiàn)與否取

44、決于系統(tǒng)設計成果能否進過一系列的檢測，而消除了所有的bug之后的系統(tǒng)方能稱作是一個已經(jīng)成功的系統(tǒng)。檢測的各種情況都會影響到整個系統(tǒng)的走向。 本項目系統(tǒng)實現(xiàn)主要體現(xiàn)在數(shù)據(jù)庫的創(chuàng)建以及系統(tǒng)前后臺的各功能模塊的實現(xiàn)。首先是通過navicat在mysql上創(chuàng)建數(shù)據(jù)庫文件sunny，并向sunny數(shù)據(jù)庫匯總添加項目所需要的數(shù)據(jù)表。系統(tǒng)前后臺功能模塊的實現(xiàn)主要通過創(chuàng)建界面與調試代碼。5.2 系統(tǒng)運行測試及結果（1） 加入購物車進入商品的詳情頁后選擇商品數(shù)量，點擊“加入購物車”，即出現(xiàn)下圖所示購物車界面：圖5.1 加入購物車界面（2） 提交訂單在購物車詳情頁選中商品，點擊“去付款”，即出現(xiàn)下圖所示訂單提交界

45、面：圖5.2 提交訂單界面（3） 支付成功提交訂單頁面選中收貨地址，也可添加備注，然后點擊“確認并付款”，付款成功或即出現(xiàn)下圖所示界面：圖5.3 訂單完成界面（4） 查看訂單在支付完成界面選擇點擊“查看訂單”，即出現(xiàn)下圖所示界面：圖5.4 訂單界面（5） 訂單詳情進入訂單頁面后點擊“訂單詳情”，即出現(xiàn)下圖所示界面：圖5.5 訂單詳情界面（6） 后臺轉為已發(fā)貨進入商城的后臺找到未發(fā)貨訂單，點擊“修改訂單”，將訂單轉為“已發(fā)貨”，即出現(xiàn)下圖所示界面：圖5.6 后臺轉發(fā)貨界面（7） 前臺用戶確認收貨刷新我的訂單頁面后即可看到訂單狀態(tài)已轉為“確認收貨”，即出現(xiàn)下圖所示界面：圖5.7 確認收貨界面（8）

46、 前臺用戶評論在商品的確認收貨界面點擊“確認收貨”，即出現(xiàn)下圖所示界面：圖5.8 訂單轉評價界面（9） 評論提交確認收貨后，點擊“去評論按鈕”，即出現(xiàn)下圖所示界面：圖5.9 評論提交界面（10） 評論提交成功在提交評論界面，輸入對商品的評論 ，并點解評論按鈕提交，然后進入商品的詳情頁面，選擇累計評價，即出現(xiàn)下圖所示界面：圖5.10 評論成功界面5.3運行結果分析通過對購物流程的測試，本商城的基本功能已經(jīng)達到，用戶可以通過本商城購買物品，并完成購物的一系列流程。但本商城的不足之處仍需完善，如支付功能，如過于倉促的設計使本次的系統(tǒng)所有功能不能夠完全使用，僅實現(xiàn)了蘑菇街商城的部分功能。而且蘑菇街商城原網(wǎng)站中還有商家入駐的情況，本人在設計中感覺過于困難，所以舍棄掉了商家的入駐，僅有自營商品?？?結在科技越來越發(fā)達的今天，網(wǎng)絡以及電子商務網(wǎng)站的快速發(fā)展，信息化程度原來越高，通過網(wǎng)絡在線購買商品成為一種不可或缺的生活購物新方式，越來越多的用戶開始進入網(wǎng)絡購物的潮流中來。電子商務網(wǎng)站的興起，不僅僅是讓人們的生活更加便捷，也為社會創(chuàng)造出更大的利益?？缭搅说乩砗涂臻g的限制，把商品送到人們眼前，電子商務的出現(xiàn)，改