仿京東商城購物系統(tǒng)設計與實現(xiàn)

1、<p>　　本科生畢業(yè)論文(設計)</p><p>　　題 目： 仿京東商城購物系統(tǒng)設計與實現(xiàn) </p><p>　　學生姓名： 肖娟 </p><p>　　學 號： 201317020134 </p>

2、;<p>　　專業(yè)班級： 信管13101 </p><p>　　指導教師： 丁德紅 </p><p>　　完成時間： 2017 年 3 月 </p><p><b>　　目 錄</b><

3、/p><p><b>　　目 錄II</b></p><p><b>　　摘 要IV</b></p><p>　　ABSTRACTIV</p><p><b>　　第一章 緒論1</b></p><p>　　1.1 選題背景及研究意義1</p

4、><p>　　1.2 國內(nèi)外發(fā)展情況2</p><p>　　1.2.1 國外發(fā)展狀況2</p><p>　　1.2.2 國內(nèi)發(fā)展狀況2</p><p>　　1.3 本文的研究內(nèi)容3</p><p>　　第二章 相關理論與技術分析4</p><p>　　2.1 B/S 模式4</p&

5、gt;<p>　　2.2 PHP 介紹5</p><p>　　2.3 MySQL簡介5</p><p>　　2.4 CSS 樣式表簡介6</p><p>　　2.5 本章小結6</p><p>　　第三章 系統(tǒng)需求分析7</p><p>　　3.1 系統(tǒng)功能需求7</p><

6、;p>　　3.2 系統(tǒng)性能需求8</p><p>　　3.3 系統(tǒng)目標8</p><p>　　3.4 開發(fā)環(huán)境9</p><p>　　3.5 本章小結9</p><p>　　第四章 系統(tǒng)設計及功能實現(xiàn)10</p><p>　　4.1 設計說明10</p><p>　　4.2 前

7、臺管理系統(tǒng)的功能設計10</p><p>　　4.3 后臺管理系統(tǒng)的功能設計11</p><p>　　4.4 數(shù)據(jù)庫設計11</p><p>　　4.4.1 數(shù)據(jù)庫分析11</p><p>　　4.4.2建立數(shù)據(jù)庫及數(shù)據(jù)表11</p><p>　　4.5 公共模塊設計17</p><p&

8、gt;　　4.5.1 數(shù)據(jù)庫連接文件17</p><p>　　4.5.2 CSS樣式表文件17</p><p>　　4.6 前臺首頁設計18</p><p>　　4.6.1 前臺首頁概述18</p><p>　　4.6.2 前臺首頁結構分析19</p><p>　　4.6.3 前臺首頁實現(xiàn)過程19</

9、p><p>　　4.7 商品分類模塊設計21</p><p>　　4.7.1 商品分類模塊概述21</p><p>　　4.7.2 商品分類的實現(xiàn)過程21</p><p>　　4.8 購物車模塊設計23</p><p>　　4.8.1 加入購物車的實現(xiàn)過程23</p><p>　　4.8.

10、2 修改商品購買數(shù)量的實現(xiàn)過程24</p><p>　　4.8.3 刪除購物車指定商品的實現(xiàn)過程24</p><p>　　4.8.4 購物車結算的實現(xiàn)過程24</p><p>　　4.9 后臺首頁設計25</p><p>　　4.9.1 后臺首頁概述25</p><p>　　4.9.2 后臺首頁技術分析26

11、</p><p>　　4.10 本章小結26</p><p><b>　　第五章 總結27</b></p><p>　　5.1 論文總結27</p><p><b>　　參考文獻28</b></p><p><b>　　摘 要</b></p

12、><p>　　隨著網(wǎng)絡技術的快速發(fā)展和進步，人們的生活發(fā)生了巨大了變化，網(wǎng)絡已經(jīng)成為人們工作和生活必不可少的一部分，我們的生活朝著電子化、虛擬化、網(wǎng)絡化、數(shù)字化的方向快速發(fā)展。這為電子商務的發(fā)展提供了良好的渠道。在本文中，我們將通過MySQL數(shù)據(jù)庫，PHP語言，Apache服務器在網(wǎng)絡上設計并構建一個動態(tài)的網(wǎng)上購物網(wǎng)站。系統(tǒng)分前臺管理和后臺管理兩大部分，前臺主要包括會員模塊、商品模塊、購物車模塊、訂單模塊、支付模塊和

13、快遞模塊；后臺主要包括管理員模塊、會員模塊、分類模塊、商品模塊及訂單模塊。本文采用模塊化設計理念設計了網(wǎng)絡購物系統(tǒng)，系統(tǒng)整體結構采用了服務器 -瀏覽器結構（B/S），選用了使用廣泛的大型關系數(shù)據(jù)庫MySQL;使用PHP這個比較流行和安全的Web 開發(fā)語言;使用Sublime Text3編輯器編寫代碼。主要工作包括：1、可行性分析; 2、需求分析，將需求轉化為相應的功能模塊; 3、設計整個軟件系統(tǒng)，著重于系統(tǒng)框架設計和數(shù)據(jù)庫設計; 4

14、、編寫代碼和代碼優(yōu)化。</p><p>　　關鍵字：Internet，PHP，MySQL，電子商務,購物系統(tǒng)</p><p><b>　　ABSTRACT</b></p><p>　　With the rapid development of network technology and progress, people's life

15、has changed, digital technology especially the network has become a part of the people work and life, digital technology will be in the direction of the electronic, virtualization, network, digital development.This will

16、provide good for e-commerce to people's life. In this article, we will through the MySQL database and PHP language, Apache server on the network design and build a dynamic online shopping website.Points </p>&

17、lt;p>　　Online shopping system designed in this paper the concept of modular design, the system overall architecture on the server - the browser (B/S) structure, choose the more widely used large relational database My

18、SQL; Using this relatively popular PHP Web development language and high security; Use the Sublime Text3 to editor the code.The main work includes: 1, the feasibility analysis; 2, the requirements analysis, requirements

19、can be converted to the corresponding function module; 3, design the w</p><p>　　Key words：Internet，PHP，MySQL，e-shopping，shopping system</p><p><b>　　第一章 緒論</b></p><p>　　1

20、.1 選題背景及研究意義</p><p>　　電子商務，英文全稱Electronic Commerce，簡稱 EC。電子商務是指在開放的互聯(lián)網(wǎng)環(huán)境下，在世界范圍內(nèi)的商業(yè)貿(mào)易活動中，我們可以通過網(wǎng)絡完成一系列商品交易活動。電子商務覆蓋范圍非常廣泛，按照一般規(guī)則可分為企業(yè)對企業(yè)（B2B）或企業(yè)對消費者（B2C）兩種。另外還有消費者對消費者（C2C）這種且行業(yè)前景十分光明。隨著國內(nèi)網(wǎng)民的數(shù)量不斷增加，網(wǎng)購和網(wǎng)上支付

21、已成為一種流行趨勢，市場份額也在快速增長，各種電子商務網(wǎng)站如雨后春筍般不斷涌現(xiàn)。</p><p>　　B2C 是英文 Business-to-Customer（企業(yè)對顧客）的縮寫。B2C是電子商務的一種模式，直接面向消費者銷售產(chǎn)品和服務。這種形式的電子商務一般都是基于網(wǎng)絡零售業(yè)，通過互聯(lián)網(wǎng)進行在線銷售活動。 B2C是在互聯(lián)網(wǎng)上企業(yè)建立一個無形的百貨公司，消費者直接在網(wǎng)上進行購買商品，支付等業(yè)務活動。這種購物方

22、式為忙碌的上班族節(jié)省了大量的時間，對于企業(yè)而言，該模式可有效降低租金成本，管理成本，大大提高交易效率。近年來，中國互聯(lián)網(wǎng)在發(fā)展領域取得突破，為電子商務的發(fā)展提供了有利的發(fā)展條件。同時，網(wǎng)購作為新購買方式，占消費市場的比例也在不斷上升，家庭購物模式受到越來越多的消費者的歡迎，可以說網(wǎng)購已成為消費者的一種購物習慣?；趥鹘y(tǒng)購物中心的產(chǎn)品銷售效率越來越低，日常內(nèi)部工作流程需要花費大量成本，電子商務模式不受傳統(tǒng)方式限制，從而降低成本和人員成本過

23、高提升了企業(yè)競爭力，隨著國內(nèi)網(wǎng)絡的快速發(fā)展，企業(yè)搭建自己的在線交易平臺，可以為消費者提供更加方便快捷的購物體驗。</p><p>　　1.2 國內(nèi)外發(fā)展情況</p><p>　　1.2.1 國外發(fā)展狀況</p><p>　　英國政府一直大力支持電子商務的發(fā)展，歐盟委員會和英國政府已經(jīng)制定了一系列電子商務貿(mào)易政策，促進電子商務標準化的發(fā)展。所以英國電力業(yè)務在歐美處于相

24、對領先的發(fā)展水平。早在2002年，美國在英國的零售銷售比例就超過了美國的貿(mào)易總額，歐盟地區(qū)在2013年，超過四分之一的消費者從非歐盟國家購買物品，奧地利比例最高，占70％以上[1]。英國，德國和法國是歐洲最受歡迎的跨國電子商務目的地國家之一。英國電商業(yè)務的快速發(fā)展，得助于英國網(wǎng)絡服務的改善和公共互聯(lián)網(wǎng)接入速度的快速增長，此外，還受益于歐洲電商的發(fā)展。歐盟去年開始討論建立單一數(shù)字化市場的法律框架，電商行業(yè)也需要統(tǒng)一線上線下交易規(guī)則

25、。毋庸置疑，除了互聯(lián)網(wǎng)的快速發(fā)展和貿(mào)易全球化的客觀趨勢外，美國推動電子商務發(fā)展政策也給予了強有力的支持，在稅收政策方面，美國政府認為，互聯(lián)網(wǎng)上交易的產(chǎn)品或服務不應該增加稅收，也就是說，不應該對電子商務征稅，按照現(xiàn)行的稅收原則，國家和地方政府要配合統(tǒng)一的電子商務稅收制度，制定一系列電子商務貿(mào)易規(guī)則，積極推動國際合作[2]。電子商務在全球貿(mào)易發(fā)展趨勢中，不同國家的發(fā)展狀況不一致，但英美國家作為跨境貿(mào)易業(yè)績最頻</p>

26、<p>　　1.2.2 國內(nèi)發(fā)展狀況</p><p>　　據(jù)數(shù)據(jù)分析，中國電子商務市場2015年銷售額達到16.4億元，同比增長22.7％，在線購物已成為促進電子商務的重要因素，另外網(wǎng)上旅游服務同比增長39.9％，本地生活服務增長38.3％，這些共同推動著中國電子商務的快速發(fā)展[3]。</p><p>　　2014年中國網(wǎng)絡零售滲透率創(chuàng)歷史新高，達到11％，預計到2020年將達到

27、80％，而越來越豐富的移動支付生態(tài)系統(tǒng)也能滿足消費者在線和離線整合消費者體驗需求[4]。</p><p>　　2015年網(wǎng)民在線購物比例由55.7％上升至60％，在線購物用戶達到4.13億，比上年增加5200萬，增長14.4％，增長速度比上年下降5個百分點，與此同時，2015年中國移動互聯(lián)網(wǎng)用戶也迎來了增長放緩，2015年，中國移動互聯(lián)網(wǎng)購物用戶達到3.4億，比2014年的2.36億，同比增長44.1％，而201

28、4年的增長率為63.5％，下降了19個百分點，移動網(wǎng)絡購物人口的整體增長進入穩(wěn)定區(qū)[5]。</p><p>　　網(wǎng)絡購物行業(yè)的發(fā)展越來越成熟，企業(yè)除了不斷擴大產(chǎn)品范圍，改善物流和售后服務，也在向上發(fā)展跨境交易和向下發(fā)展農(nóng)村電子商務。 2015年，中國網(wǎng)絡購物市場交易額達3990億美元，同比增長43.10％，仍保持較高水平的增長。隨著移動支付的快速發(fā)展和農(nóng)村市場和國際市場的擴張，未來幾年，中國網(wǎng)絡購物市場將繼續(xù)保持

29、30％左右的復合增長[6]。</p><p>　　1.3 本文的研究內(nèi)容</p><p>　　本文根據(jù)客戶的實際需求,建立了一個可以用戶注冊登錄、商品瀏覽、商品查詢、商品訂購、商品結算等功能的網(wǎng)站,并可以在后臺管理中進行商品管理、用戶管理、訂單管理。</p><p>　　論文分為五個部分，組織結構安排如下：</p><p>　　第一章緒論。簡

30、述了電子商務的選題背景，簡單了解下國內(nèi)外發(fā)展狀況，介紹本論文的主要內(nèi)容和組織結構；</p><p>　　第二章相關理論與技術分析。本章介紹了設計本系統(tǒng)所設計的相關技術，主要分析了 B/S 結構、PHP 語言、MySQL 數(shù)據(jù)庫和 CSS 樣式表；</p><p>　　第三章系統(tǒng)需求分析。本章對在線購物系統(tǒng)進行了詳細的需求分析。便于后續(xù)進行系統(tǒng)設計開發(fā)；</p><p&

31、gt;　　第四章系統(tǒng)設計及功能實現(xiàn)。按照軟件工程的理論，在對系統(tǒng)的需求進行詳細分析后，明確系統(tǒng)所要完成的基本功能，分析該購物系統(tǒng)的前臺、后臺功能實現(xiàn)方法；</p><p>　　第五章總結與展望。對此次畢業(yè)設計進行總結，同時對本系統(tǒng)研究和應用前景進行了展望。</p><p>　　第二章 相關理論與技術分析</p><p>　　一個系統(tǒng)能否成功的投入使用在很大程度上是由

32、其技術水平和理論水平?jīng)Q定的。本文將在網(wǎng)絡上通過 MySQL數(shù)據(jù)庫、PHP語言、Apache服務器設計和構建一個動態(tài)的在線購物網(wǎng)站。下面我們將詳細介紹本系統(tǒng)應用的開發(fā)結構和相關技術。</p><p>　　2.1 B/S 模式</p><p>　　隨著信息技術的成熟和發(fā)展,文件/服務器時代已遠離我們,客戶端/服務器（C/S）模式和瀏覽器/服務器（B/S）模式已經(jīng)取而代之，這足以看到軟件體系結構

33、的變化之大。在過去的文件/服務器時代，文件服務器是網(wǎng)絡的基礎，文件服務器負責存儲所有應用程序和數(shù)據(jù)庫數(shù)據(jù)，微機工作站只負責具體應用的實現(xiàn)，在這種模式下，網(wǎng)絡受到巨大壓力。它會受到數(shù)據(jù)庫本身和其他模型在應用程序中的性能影響，并且在應用過程中不能有太多的網(wǎng)絡用戶，而且也不適合處理太多的數(shù)據(jù)，所以它不適合被應用在用戶流量大的網(wǎng)站中。C/S 模式作為分開對事務進行處理的一種網(wǎng)絡系統(tǒng)。它是數(shù)據(jù)訪問的重點和數(shù)據(jù)處理是依靠客戶端，許多工作可以由客戶端

34、處理后移交給服務器。這種模式的優(yōu)點是客戶端可以快速響應。然而，這種模式的缺點是，本地化過程過于復雜，工作量非常大，維護成本高[7]。</p><p>　　B/S 模式是跟著網(wǎng)絡技術的發(fā)展而隨之發(fā)展起來的，B/S 模式有效地消除了 C/S 模式中所存在的不足。B/S 結構較 C/S 有明顯優(yōu)勢，在 B/S 結構中，軟件程序只在服務器端運行，用戶在終端只要訪問服務器就可得到自己想要的數(shù)據(jù)，這對于用戶來說節(jié)省了大量寶貴

35、的計算機資源和時間。和 C/S 模式相比來講，B/S 模式對于用戶在技術以及客戶端方面的要求均較低，并且 B/S 模式所提供的界面是多種多樣的，客戶端也很容易實現(xiàn)維護，該程序可以很容易的實現(xiàn)分發(fā)，更新也比較容易，還可以充分利用互聯(lián)網(wǎng)資源。由于 B/S 模式所具有的以上優(yōu)勢，因此本系統(tǒng)我們采用此模式進行設計[8]。</p><p>　　2.2 PHP 介紹</p><p>　　PHP是英文H

36、ypertext Preprocessor（超文本預處理程序）的縮寫。PHP是一種免費的開源腳本語言。吸收了C語言，java和perl的語法優(yōu)點，易學，使用范圍非常廣泛，主要用于Web開發(fā)領域。用PHP編寫的動態(tài)網(wǎng)頁與其他編程語言相比，PHP將程序嵌入到HTML文檔中，比完全生成HTML標簽執(zhí)行效率更高[9]。PHP的特性主要包括：</p><p>　　PHP 獨特的語法混合了 C、Java、Perl 以及 PH

37、P 自創(chuàng)新的語法。</p><p>　　PHP相比其他語言編寫動態(tài)網(wǎng)頁，PHP將程序嵌入到HTML文檔中，執(zhí)行效率高于完全生成HTML標記；</p><p>　　PHP幾乎支持所有當前流行的數(shù)據(jù)庫和操作系統(tǒng)。</p><p>　　2.3 MySQL簡介</p><p>　　MySQL是由瑞典公司MySQL AB開發(fā)的關系數(shù)據(jù)庫管理系統(tǒng)，目前屬

38、于 Oracle 旗下產(chǎn)品。MySQL 是當前最流行的關系型數(shù)據(jù)庫管理系統(tǒng)之一[10]。</p><p>　　MySQL是一種關系數(shù)據(jù)庫管理系統(tǒng)，關系數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，增加了查詢速度，提高了靈活性。</p><p>　　MySQL使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用的標準化語言。由于其體積小，速度快，總體擁有成本低，特別是開放源碼免費這一功能，許多中小型

39、網(wǎng)站開發(fā)公司選擇MySQL作為站點數(shù)據(jù)庫。</p><p>　　MySQL 有如下特點：</p><p><b>　　支持多種操作系統(tǒng)。</b></p><p>　　為多種編程語言提供了API。</p><p>　　支持多線程，充分利用 CPU 資源。</p><p>　　優(yōu)化的SQL查詢算法，有

40、效地提高查詢速度。</p><p>　　MySQL是開源免費的。</p><p>　　MySQL使用標準的SQL數(shù)據(jù)語言形式。</p><p>　　MySQL對 PHP 有非常友好的支持。</p><p>　　2.4 CSS 樣式表簡介</p><p>　　CSS是 Cascading Style Sheet（級聯(lián)樣式

41、表）的縮寫。CSS是級聯(lián)樣式表的縮寫。HTML發(fā)明以來，樣式已經(jīng)以各種形式存在，不同的瀏覽器結合自己的樣式語言來控制頁面效果，原始HTML只包含少量的顯示屬性，隨著HTML的發(fā)展，為了滿足頁面設計者的要求，HTML增加了很多顯示功能，然而，隨著這些功能的增加，HTML代碼變得越來越凌亂，難以維護，所以CSS誕生了[11]。</p><p>　　CSS提供了HTML標記語言的樣式描述，該語言定義了元素的顯示方式。

42、CSS是Web開發(fā)領域的一項突破。它可以用于修改與頁面所有元素相關聯(lián)的樣式顯示?？傮w來說，CSS具有以下特點：</p><p>　　豐富的樣式定義：CSS提供了豐富的文檔樣式的外觀，并且能夠設置文本和背景屬性；可以為任何元素創(chuàng)建邊框，改變元素和元素的邊框之間的距離，增加內(nèi)邊距和外邊距；允許改變文本顯示的大小，樣式和其他顯示效果。</p><p>　　易于使用和修改：CSS有多種定義方式，包

43、括嵌入式、內(nèi)聯(lián)式以及外聯(lián)式。此外，可以使用相同的樣式定義相同樣式的元素，也可以將CSS樣式分配給多個頁面元素。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式進行修改即可。</p><p>　　多頁面應用：使用外聯(lián)式樣式表，將CSS樣式存放在一個獨立CSS文件中，多個頁面中需要該樣式表的時候直接將該樣式表引入即可，不需要重復書寫樣式。</p><p><b>　　2.5 本章

44、小結</b></p><p>　　本章簡單了解了開發(fā)本系統(tǒng)將涉及中相關技術，B/S 模式、PHP 語言、MySQL數(shù)據(jù)庫和 CSS 樣式表等，并說明了使用這些技術的原因。</p><p>　　第三章 系統(tǒng)需求分析</p><p>　　軟件工程活動是“生產(chǎn)最終滿足需求并達到工程目標的軟件產(chǎn)品所需的步驟”。軟件工程包括需求分析，設計，編碼實現(xiàn)，測試等內(nèi)容，需

45、求分析作為軟件工程的第一步，其作用是分析用戶解決問題的各種問題，包括數(shù)據(jù)輸入，最終輸出什么，在軟件工程中“需求分析”是確定計算機需要“做什么”，以及需要達到什么樣的效果[12]。需求分析工作直接決定了軟件能否滿足客戶的需求，是軟件工程的重點，本章正是通過系統(tǒng)需求來研究網(wǎng)上購物系統(tǒng)的設計。</p><p>　　3.1 系統(tǒng)功能需求</p><p>　　隨著時代的進步，互聯(lián)網(wǎng)的快速發(fā)展，二十一

46、世紀的今天，電子商務已經(jīng)成為網(wǎng)絡發(fā)展的必然趨勢，越來越多的人開始關注網(wǎng)上購物。如今，電子商務中發(fā)展速度相對較快的有以下幾類，即B2B，B2C，C2C等。</p><p>　　網(wǎng)站是企業(yè)和用戶交易的基礎，用戶可以在網(wǎng)站上瀏覽商品,查看價格,購買商品等。因此，良好的用戶體驗是必不可少的。</p><p>　　網(wǎng)站頁面設計要充分展示企業(yè)形象，一個讓消費者感覺良好的界面和流暢的購物體驗能大大提高消

47、費者對企業(yè)的信賴度，同時有利于企業(yè)優(yōu)秀形象的傳播，所以，一個優(yōu)秀的頁面的設計對于網(wǎng)站的開發(fā)是至關重要的。</p><p>　　首頁以輪播圖的方式插入商品廣告。廣告設計直接向消費者推銷自己的商品，簡單直觀，讓消費者第一時間看到自己的產(chǎn)品。好的banner 廣告也是一個有力的工具用來在電子商務平臺上展示各類產(chǎn)品數(shù)據(jù)信息。</p><p>　　建立合理的網(wǎng)頁布局，確保其完善和規(guī)范。主要內(nèi)容包括網(wǎng)

48、頁應該如何劃分布局，如何顯示各種商品，以方便客戶輕松瀏覽和閱讀。</p><p>　　將商品劃分成多個類別,方便用戶自主查詢商品信息。通過對電子商務平臺的商品進行分類,客戶可以快速找到他們需要的商品,網(wǎng)站應該具有查詢商品信息的功能,這將為客戶進行大量商品篩選節(jié)省大量寶貴的時間。</p><p>　　該系統(tǒng)具有商品選購、結賬等功能。為了方便客戶批量購買商品，還應增加購物車功能。</p&

49、gt;<p>　　管理員需要檢查用戶訂單并對其進行管理。所以我們應該有后臺管理界面，可以查詢客戶訂單信息，包括商品訂單詳情、收貨人、收貨地址等，對客戶訂單進行審核，便于管理。</p><p>　　通過互動銷售渠道，使企業(yè)及時響應客戶的建議和意見，加強與客戶的溝通與溝通，了解客戶實際需求，改進現(xiàn)有工作。銷售商品時，需要提供商品詳情頁以及評價頁等讓客戶更加方便地了解商品信息。</p>&l

50、t;p>　　3.2 系統(tǒng)性能需求</p><p>　　系統(tǒng)服務器是 B/S，對各類數(shù)據(jù)信息進行詳細記錄，便于工作人員即時查詢與修改；加強建設網(wǎng)絡服務器、數(shù)據(jù)庫系統(tǒng)等，僅就瀏覽器而言，無需儲存大量數(shù)據(jù)信息，僅限于通過訪問服務器得到相關服務。</p><p><b>　　3.3 系統(tǒng)目標</b></p><p>　　加強網(wǎng)上購物網(wǎng)站建設,注重

51、網(wǎng)絡管理系統(tǒng)的合理化,并基于需求分析的系統(tǒng)設計實現(xiàn)最終目標。</p><p>　　頁面設計時要注重外觀設計，保存各類數(shù)據(jù)信息，確保信息安全；</p><p>　　實現(xiàn)商品分類顯示，提高用戶購物體驗；</p><p>　　首頁為用戶提供個性化商品展示，便于用戶了解最新產(chǎn)品或者熱門商品等；</p><p>　　但凡是用戶自行輸出的數(shù)據(jù)信息，要確保

52、其真實性與有效性，謹防出現(xiàn)人為錯誤；</p><p>　　易操作性、易維護性；</p><p>　　確保系統(tǒng)安全，能夠正常運作。</p><p><b>　　3.4 開發(fā)環(huán)境</b></p><p>　　操作系統(tǒng)：Windows 7。</p><p>　　服務器：Apache。</p>

53、<p>　　PHP 軟件：PHP 5。</p><p>　　數(shù)據(jù)庫：MySQL。</p><p>　　圖形化管理軟件：phpMyAdmin。</p><p>　　開發(fā)工具：Sublime Text 3。</p><p>　　瀏覽器：支持Chrome、Safari、Firefox及IE 9.0+。</p><p

54、><b>　　3.5 本章小結</b></p><p>　　本章對購物網(wǎng)站進行了詳細的需求分析，有利于進行針對性的設計開發(fā)，為后續(xù)的系統(tǒng)設計打下了良好的基礎。</p><p>　　第四章 系統(tǒng)設計及功能實現(xiàn)</p><p><b>　　4.1 設計說明</b></p><p>　　電子商務系統(tǒng)

55、的制作原理與超市購物的原理相同?？蛻舻卿浵到y(tǒng)，在網(wǎng)站中選擇所需的產(chǎn)品，將所選商品放在購物車中，自行選擇購買數(shù)量，或者完全清空購物車中的產(chǎn)品，在線填寫收貨地址，付款等待發(fā)貨。本質(zhì)上，網(wǎng)上購物系統(tǒng)的綜合性比較強，相對復雜度高，可以充分利用現(xiàn)有的軟件，進行系統(tǒng)的設計和規(guī)劃。構建完善成熟的網(wǎng)購系統(tǒng)，其中涉及到以下內(nèi)容，即前臺網(wǎng)頁界面、處理程序、MySQL 后臺數(shù)據(jù)庫系統(tǒng)等，在網(wǎng)站頁面中顯示出以下內(nèi)容，例如產(chǎn)品圖片、產(chǎn)品名稱、產(chǎn)品價格、產(chǎn)品信息等

56、。該系統(tǒng)具有后臺管理、前臺管理等功能。前臺管理可以實現(xiàn)以下功能，如用戶登錄注冊、加入購物車、商品購買、訂單查詢等。后臺提供商品管理、用戶管理、訂單管理和用戶和管理員信息管理等功能。</p><p>　　4.2 前臺管理系統(tǒng)的功能設計</p><p>　　購物系統(tǒng)前臺管理系統(tǒng)功能設計如圖 4-1 所示。</p><p>　　圖 4-1 前臺功能模塊結構圖</p&

57、gt;<p>　　4.3 后臺管理系統(tǒng)的功能設計</p><p>　　電子商務平臺后臺管理系統(tǒng)功能設計如圖 4-2 所示：</p><p>　　圖 4-2 后臺功能模塊結構圖</p><p><b>　　4.4 數(shù)據(jù)庫設計</b></p><p>　　4.4.1 數(shù)據(jù)庫分析</p><p

58、>　　MySQL，作為開源的關系型數(shù)據(jù)庫可充分滿足國內(nèi)各大企業(yè)的實際需要，此系統(tǒng)選擇使用MySQL 數(shù)據(jù)庫。PHP 中所有函數(shù)對 MySQL 數(shù)據(jù)庫給予支持，例如 phpMyAdmin，給MySQL 數(shù)據(jù)庫界面實現(xiàn)圖形化奠定基礎。</p><p>　　4.4.2建立數(shù)據(jù)庫及數(shù)據(jù)表</p><p>　　1. 結合實際情況及對用戶需求的分析，數(shù)據(jù)庫imooc_shop 主要包含如 9 個

59、數(shù)據(jù)表（表 4-1）。</p><p>　　表4-1 數(shù)據(jù)庫imooc_shop中包含的表</p><p>　　數(shù)據(jù)庫 imooc_shop 中所有數(shù)據(jù)表的設計結構如表 4-2 至 4-10 所示。</p><p>　　表4.2shop_admin表結構</p><p>　　表4.3 shop_user表結構</p><p

60、>　　表4.4 shop_profile表結構</p><p>　　表4.5 shop_categary表結構</p><p>　　表4.6 shop_product表結構</p><p>　　表4.7 shop_cart表結構</p><p>　　表4.8 shop_order表結構</p><p>　　表4.

61、9 shop_order_detail表結構</p><p>　　表4.10 shop_address表結構</p><p>　　4.5 公共模塊設計</p><p>　　4.5.1 數(shù)據(jù)庫連接文件</p><p>　　本系統(tǒng)數(shù)據(jù)庫的連接文件的文件名為 db.php，其作用是用來連接MySQL數(shù)據(jù)庫。具體代碼如下：</p>&l

62、t;p><b>　　<?php</b></p><p><b>　　return [</b></p><p>　　'class' => 'yii\db\Connection',</p><p>　　'dsn' => 'mysql:host=lo

63、calhost;dbname=imooc_shop',</p><p>　　'username' => 'root',</p><p>　　'password' => '',</p><p>　　'charset' => 'utf8',</

64、p><p>　　'tablePrefix' => 'shop_',</p><p><b>　　];</b></p><p>　　return一個數(shù)組，其中dsn指定要連接數(shù)據(jù)庫的主機名和數(shù)據(jù)庫名，username為用戶名，password為密碼，charset指定字符編碼，tablePrefix為數(shù)據(jù)表前綴。

65、</p><p>　　4.5.2 CSS樣式表文件</p><p>　　CSS 是 Cascading Styl Sheets（層疊樣式表）的簡稱，是一種簡單、靈活、易學的工具，確保所有瀏覽器服從指令，清楚知曉怎樣顯示元素與內(nèi)容。我們使用<link>標簽將擴展名是site.css的公共外部樣式文件引入到網(wǎng)頁中。其具體代碼如下：</p><p>　　htm

66、l,body {height: 100%;}</p><p>　　.wrap {min-height: 100%;margin: 0 auto -60px;padding: 0 0 60px;}</p><p>　　.wrap >.container {padding: 70px 15px 20px;}</p><p>　　.footer {height:60

67、px;background-color:#f5f5f5;border-top:1pxsolid #ddd;padding-top: 20px;}</p><p>　　4.6 前臺首頁設計</p><p>　　4.6.1 前臺首頁概述</p><p>　　網(wǎng)站首頁對網(wǎng)站的建設和形象宣傳起著非常重要的作用。首頁設計將直接影響消費者對企業(yè)的第一印象和對商品的購買欲望，同時

68、，首頁是一個信息含量較高，內(nèi)容豐富的宣傳平臺。用戶可在首頁清楚快速地了解當前最新商品、最熱商品、以及推薦商品。前臺首頁如圖6-1所示：</p><p>　　圖 6-1 前臺首頁圖</p><p>　　4.6.2 前臺首頁結構分析</p><p>　　前臺首頁主要包含以下內(nèi)容：</p><p>　　網(wǎng)站菜單導航。主要包括最佳熱賣、推薦商品、最新

69、上架、商品分類導航以及我的購物車。</p><p>　　最新上架模塊。按時間先后順序展示最新商品以及詳細信息查看。</p><p>　　推薦商品模塊。展示商城重點推薦的商品以及詳細信息產(chǎn)看。</p><p>　　最佳熱賣模塊。用于展示銷量較高的商品以及詳細信息查看。</p><p>　　會員注冊登錄模塊。用于會員注冊或登錄，登錄后可以購買商品

70、、查詢提交的訂單、查看個人訂單情況。</p><p>　　購物車模塊。存放所有加入購物車的商品，點擊購物車可下單結算。</p><p>　　4.6.3 前臺首頁實現(xiàn)過程</p><p>　　為確保系統(tǒng)頁面的整潔度，提高頁面可維護性，實現(xiàn)相同模塊多次復用，首頁總體分為三大模塊，即nav導航區(qū)、頭部header區(qū)、主體內(nèi)容content區(qū)以及底部footer區(qū)。其中he

71、ader區(qū)和底部footer區(qū)在多個頁面共享，所以將這兩部分抽離為單獨的模塊，在需要的頁面中進行引入即可。這樣可以很大程度地提高網(wǎng)站開發(fā)效率，并且方便對網(wǎng)站進行維護。首頁主體框架部分代碼如下：</p><p><b>　　nav導航區(qū)：</b></p><p>　　<nav class="top-bar animate-dropdown"&g

72、t;</p><p>　　<div class="container"></p><p>　　<div class="col-xs-12 col-sm-6 no-margin"><!-- 導航菜單--></p><p><b>　　...</b></p>

73、<p><b>　　</div></b></p><p>　　<div class="col-xs-12 col-sm-6 no-margin"><!-- 注冊登錄 --></p><p><b>　　...</b></p><p><b>　

74、　</div></b></p><p><b>　　</div></b></p><p><b>　　</nav></b></p><p>　　頭部header區(qū)：</p><p><b>　　<header></b>

75、</p><p>　　<div class="container no-padding"></p><p>　　<div class="col-xs-12 col-sm-12 col-md-3 logo-holder"></p><p>　　<div class="logo"&

76、gt;<!-- LOGO --></p><p><b>　　...</b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="c

77、ol-xs-12 col-sm-12 col-md-6 top-search-holder no-margin"></p><p>　　<div class="search-area"><!-- 搜索框 --></p><p><b>　　...</b></p><p><b&

78、gt;　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="col-xs-12 col-sm-12 col-md-3 top-cart-row no-margin"></p><p>　　<div clas

79、s="top-cart-row-container"><!-- 購物車 --></p><p><b>　　...</b></p><p><b>　　</div></b></p><p><b>　　</div></b></p&g

80、t;<p><b>　　</div></b></p><p><b>　　</header></b></p><p>　　主體內(nèi)容content區(qū)：</p><p>　　<div id="top-banner-and-menu"></p>

81、<p>　　<div class="container"></p><p>　　<div class="col-xs-12 col-sm-4 col-md-3 sidemenu-holder"><!--分類列表--></p><p>　　<div class="side-menu ani

82、mate-dropdown"></p><p><b>　　...</b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="c

83、ol-xs-12 col-sm-8 col-md-9 homebanner-holder"> <!--banner--></p><p><b>　　...</b></p><p><b>　　</div></b></p><p><b>　　</div>&l

84、t;/b></p><p><b>　　</div></b></p><p>　　<div id="products-tab" class="wow fadeInUp"> <!--分類展示--></p><p><b>　　...</b

85、></p><p><b>　　</div></b></p><p>　　<section id="bestsellers" class="color-bg wow fadeInUp"> <!--最新商品--></p><p><b>　　...

86、</b></p><p>　　</section></p><p>　　<section id="recently-reviewd" class="wow fadeInUp"><!--所有商品--></p><p><b>　　...</b></p

87、><p>　　</section></p><p>　　<section id="top-brands" class="wow fadeInUp"><!--熱門品牌--></p><p><b>　　...</b></p><p>　　<

88、/section></p><p>　　底部footer區(qū)：</p><p>　　<footer id="footer" class="color-bg"></p><p>　　<div class="container"><!-- 推薦商品 --></

89、p><p>　　<div class="row no-margin widgets-row"></p><p><b>　　...</b></p><p><b>　　</div></b></p><p><b>　　</div><

90、/b></p><p>　　<div class="link-list-row"><!-- 聯(lián)系方式 --></p><p><b>　　...</b></p><p><b>　　</div></b></p><p>　　<d

91、iv class="copyright-bar"><!-- 版權信息 --></p><p><b>　　...</b></p><p><b>　　</div></b></p><p><b>　　</footer></b></

92、p><p>　　4.7 商品分類模塊設計</p><p>　　在首頁建立合理的商品分類導航菜單，點擊產(chǎn)品類別可以鏈接到對應類別下的所有商品，系統(tǒng)可以自動搜索各種類型的商品超鏈接,便于用戶有目的地瀏覽同一分類下的商品，優(yōu)秀的分類模塊設計能更好地提高用戶購物體驗。</p><p>　　4.7.1 商品分類模塊概述</p><p>　　前臺為各種用戶提

93、供各種顯示產(chǎn)品信息的方式,使消費者能夠快速了解商品情況,有目的地購買適合他們的商品。</p><p>　　4.7.2 商品分類的實現(xiàn)過程</p><p>　　下面詳細描述了商品無限分類模塊的實現(xiàn)過程，包括分類的添加、修改和刪除。主要代碼如下所示：</p><p><b>　　商品分類的添加：</b></p><p>　　

94、public function actionAdd(){</p><p>　　$model = new Category();</p><p>　　$list = $model->getOptions();</p><p>　　$this->layout = "layout1";</p><p>　　if (Y

95、ii::$app->request->isPost) {</p><p>　　$post = Yii::$app->request->post();</p><p>　　if ($model->add($post)) {</p><p>　　Yii::$app->session->setFlash("info&qu

96、ot;, "添加成功");</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　return $this->render("add", ['list' => $list, 'model' =&

97、gt; $model]);</p><p><b>　　}</b></p><p><b>　　商品分類的修改：</b></p><p>　　public function actionMod(){</p><p>　　$this->layout = "layout1";&

98、lt;/p><p>　　$cateid = Yii::$app->request->get("cateid");</p><p>　　$model = Category::find()->where('cateid = :id', [':id' => $cateid])->one();</p>&l

99、t;p>　　if (Yii::$app->request->isPost) {</p><p>　　$post = Yii::$app->request->post();</p><p>　　if ($model->load($post) && $model->save()) {</p><p>　　Yii:

100、:$app->session->setFlash('info', '修改成功');</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　$list = $model->getOptions();</p><

101、p>　　return $this->render('add', ['model' => $model, 'list' => $list]);</p><p><b>　　}</b></p><p><b>　　商品分類的刪除：</b></p><p>

102、　　public function actionDel(){</p><p><b>　　try {</b></p><p>　　$cateid = Yii::$app->request->get('cateid');</p><p>　　if (empty($cateid)) {</p><p&

103、gt;　　throw new \Exception('參數(shù)錯誤');</p><p><b>　　}</b></p><p>　　$data = Category::find()->where('parentid = :pid', [":pid" => $cateid])->one();</p

104、><p>　　if ($data) {</p><p>　　throw new \Exception('該分類下有子類，不允許刪除');</p><p><b>　　}</b></p><p>　　if (!Category::deleteAll('cateid = :id', ["

105、:id" => $cateid])) {</p><p>　　throw new \Exception('刪除失敗');</p><p><b>　　}</b></p><p>　　} catch(\Exception $e) {</p><p>　　Yii::$app->sessi

106、on->setFlash('info', $e->getMessage());</p><p><b>　　}</b></p><p>　　return $this->redirect(['category/list']);</p><p><b>　　}</b></

107、p><p>　　4.8 購物車模塊設計</p><p>　　電子商務平臺中需要引起重視的是購物車，在前臺用戶客戶端中起到重要作用，購物車的使用便于客戶自主選擇商品并進行相關操作，此模塊中我們主要實現(xiàn)了商品加入購物車、商品數(shù)量修改、購物車商品刪除以及添加結算按鈕等功能。</p><p>　　4.8.1 加入購物車的實現(xiàn)過程</p><p>　　用戶

108、登錄網(wǎng)站，在首頁商品展示區(qū)中將鼠標移到商品區(qū)域會自動在下方顯示“加入購物車”按鈕，用戶單擊此按鈕即可將對應的商品加入購物車內(nèi)（GET方式提交）?；蛘哂脩酎c擊商品鏈接跳轉到商品詳情頁，在這里可以查看商品詳細信息以及修改加入購物車的商品數(shù)量后再添加至購物車（POST方式提交）。加入購物車功能實現(xiàn)主要代碼如下：</p><p>　　public function actionAdd()</p><p

109、><b>　　{</b></p><p>　　if (Yii::$app->session['isLogin'] != 1) { //判斷用戶是否登錄</p><p>　　return $this->redirect(['member/auth']); //沒有登錄則返回登錄界面</p><p&

110、gt;<b>　　}</b></p><p>　　$userid = User::find()->where('username = :name', [':name' => Yii::$app->session['loginname']])->one()->userid; //查詢數(shù)據(jù)庫，獲取用戶id</p

111、><p>　　if (Yii::$app->request->isPost) { //如果是在商品詳情頁提交</p><p>　　$post = Yii::$app->request->post();</p><p>　　$num = Yii::$app->request->post()['productnum'];

112、</p><p>　　$data['Cart'] = $post;</p><p>　　$data['Cart']['userid'] = $userid;</p><p><b>　　}</b></p><p>　　if (Yii::$app->request-&g

113、t;isGet) { //如果是在商品展示區(qū)提交</p><p>　　$productid = Yii::$app->request->get("productid"); //接收productid</p><p>　　$model = Product::find()->where('productid = :pid', [':

114、pid' => $productid])->one();</p><p>　　$price = $model->issale ? $model->saleprice : $model->price; //查詢商品價格</p><p><b>　　$num = 1;</b></p><p>　　$data[&

115、#39;Cart'] = ['productid' => $productid, 'productnum' => $num, 'price' => $price, 'userid' => $userid];// 將數(shù)據(jù)放入Cart數(shù)組</p><p><b>　　}</b></p>

116、<p>　　if (!$model = Cart::find()->where('productid = :pid and userid = :uid', [':pid' => $data['Cart']['productid'], ':uid' => $data['Cart']['userid'

117、]])->one()) { // 判斷購物車中是否已經(jīng)存在該商品，沒有的話就新建，否則只需要更新商品數(shù)量即可。</p><p>　　$model = new Cart;</p><p><b>　　} else {</b></p><p>　　$data['Cart']['productnum'] = $m

118、odel->productnum + $num;</p><p><b>　　}</b></p><p>　　$data['Cart']['createtime'] = time();</p><p>　　$model->load($data);</p><p>　　$mode

119、l->save();</p><p>　　return $this->redirect(['cart/index']);</p><p><b>　　}</b></p><p>　　4.8.2 修改商品購買數(shù)量的實現(xiàn)過程</p><p>　　購物車商品默認購買數(shù)量是1,如果用戶想購買多件商品可

120、通過加減按鈕來實現(xiàn)商品數(shù)量的修改。</p><p>　　function changeNum(cartid, num){ // 用戶修改數(shù)量后調(diào)用此函數(shù)發(fā)送ajax請求</p><p>　　$.get("<?php echo yii\helpers\Url::to(['cart/mod']) ?>",</p><p>

121、　　{'productnum':num, 'cartid':cartid}, function(data){</p><p>　　location.reload();</p><p><b>　　});</b></p><p><b>　　}</b></p><p>

122、　　public function actionMod(){ // 接收前臺發(fā)送的請求后更新商品總價格</p><p>　　$cartid = Yii::$app->request->get("cartid");</p><p>　　$productnum = Yii::$app->request->get("productnum&qu

123、ot;);</p><p>　　Cart::updateAll(['productnum' => $productnum], 'cartid = :cid', [':cid' => $cartid]);</p><p><b>　　}</b></p><p>　　4.8.3 刪除購物車

124、指定商品的實現(xiàn)過程</p><p>　　添加“刪除”按鈕，刪除購物車指定商品。<a class="close-btn" href="<?php echo yii\helpers\Url::to(['cart/del', 'cartid' => $product['cartid']]) ?>">&l

125、t;/a>，在查看購物車頁面中，單擊對應商品后的“刪除”圖標，即可將商品信息從購物車中刪除。</p><p>　　public function actionDel(){</p><p>　　$cartid = Yii::$app->request->get("cartid");</p><p>　　Cart::deleteAl

126、l('cartid = :cid', [':cid' => $cartid]);</p><p>　　return $this->redirect(['cart/index']);</p><p><b>　　}</b></p><p>　　4.8.4 購物車結算的實現(xiàn)過程</p

127、><p>　　添加去結算按鈕，實現(xiàn)所購買商品的金額結算功能，代碼如下：<input type='submit' class="le-button big" value="去結算">，跳轉到check.php 頁面，該頁面主要涉及用戶需要填寫的訂單結構。根據(jù)用戶在購物車頁面提交的商品信息，為用戶提供填寫訂單的平臺，然后將用戶選購的商品信息（包括商品名稱