綏化學(xué)院本科畢業(yè)設(shè)計(jì)（論文）基于PHP的手機(jī)商城網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)學(xué)生姓名： 學(xué) 號(hào)： 專 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 年 級(jí)： 指導(dǎo)教師： 摘 要近年來(lái)，電子商務(wù)領(lǐng)域的發(fā)展日新月異，每天都有無(wú)數(shù)家的電子商務(wù)平臺(tái)上線或關(guān)閉。其中電子商務(wù)平臺(tái)的開(kāi)發(fā)共有三種主流的技術(shù)手段，分別是PHP、JAVA和.NET技術(shù)。由于PHP語(yǔ)言的跨平臺(tái)性，支持多種數(shù)據(jù)庫(kù)，操作簡(jiǎn)單輕便。因此，本手機(jī)商城平臺(tái)以PHP中的Laravel框架作為主要開(kāi)發(fā)手段，適用性極廣。其中大量運(yùn)用Ajax進(jìn)行數(shù)據(jù)交互，可以極大減少頁(yè)面的刷新次數(shù)。運(yùn)用Mysql數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)存儲(chǔ)，以提升數(shù)據(jù)讀寫速度。開(kāi)發(fā)過(guò)程中，通過(guò)對(duì)代碼的優(yōu)化和對(duì)數(shù)據(jù)處理上的簡(jiǎn)化，可以極大的提升用戶加載速度，提升訪問(wèn)流暢性。同時(shí)，對(duì)圖片進(jìn)行了統(tǒng)一處理，減少服務(wù)器端的存儲(chǔ)壓力。關(guān)鍵詞：PHP；Laravel；手機(jī)商城AbstractIn recent years, the rapid development of e-commerce field, every day there are countless e-commerce platform on-line or closed. Among them, the development of e-commerce platform, there are three mainstream technology means, namely PHP, JAVA and.NET technology. Because of the cross platform of PHP language, it supports many kinds of database, and it is easy to operate. Therefore, the mobile mall platform takes the Laravel framework in PHP as the main development means, and the applicability is very wide. A large number of Ajax applications for data interaction, you can greatly reduce the number of page refresh. Mysql database is used to store data so as to improve data reading and writing speed. In the development process, through the optimization of the code and the simplification of data processing, it can greatly enhance the users loading speed and improve the access fluency. At the same time, the picture has been processed uniformly to reduce the storage pressure on the server side.Key words: PHP; Laravel; mobile mall目 錄摘 要IAbstractII第1章 緒 論11.1 背景及意義11.2 國(guó)內(nèi)外發(fā)展現(xiàn)狀1第2章 需求分析22.1 可行性分析22.2 功能需求22.3 環(huán)境需求3第3章 應(yīng)用設(shè)計(jì)43.1 后臺(tái)管理系統(tǒng)43.2 前臺(tái)用戶系統(tǒng)53.3 數(shù)據(jù)庫(kù)設(shè)計(jì)6第4章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)84.1 后臺(tái)管理系統(tǒng)設(shè)計(jì)84.2 前臺(tái)用戶系統(tǒng)設(shè)計(jì)11第5章 系統(tǒng)測(cè)試155.1 測(cè)試目的155.2 測(cè)試特性155.3 測(cè)試方法155.4 測(cè)試用例16結(jié) 論18參考文獻(xiàn)19附錄 核心源代碼20致 謝26III綏化學(xué)院本科生畢業(yè)設(shè)計(jì)第1章 緒 論1.1 背景及意義伴隨著互聯(lián)網(wǎng)購(gòu)物環(huán)境的不斷變化與消費(fèi)者觀念的轉(zhuǎn)變，各種類型的電子商務(wù)交易模式在居民日常生活中起到越來(lái)越重要的作用1。特別是近幾年，“網(wǎng)購(gòu)”這一概念漸漸深入人心，成為老少皆知的一種新型銷售方式，各式各樣的電子商務(wù)平臺(tái)出現(xiàn)在網(wǎng)絡(luò)上。同時(shí)，各電子商務(wù)平臺(tái)的用戶訪問(wèn)量也處于一個(gè)較高的水平線，以2016年的“雙十一”購(gòu)物節(jié)為例，淘寶的總交易額為1207億，產(chǎn)生近2億單訂單。在帶來(lái)巨大商業(yè)利潤(rùn)的同時(shí)，短時(shí)間內(nèi)上億的訪問(wèn)量也給網(wǎng)站服務(wù)器帶來(lái)了巨大的壓力，以一次下單操作最快速的操作至少需要訪問(wèn)3次頁(yè)面來(lái)計(jì)算，平均每秒的訪問(wèn)次數(shù)達(dá)到了9739.6次，高壓力下運(yùn)作的服務(wù)器如果需要響應(yīng)復(fù)雜的代碼來(lái)為用戶提供數(shù)據(jù)顯示，勢(shì)必不能快速響應(yīng)用戶的訪問(wèn)請(qǐng)求，用戶體驗(yàn)度較差。鑒于以上情況，一款基于PHP開(kāi)發(fā)的手機(jī)電子商務(wù)平臺(tái)“HAO”商城致力于可以快速響應(yīng)用戶請(qǐng)求，簡(jiǎn)單快捷的為用戶提供一個(gè)挑選購(gòu)買手機(jī)的電子商務(wù)平臺(tái)。用戶可以快速地進(jìn)行網(wǎng)頁(yè)瀏覽，網(wǎng)站中的布局簡(jiǎn)單整潔，展示信息盡力避免冗余的情況發(fā)生，力求讓用戶在最短的時(shí)間完成自己最想完成的操作。1.2 國(guó)內(nèi)外發(fā)展現(xiàn)狀國(guó)內(nèi)的電商平臺(tái)以淘寶、京東等平臺(tái)為主，現(xiàn)在基本上已經(jīng)達(dá)到了全國(guó)范圍覆蓋，銷售范圍以國(guó)內(nèi)為主，不過(guò)貨品采購(gòu)范圍在逐步上升至全球化。同時(shí)，各大品牌也都有自己的網(wǎng)絡(luò)店鋪，進(jìn)行電商交易，不過(guò)銷售范圍不及大型電商平臺(tái)。國(guó)內(nèi)的發(fā)展趨勢(shì)趨向于更親民，一點(diǎn)點(diǎn)的開(kāi)始通過(guò)云計(jì)算進(jìn)行數(shù)據(jù)共享，同時(shí)慢慢走向國(guó)際。國(guó)外的電商平臺(tái)起步較早，現(xiàn)在基本上已經(jīng)具備了成體系的規(guī)模。以美國(guó)為例，亞馬遜的成功可以說(shuō)是電商界的典范，從單類型銷售到多類型銷售，過(guò)渡到推出個(gè)人喜歡的設(shè)計(jì)界面、推出各種特色功能，甚至是提供一些實(shí)體店的信息。發(fā)展到現(xiàn)在開(kāi)始開(kāi)發(fā)app、通過(guò)云計(jì)算使得用戶的偏好可以在多家電商平臺(tái)進(jìn)行數(shù)據(jù)共享，使之更方便用戶的使用。商品的銷售和采購(gòu)范圍整體上趨于全球化，同時(shí)在不斷的壓低價(jià)格，通過(guò)降低商家成本來(lái)控制電商平臺(tái)的價(jià)格。1第2章 需求分析2.1 可行性分析現(xiàn)在，各大手機(jī)廠商都會(huì)在官網(wǎng)上推出購(gòu)買功能，來(lái)為想要購(gòu)買本品牌手機(jī)的用戶提供方便服務(wù)，不過(guò)這種方便只是對(duì)于確定要買對(duì)應(yīng)品牌的手機(jī)的用戶而言。事實(shí)上，很多人在決定買那個(gè)手機(jī)的時(shí)候都會(huì)進(jìn)行產(chǎn)品的比對(duì)，同時(shí)打開(kāi)多個(gè)網(wǎng)站所占用的網(wǎng)絡(luò)帶寬雖然對(duì)現(xiàn)在的寬帶速度來(lái)說(shuō)并不多，但是加載時(shí)依舊避免不了延時(shí)的產(chǎn)生。與此同時(shí)，不同網(wǎng)站間的注冊(cè)方式大不相同，盡管現(xiàn)在都趨于直接通過(guò)手機(jī)號(hào)注冊(cè)，但是難免會(huì)有用戶面臨更換手機(jī)號(hào)之后無(wú)法登錄的問(wèn)題。同時(shí)，不同網(wǎng)站間的密碼規(guī)則不盡相同，對(duì)于記憶密碼也會(huì)給用戶帶來(lái)很大的負(fù)擔(dān)。所以，一款集合了多種品牌手機(jī)的電子商務(wù)平臺(tái)的出現(xiàn)，會(huì)很好的幫助用戶解決這些問(wèn)題，哪怕用戶不再本網(wǎng)站進(jìn)行購(gòu)買，也可以利用本網(wǎng)站的信息來(lái)更好的進(jìn)行挑選，進(jìn)行本網(wǎng)站的設(shè)計(jì)和開(kāi)發(fā)是可行的。2.2 功能需求1）后臺(tái)管理系統(tǒng)需要實(shí)現(xiàn)具有管理員權(quán)限用戶對(duì)整個(gè)網(wǎng)站平臺(tái)的管理功能，主要體現(xiàn)在對(duì)用戶的權(quán)限管理、對(duì)商品的管理等。整個(gè)系統(tǒng)具有一定的保密性，不允許普通用戶進(jìn)行訪問(wèn)。該系統(tǒng)至少應(yīng)包含：前臺(tái)用戶管理、后臺(tái)用戶管理、商品類別管理、商品信息管理、訂單管理，這五大基本功能模塊，以滿足管理員對(duì)網(wǎng)站的管理需求，可以對(duì)網(wǎng)站的信息進(jìn)行修改。此外，還可以有延伸功能，例如可以加入首頁(yè)輪播圖的管理、網(wǎng)站的開(kāi)關(guān)功能等，可按實(shí)際情況酌情添加。同時(shí)，由于存在超級(jí)管理員、管理員、客服人員三種不同可以登錄后臺(tái)管理系統(tǒng)的身份，所以對(duì)用戶信息進(jìn)行修改時(shí)，需要對(duì)權(quán)限進(jìn)行判定，避免低權(quán)限人員對(duì)高權(quán)限人員進(jìn)行錯(cuò)誤修改和錯(cuò)誤操作。2）前臺(tái)用戶使用系統(tǒng)則是普通用戶訪問(wèn)的部分，需要有首頁(yè)、列表頁(yè)、詳情頁(yè)等，讓用戶可以完成注冊(cè)/登錄、購(gòu)買等功能。此系統(tǒng)應(yīng)滿足用戶的最基本需求，應(yīng)至少由首頁(yè)、列表頁(yè)、詳情頁(yè)、購(gòu)物車、訂單頁(yè)、注冊(cè)/登錄這六大功能模塊組成，延伸功能包括個(gè)人中心、積分商品等功能。2.3 環(huán)境需求本次開(kāi)發(fā)是開(kāi)發(fā)一款B/S結(jié)構(gòu)的網(wǎng)站，即瀏覽器為客戶端的網(wǎng)站結(jié)構(gòu)，適用性廣泛。操作系統(tǒng)：Windows7；開(kāi)發(fā)平臺(tái)：Xampp；開(kāi)發(fā)語(yǔ)言：PHP 7.0.1、HTML5、CSS3、Javascript；后臺(tái)數(shù)據(jù)：Mysql；服務(wù)器端：Apache；客戶端：兼容所有PC平臺(tái)瀏覽器。主要開(kāi)發(fā)工具介紹：1、 PHP 7.0.1PHP 是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言, 它大量地借用 C，Java 和 Perl 語(yǔ)言的語(yǔ)法，并耦合 PHP 自己的特性，使WEB 開(kāi)發(fā)者快速地寫出動(dòng)態(tài)生成頁(yè)面2。2、 HTML5HTML（Hyper Text Mark-up Language）即超文本標(biāo)記語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的規(guī)范語(yǔ)言。它是通過(guò)標(biāo)記符號(hào)對(duì)文字、圖形、動(dòng)畫、聲音、鏈接等這些網(wǎng)頁(yè)中的內(nèi)容進(jìn)行標(biāo)記，進(jìn)行頁(yè)面的排版布局的規(guī)范或標(biāo)準(zhǔn)3。3、 Mysql Mysql具有小巧、免費(fèi)、開(kāi)源、高效等優(yōu)點(diǎn)，與PHP一樣屬于一種開(kāi)放源碼的軟件，對(duì)于權(quán)限訪問(wèn)、建立、刪除等一系列程序都具有相當(dāng)?shù)闹С中?，能夠?qū)Χ喾N平臺(tái)和多線程運(yùn)行方式提供一定的支持性4。第3章 應(yīng)用設(shè)計(jì)3.1 后臺(tái)管理系統(tǒng) 后臺(tái)管理系統(tǒng)力求簡(jiǎn)約化設(shè)計(jì)，整體流程清晰，操作度不應(yīng)過(guò)高。由前臺(tái)用戶管理、后臺(tái)用戶管理、商品類別管理、商品信息管理、訂單管理等模塊組成。后臺(tái)管理系統(tǒng)只可由管理員用戶登錄并進(jìn)行對(duì)應(yīng)權(quán)限的操作。整體流程如圖31。開(kāi)始登錄否是否為管理員是進(jìn)行瀏覽操作否是否有操作權(quán)限是執(zhí)行當(dāng)前操作退出登錄結(jié)束圖31 后臺(tái)管理系統(tǒng)流程圖26整體操作流程說(shuō)明：1） 必須先進(jìn)行登錄操作，如果使用賬號(hào)非管理員賬號(hào)則會(huì)被禁止登錄；2） 在左側(cè)選項(xiàng)卡選擇想要進(jìn)行管理操作的模塊進(jìn)入；3）進(jìn)行對(duì)應(yīng)的增、刪、改、查操作，但是有一些特殊操作（如：更改其他管理員權(quán)限）會(huì)有一次權(quán)限判斷，如果權(quán)限不夠，會(huì)拒絕操作；4）完成所有操作后，可進(jìn)行退出操作或直接關(guān)閉瀏覽器結(jié)束整體流程。3.2 前臺(tái)用戶系統(tǒng)前臺(tái)用戶使用系統(tǒng)是平時(shí)展現(xiàn)給用戶的系統(tǒng)，各頁(yè)面間如果有關(guān)聯(lián)關(guān)系應(yīng)該可以進(jìn)行比較直接的跳轉(zhuǎn)，以便用戶的使用。主要頁(yè)面構(gòu)成有：首頁(yè)、列表頁(yè)、詳情頁(yè)、登錄、注冊(cè)、購(gòu)物車、訂單頁(yè)等。頁(yè)面關(guān)系如圖32。首 頁(yè)登錄頁(yè)注冊(cè)頁(yè)列表頁(yè)詳情頁(yè)訂單頁(yè)圖32 用戶使用系統(tǒng)頁(yè)面鏈接圖整體瀏覽流程說(shuō)明：用戶輸入網(wǎng)址默認(rèn)進(jìn)入到首頁(yè)，在首頁(yè)可找到和其他任何頁(yè)面的鏈接，可以直接選擇登錄/注冊(cè)，也可以先進(jìn)行商品瀏覽。商品瀏覽可以直接在熱銷商品的展示欄中選擇對(duì)應(yīng)商品進(jìn)入詳情頁(yè)，也可以先進(jìn)入列表頁(yè)進(jìn)行所有商品的瀏覽后，選擇對(duì)應(yīng)商品進(jìn)入詳情頁(yè)。進(jìn)入詳情頁(yè)后可以調(diào)整所選商品的型號(hào)參數(shù)，之后會(huì)跳轉(zhuǎn)入訂單頁(yè)，在這一步跳轉(zhuǎn)中如果沒(méi)有登錄的用戶會(huì)自動(dòng)跳轉(zhuǎn)至登錄頁(yè)面。3.3 數(shù)據(jù)庫(kù)設(shè)計(jì)3.3.1 數(shù)據(jù)庫(kù)設(shè)計(jì)理念數(shù)據(jù)表的設(shè)計(jì)應(yīng)該依功能要求而定，不同的模塊對(duì)數(shù)據(jù)表的字段數(shù)量要求不同，甚至一個(gè)模塊需要二張以上的表通過(guò)外鍵進(jìn)行聯(lián)合索引進(jìn)行操作。同時(shí)要考慮前后臺(tái)對(duì)應(yīng)功能模塊對(duì)表的不同使用情況，以此來(lái)對(duì)保密性不同的數(shù)據(jù)進(jìn)行分表存儲(chǔ)。本次開(kāi)發(fā)由用戶模塊、商品模塊、訂單模塊三大主要模塊的數(shù)據(jù)表為主。3.3.2 各模塊數(shù)據(jù)表組成1） 用戶模塊本模塊主要存儲(chǔ)用戶信息，讓管理員可以對(duì)用戶進(jìn)行管理，但是考慮到數(shù)據(jù)安全性，所以將前后臺(tái)用戶分開(kāi)進(jìn)行保存。模塊包含2張數(shù)據(jù)表：前臺(tái)用戶信息表（webuser）、后臺(tái)用戶信息表（adminuser）。表結(jié)構(gòu)如表31所示。表31 后臺(tái)用戶信息表字段名意義數(shù)據(jù)類型約束備注Id用戶idInt主鍵、非空、自增User賬戶Varchar非空Pass密碼Varchar非空Name用戶名Varchar非空Identity身份級(jí)別Int非空1：客服人員2：普通管理員3：超級(jí)管理員Status狀態(tài)Int非空1：?jiǎn)⒂?：禁用Time添加時(shí)間Varchar2）商品模塊本模塊主要存儲(chǔ)商品信息，由于商品的信息比較復(fù)雜，所以，需要的字段數(shù)量較多，但是出于對(duì)數(shù)據(jù)的保密性和數(shù)據(jù)表的穩(wěn)定性考慮，會(huì)利用多張表來(lái)進(jìn)行存儲(chǔ)，各表間通過(guò)外鍵連接。模塊包含5張數(shù)據(jù)表：商品類別表（type）、商品信息表（goods）、商品詳情表（version）、介紹信息圖表（intro）、縮略圖信息表（pics）。表結(jié)構(gòu)如表32所示。表32 商品詳情表（version）字段名意義數(shù)據(jù)類型約束備注IdidInt主鍵、非空、自增GidGoods表idVarchar非空、外鍵Version商品版本號(hào)Varchar非空Price商品單價(jià)Varchar非空Num庫(kù)存量Int非空Sale銷售量Int非空Color顏色屬性VarcharSize規(guī)格屬性VarcharRemark備注信息Varchar3）訂單模塊本模塊主要存儲(chǔ)訂單信息，需要體現(xiàn)購(gòu)買的商品名稱、商品數(shù)量等信息。由于在此操作中會(huì)只可以購(gòu)買一種商品，故只需要一張數(shù)據(jù)表就可以滿足此模塊的功能需求。模塊包含1張數(shù)據(jù)表：訂單信息表（orders）。表結(jié)構(gòu)如表33所示。表33 訂單信息表（orders）字段名意義數(shù)據(jù)類型約束備注Id訂單idInt主鍵、非空、自增Uid用戶表idInt非空Version版本表versionVarchar非空Num購(gòu)買量Int非空People聯(lián)系人Varchar非空Address收貨地址Varchar非空Phone聯(lián)系方式Varchar非空Total訂單總價(jià)Varchar非空Status狀態(tài)Int非空1：未發(fā)貨2：已發(fā)貨3：已收貨4：已完成5：無(wú)效訂單第4章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)4.1 后臺(tái)管理系統(tǒng)設(shè)計(jì)4.1.1 前臺(tái)用戶管理通過(guò)對(duì)前臺(tái)用戶信息表（webuser）的操作完成前臺(tái)用戶查看、限制登錄功能。操作頁(yè)面如圖41所示。圖41 前臺(tái)用戶管理頁(yè)面本頁(yè)面通過(guò)點(diǎn)擊狀態(tài)單元格內(nèi)容即可完成對(duì)前臺(tái)用戶的禁用和解禁功能，管理操作簡(jiǎn)易，無(wú)頁(yè)面跳轉(zhuǎn)的情況發(fā)生。整個(gè)頁(yè)面通過(guò)Javascrisp和Ajax的運(yùn)用實(shí)現(xiàn)無(wú)整體頁(yè)面刷新，只更新幾個(gè)文字就可以很直觀的體現(xiàn)管理操作。4.1.2 后臺(tái)用戶管理通過(guò)對(duì)后臺(tái)用戶信息表（adminuser）的操作完成后臺(tái)用戶的添加、修改、查看、刪除、禁用功能。操作頁(yè)面如圖42和圖43所示。圖42 后臺(tái)用戶添加頁(yè)面圖43 后臺(tái)用戶修改功能 后臺(tái)用戶管理因涉及到添加管理員用戶和對(duì)管理員用戶的整體管理，所以有獨(dú)立的添加頁(yè)面，但是可以通過(guò)bootstrap的模態(tài)框?qū)⑿薷捻?yè)面整合到瀏覽頁(yè)面中，同時(shí)將刪除操作直接體現(xiàn)在瀏覽頁(yè)面上。盡可能減少頁(yè)面數(shù)量，同時(shí)采用框架內(nèi)的緩存文件，即使整體刷新頁(yè)面，重新加載速度也可以控制在極短的范圍內(nèi)。4.1.3 商品類別管理通過(guò)對(duì)商品類別表（type）表的操作完成商品類別的查看、添加、修改、刪除功能。操作頁(yè)面如圖44所示。圖44 商品類別管理頁(yè)面 商品類別管理只需較簡(jiǎn)單的增、刪、改、查操作，甚至將添加頁(yè)面也和瀏覽頁(yè)面進(jìn)行了合并，可以讓管理員在瀏覽頁(yè)面上通過(guò)模態(tài)框就可以進(jìn)行所有想進(jìn)行的操作，只有在必要時(shí)進(jìn)行頁(yè)面的刷新。當(dāng)然，也有直接進(jìn)行添加類別的頁(yè)面，只是為了方便在無(wú)數(shù)據(jù)時(shí)進(jìn)行操作。4.1.4 商品信息管理通過(guò)對(duì)商品信息表（goods）、商品詳情表（version）、介紹信息圖表（intro）、縮略圖信息表（pics）的操作完成商品綜合信息的查看、添加、修改、刪除功能。添加操作的兩種不同情況分別如圖45和圖46所示。圖45 商品添加頁(yè)面的單型號(hào)商品添加圖46 商品添加頁(yè)面的多型號(hào)商品添加商品信息管理頁(yè)面系統(tǒng)構(gòu)成是所有后臺(tái)管理模塊中較為復(fù)雜的一部分，因?yàn)樯婕暗降谋砗托畔⒘慷己艽?，而且存在是否有多型?hào)的判斷，所以在添加頁(yè)面中為管理員提供了選擇，減少了頁(yè)面的數(shù)量，也優(yōu)化了跳轉(zhuǎn)的關(guān)系，使所有操作變得非常簡(jiǎn)明。4.1.5 訂單信息管理通過(guò)對(duì)訂單信息表（orders）的操作完成訂單信息查看、訂單狀態(tài)修改功能。操作頁(yè)面如圖47所示。圖47 訂單管理頁(yè)面 對(duì)訂單的管理只需要對(duì)狀態(tài)進(jìn)行修改，原則上要禁止刪除訂單，對(duì)于取消的訂單只需要將其狀態(tài)變?yōu)闊o(wú)效訂單即可，實(shí)現(xiàn)了無(wú)整體頁(yè)面刷新，只需點(diǎn)擊狀態(tài)就可以完成管理操作。4.2 前臺(tái)用戶系統(tǒng)設(shè)計(jì)4.2.1 首頁(yè)首頁(yè)主要展示熱銷商品信息，提供去往個(gè)頁(yè)面的鏈接，如：登錄、列表、詳情等。整體頁(yè)面如圖48所示。圖48 首頁(yè) 首頁(yè)由標(biāo)題欄、導(dǎo)航欄、輪播廣告、熱銷商品欄、版權(quán)欄構(gòu)成，用戶可以在首頁(yè)上選擇即將要進(jìn)行的操作或?yàn)g覽。 4.2.2 登錄/注冊(cè)此頁(yè)面需要用戶輸入身份信息，完成登錄/注冊(cè)功能。登錄頁(yè)面如圖49所示。圖49 登錄頁(yè)面注冊(cè)頁(yè)面如圖410所示，注冊(cè)必需信息包括賬號(hào)、密碼、昵稱、性別、手機(jī)的信息。 圖410 注冊(cè)頁(yè)面登錄/注冊(cè)頁(yè)面只需提供相應(yīng)的表單讓用戶完成操作即可，采用Ajax進(jìn)行數(shù)據(jù)發(fā)送，盡可能減少用戶賬號(hào)密碼的泄漏風(fēng)險(xiǎn)。4.2.3 列表頁(yè)此類頁(yè)面展示對(duì)應(yīng)類別的商品簡(jiǎn)略信息，主要幫助用戶進(jìn)行商品的瀏覽查找。整體頁(yè)面如圖411所示。圖411 列表頁(yè)列表頁(yè)展示所選類別的所有商品，每種商品顯示圖片、名稱、簡(jiǎn)介、銷量、單價(jià)信息，讓用戶最直觀的了解現(xiàn)階段最暢銷商品。商品類別、詳細(xì)分類兩行可以顯示所選類別，同時(shí)方便用戶進(jìn)行選擇。在顯示過(guò)程中，后臺(tái)分配數(shù)據(jù)量進(jìn)行了最大限度的減少，以提供更快的加載速度，事實(shí)上可以通過(guò)瀑布流特效來(lái)進(jìn)一步提升加載速度，但是由于技術(shù)原因未能實(shí)現(xiàn)。4.2.4 詳情頁(yè)此類頁(yè)面展示對(duì)應(yīng)商品的詳細(xì)信息，包括縮略圖的查看、商品介紹信息展示，提供添加購(gòu)物車操作，同時(shí)具有前往訂單頁(yè)下單的鏈接。整體頁(yè)面如圖412所示。圖412 詳情頁(yè) 詳情頁(yè)顯示用戶所選擇商品的詳細(xì)信息，有多型號(hào)的商品會(huì)讓用戶有選擇的選項(xiàng)。用戶進(jìn)行不同型號(hào)改變的時(shí)候利用Ajax獲取新型號(hào)的數(shù)據(jù)并對(duì)頁(yè)面對(duì)應(yīng)信息進(jìn)行更新，并不會(huì)多次刷新頁(yè)面，提升用戶體驗(yàn)度。4.2.5 訂單頁(yè)此類頁(yè)面展示即將完成購(gòu)買商品的信息，提供讓用戶輸入配送地點(diǎn)等信息的表單，完成形成的訂單的功能。訂單操作頁(yè)如圖413所示。圖413 訂單頁(yè) 訂單頁(yè)是從詳情頁(yè)跳轉(zhuǎn)過(guò)來(lái)的，需要用戶填寫對(duì)應(yīng)的收貨信息，網(wǎng)站還不支持對(duì)收貨地址的保存，每一次下單操作都需要用戶填寫表單，在填寫所有信息并確認(rèn)之后，就會(huì)顯示生成的訂單信息。用戶可以在個(gè)人中心中查看自己所有的訂單。第5章 系統(tǒng)測(cè)試5.1 測(cè)試目的測(cè)試的定義：程序測(cè)試是為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過(guò)程。但是，測(cè)試并不僅僅是為了找出錯(cuò)誤，而且要解決錯(cuò)誤，以免項(xiàng)目在用戶使用時(shí)出現(xiàn)不必要的麻煩。通過(guò)對(duì)錯(cuò)誤的分析，總結(jié)在設(shè)計(jì)上或編碼過(guò)程中的不足，以免以后出現(xiàn)同樣的錯(cuò)誤。同時(shí)測(cè)試也包括一些非錯(cuò)誤類的性能測(cè)試，如：用戶體驗(yàn)度、訪問(wèn)流暢性等。5.2 測(cè)試特性1）挑剔性測(cè)試的主要目的不是證明程序無(wú)錯(cuò)，而是為了證明程序有錯(cuò)。所以，要想找出程序中潛在的大部分錯(cuò)誤，只有抱著程序有錯(cuò)的目的去測(cè)試。2）復(fù)雜性一個(gè)誤區(qū)是設(shè)計(jì)測(cè)試用例比較容易。設(shè)計(jì)測(cè)試用例稍有不慎就會(huì)顧此失彼，這是一項(xiàng)需要高度技巧和細(xì)致耐心的高能工作。3）經(jīng)濟(jì)性通場(chǎng)這種測(cè)試稱為“選擇測(cè)試（Selective Testing）”。選擇測(cè)試用例時(shí)如果能夠注意遵守“經(jīng)濟(jì)性”的原則，可以降低測(cè)試成本。5.3 測(cè)試方法5.3.1 尋找錯(cuò)誤階段此階段使用黑盒測(cè)試方法，采取特殊的測(cè)試案例對(duì)項(xiàng)目模塊進(jìn)行一部分一部分的測(cè)試，快速的發(fā)現(xiàn)各功能模塊有什么不足，對(duì)出現(xiàn)的漏洞進(jìn)行記錄。由于不用進(jìn)行代碼分析，所以，測(cè)試過(guò)程會(huì)很快結(jié)束。主旨是站在用戶的角度來(lái)審視項(xiàng)目的整體。5.3.2 解決錯(cuò)誤階段在上一階段測(cè)試結(jié)束后，需要對(duì)出現(xiàn)的錯(cuò)誤、漏洞進(jìn)行修復(fù)，期間必然會(huì)對(duì)代碼進(jìn)行分析和修改，所以，在這一階段使用白盒測(cè)試方法進(jìn)行測(cè)試，更細(xì)致的對(duì)模塊功能進(jìn)行檢測(cè)、修復(fù)、優(yōu)化。5.4 測(cè)試用例5.4.1 后臺(tái)系統(tǒng)管理測(cè)試表51 后臺(tái)管理系統(tǒng)測(cè)試案例測(cè)試項(xiàng)目功能指標(biāo)測(cè)試方法預(yù)期結(jié)果結(jié)論前臺(tái)用戶禁用對(duì)用戶進(jìn)行禁用之后，該用戶不能在前臺(tái)系統(tǒng)完成登錄禁用用戶后，在前臺(tái)系統(tǒng)進(jìn)行登錄操作用戶無(wú)法登錄正確完成后臺(tái)用戶管理對(duì)后臺(tái)用戶進(jìn)行查看、添加、修改、刪除、禁用操作通過(guò)頁(yè)面新添加一個(gè)用戶，之后對(duì)該用戶進(jìn)行一系列管理操作能正確完成添加、修改操作，在禁用該用戶后，該用戶無(wú)法登錄后臺(tái)系統(tǒng)正確完成商品類別管理添加、修改、刪除商品類別通過(guò)頁(yè)面新添加一個(gè)商品類別，添加過(guò)程中會(huì)測(cè)試一些特殊字符，之后進(jìn)行管理操作能正確完成各項(xiàng)操作，對(duì)違規(guī)內(nèi)容有對(duì)應(yīng)提示正確完成商品信息管理對(duì)后商品信息進(jìn)行查看、添加、修改、刪除、不顯示操作通過(guò)頁(yè)面新添加一個(gè)商品信息，添加過(guò)程中會(huì)測(cè)試一些特殊字符，之后進(jìn)行管理操作能正確完成各項(xiàng)操作，對(duì)違規(guī)內(nèi)容有對(duì)應(yīng)提示正確完成訂單管理可以完成對(duì)訂單狀態(tài)的修改首先在前臺(tái)系統(tǒng)完成一個(gè)新的下單操作，之后在后臺(tái)系統(tǒng)中檢測(cè)是否可以修改裝填可以對(duì)訂單狀態(tài)進(jìn)行修改正確完成經(jīng)測(cè)試，后臺(tái)管理系統(tǒng)沒(méi)有漏洞，可以進(jìn)行各功能模塊的運(yùn)行，增、刪、改、查操作都可以正確生效。各頁(yè)面加載速度達(dá)到預(yù)期效果，刷新過(guò)程中在加載uploadify插件過(guò)程中易出現(xiàn)卡頓情況。后臺(tái)管理員可以正常使用后臺(tái)管理系統(tǒng)對(duì)網(wǎng)站信息進(jìn)行管理。5.4.2 前臺(tái)使用系統(tǒng)測(cè)試表5-2 前臺(tái)用戶系統(tǒng)測(cè)試案例測(cè)試項(xiàng)目功能指標(biāo)測(cè)試方法預(yù)期結(jié)果結(jié)論注冊(cè)完成注冊(cè)操作在前臺(tái)系統(tǒng)進(jìn)行注冊(cè)操作用戶可以注冊(cè)正確完成登錄完成登錄操作在前臺(tái)系統(tǒng)進(jìn)行登錄操作用戶可以登錄或提示被禁用正確完成列表頁(yè)可以顯示對(duì)應(yīng)類別商品進(jìn)入列表頁(yè)后快速多次切換商品類別正確顯示對(duì)應(yīng)類別商品正確完成詳情頁(yè)顯示商品的詳細(xì)信息，重點(diǎn)功能是在選擇商品型號(hào)時(shí)，可以更新對(duì)應(yīng)信息進(jìn)入詳情頁(yè)后多次選擇不同型號(hào)能正確進(jìn)行消息更新正確完成訂單頁(yè)可以進(jìn)行下單操作通過(guò)購(gòu)物車界面進(jìn)入，之后填寫一些違規(guī)信息進(jìn)行測(cè)試填寫違規(guī)信息會(huì)有提示報(bào)錯(cuò)正確完成經(jīng)測(cè)試，前臺(tái)用戶系統(tǒng)各功能模塊可以實(shí)現(xiàn)效果。列表頁(yè)和詳情頁(yè)均可以顯示對(duì)應(yīng)正確信息，加載速度達(dá)到預(yù)期效果，各表單驗(yàn)證均已生效。前臺(tái)用戶可以正常使用前臺(tái)用戶系統(tǒng)進(jìn)行商品的瀏覽、購(gòu)買操作。結(jié) 論本網(wǎng)站可以基本上滿足用戶對(duì)手機(jī)挑選購(gòu)買的需求，整體風(fēng)格以簡(jiǎn)潔為主，會(huì)讓用戶可以在最短的時(shí)間內(nèi)完成瀏覽、購(gòu)買操作。開(kāi)發(fā)過(guò)程中，使用了laravel框架進(jìn)行項(xiàng)目功能開(kāi)發(fā)，jquery框架進(jìn)行效果的實(shí)現(xiàn)，大量運(yùn)用ajax避免頁(yè)面多次刷新。優(yōu)點(diǎn)是整體流程完整，在使用過(guò)程中不會(huì)出現(xiàn)致命漏洞，所有頁(yè)面在加載過(guò)程中除了請(qǐng)求數(shù)據(jù)量大的首頁(yè)類頁(yè)面，其他所有頁(yè)面加載速度不會(huì)超過(guò)1秒。缺點(diǎn)是有一些功能因?yàn)闊o(wú)法使用API接口，無(wú)法實(shí)現(xiàn)如：瀑布流特效、客服交流等功能。在今后開(kāi)發(fā)維護(hù)過(guò)程中會(huì)逐步完善功能，在現(xiàn)基礎(chǔ)上添加更多可以方便用戶操作的功能，或許只是一個(gè)小的按鈕的添加都會(huì)提升用戶的好感度。期望在完全實(shí)現(xiàn)所有功能之后，此項(xiàng)目可以有更好的實(shí)用價(jià)值。參考文獻(xiàn)1金蕾. 國(guó)內(nèi)C2C電子商務(wù)發(fā)展趨勢(shì)探討J. 現(xiàn)代商業(yè),2016,(29):24-25.2歐陽(yáng)平凡. 三種動(dòng)態(tài)網(wǎng)頁(yè)語(yǔ)言ASP、JSP、PHP之比較J. 電腦知識(shí)與技術(shù),2006,(02):124-125.3周瑜嫄. 移動(dòng)端HTML5廣告的受眾體驗(yàn)設(shè)計(jì)研究D.江南大學(xué),2016.4李強(qiáng). 以PHP+MySQL為基礎(chǔ)的網(wǎng)站開(kāi)發(fā)研究J. 網(wǎng)絡(luò)安全技術(shù)與應(yīng)用,2014,(05):22-23.5Weber,R.H.Accountability in the Internet of Things. Computer Law & Security Review . 20116張子豐. 基于PHP的商務(wù)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)D.電子科技大學(xué),2015.7老萬(wàn). 加快網(wǎng)頁(yè)文件的加載速度J. 電腦愛(ài)好者,2015,(12):66.附錄 核心源代碼后臺(tái)用戶管理代碼：get(); $supadmin=array();/超級(jí)管理員數(shù)組 $comadmin=array();/普通管理員數(shù)組 $cusadmin=array();/客服人員數(shù)組 foreach($data as $key = $value) switch ($valueidentity) case 3: if($valuestatus=1) $status=啟用; else $status=禁用; $time=date(Y-m-d H:i:s,$valuetime); $message=array( id=$valueid, name=$valuename, user=$valueuser, status=$status, time=$time ); array_push($supadmin,$message); break; case 2: if($valuestatus=1) $status=啟用; else $status=禁用; $time=date(Y-m-d H:i:s,$valuetime); $message=array( id=$valueid, name=$valuename, user=$valueuser, status=$status, time=$time ); array_push($comadmin,$message); break; case 1: if($valuestatus=1) $status=啟用; else $status=禁用; $time=date(Y-m-d H:i:s,$valuetime); $message=array( id=$valueid, name=$valuename, user=$valueuser, status=$status, time=$time ); array_push($cusadmin,$message); break; return view(admin.adminuser.index,supadmin=$supadmin,comadmin=$comadmin,cusadmin=$cusadmin); /添加用戶頁(yè)面 public function getInsert() return view(admin.adminuser.insert); /完成添加用戶 public function postDoinsert() / var_dump($_POST); if(empty($_POSTname) switch ($_POSTidentity) case 1: $name=客服.rand(10000,99999); break; case 2: $name=管理.rand(1000,9999); break; case 3: $name=超管.rand(100,999); break; else $name=$_POSTname; $res=DB:table(adminuser)-insert( user=$_POSTuser, pass=md5($_POSTpass), name=$name, identity=$_POSTidentity, time=$_POSTtime ); if($res) echo success; else echo fail; /完成修改用戶 public function postUpdate() $res=DB:table(adminuser) -where(id,$_POSTid) -update( name=$_POSTname, identity=$_POSTidentity, status=$_POSTstatus ); if($res) echo success; else echo fail; /完成刪除用戶 public function postDelete() $res=DB:table(adminuser)-where(id,$_POSTid)-delete(); if($res) echo success; else echo fail; /測(cè)試帳號(hào)唯一性 public function getTestuser() $un=DB:table(adminuser)-where(user,$_GETuser)-get(); if(count($un)=1) echo fail; else echo success; /檢測(cè)權(quán)限等級(jí) public function getTestidentity() $identity=DB:table(adminuser)-where(id,$_GETid)-first()identity; if(session(identity)=$identity) echo refuse; 詳情頁(yè)獲取數(shù)據(jù)代碼：where(id,$_GETid)-first(); $pic=DB:table(pics)-where(gid,$_GETid)-first(); $pics=array(); $pics=$picone; $pics=$pictwo; $pics=$picthree; $pics=$picfour; $int=DB:table(intro)-where(gid,$_GETid)-first(); $ints=array(); $ints=$intone; $ints=$inttwo; $ints=$intthree; $ints=$intfour; $col=DB:table(version)-where(gid,$_GETid)-distinct()-select(color)-get(); $siz=DB:table(version)-where(gid,$_GETid)-distinct()-select(size)-get(); $gid=$goodid; $name=$goodname; $pic=$goodpic; $color=array(); foreach ($col as $key = $value) array_push($color,$valuecolor); $size=array(); foreach ($siz as $key = $value) array_push($size,$valuesize); $version=DB:table(version)-where(gid,$_GETid)-first(); $ver=$versionversion; $remark=$versionremark; $price=$versionprice; $sale=$versionsale; $num=$versionnum; return view(web.good.detail,ver=$ver,gid=$gid,pic=$pic,pics=$pics,intro=$ints,name=$name,color=$color,size=$size,remark=$remark,price=$price,sale=$sale,num=$num); public function getChange() $data=DB:table(version)-where(gid=$_GETgid,color=$_GETcolor,size=$_GETsize)-first(); echo json_encode($data); 致 謝在任務(wù)的完成過(guò)程中，由于經(jīng)驗(yàn)不足的關(guān)系，我得到了指導(dǎo)老師的大力支持和幫助。同時(shí)，在思路遇到難題的時(shí)候，身邊的同學(xué)都會(huì)提一些自己的意見(jiàn)，有時(shí)他們的一句話就可以讓我攻克一個(gè)許久解決不了的難題。通過(guò)畢業(yè)設(shè)計(jì)，讓我體驗(yàn)了從策劃到開(kāi)發(fā)、從開(kāi)發(fā)到測(cè)試的全過(guò)程，發(fā)現(xiàn)了自己之前在技術(shù)上的很多不足之處，并進(jìn)行學(xué)習(xí)。明白了一個(gè)程序員在開(kāi)發(fā)過(guò)程中，自己能背下來(lái)多少知識(shí)點(diǎn)并不是重點(diǎn)，而是自己是否可以有整體的流程思維。