緒論1.1開(kāi)發(fā)背景互聯(lián)網(wǎng)飛速發(fā)展，早已滲透在人類(lèi)生活的方方面面。因此，電子商務(wù)作為互聯(lián)網(wǎng)發(fā)展的一個(gè)衍生物，受到廣大用戶(hù)的青睞。世界三大飲品之一的咖啡，全球范圍內(nèi)受到廣大消費(fèi)者的青睞。根據(jù)各方面研究指出，全球各地人均咖啡消費(fèi)量均大幅度超過(guò)中國(guó)。這么說(shuō)來(lái)，咖啡在中國(guó)市場(chǎng)還有很大的發(fā)展空間。但是，因?yàn)榈赜虻雀鞣N原因，人們往往不方便購(gòu)買(mǎi)到自己稱(chēng)心如意的咖啡及咖啡用品。基于以上因素，本次選擇設(shè)計(jì)一款咖啡用品網(wǎng)站，希望可以滿(mǎn)足線上銷(xiāo)售，又可以滿(mǎn)足用戶(hù)對(duì)于咖啡的了解。設(shè)計(jì)計(jì)劃既綜合網(wǎng)上購(gòu)物又能實(shí)現(xiàn)較高的經(jīng)濟(jì)可行性。網(wǎng)站擬制作操作便捷的友好人機(jī)交互效果。對(duì)于，管理員或者用戶(hù)來(lái)說(shuō)，簡(jiǎn)潔的操作流程可以大幅度提高工作效率;另一方面，網(wǎng)站的開(kāi)發(fā)成本相對(duì)降低。thinkPHP框架，數(shù)據(jù)庫(kù)和集成環(huán)境現(xiàn)有的PC機(jī)即可提供。綜上所述，開(kāi)發(fā)這樣一款網(wǎng)站是很有必要的。1.2開(kāi)發(fā)意義Internet和其相關(guān)技術(shù)的飛速發(fā)展和提高，使網(wǎng)絡(luò)購(gòu)物成為了大多數(shù)人的主流消費(fèi)方式，它不僅成本低，而且運(yùn)行效果高。當(dāng)下很少有專(zhuān)門(mén)提供咖啡銷(xiāo)售的網(wǎng)站，而此次畢業(yè)設(shè)計(jì)的網(wǎng)站的目的就是為廣大網(wǎng)友提供一個(gè)關(guān)于咖啡的聚集地。任消費(fèi)者挑選，爭(zhēng)取做到種類(lèi)齊全，質(zhì)量層次多，性?xún)r(jià)比最好的網(wǎng)站。

2網(wǎng)站開(kāi)發(fā)相關(guān)技術(shù)2.1環(huán)境部署Wamp是WindowsApacheMySQLPHP集成的一個(gè)安裝環(huán)境。下載安裝包。集成了apache2.4.9、php5.3.12（或php5.4.3）、MySQL5.6.17、Phpmyadmin4.1.14、sqlBuddy1.3.3、XDebug2.2.5以上環(huán)境。運(yùn)行安裝包。安裝完成之后，右下角任務(wù)欄會(huì)多出一個(gè)類(lèi)似W的標(biāo)志。標(biāo)志由紅色變?yōu)槌壬?，最后變?yōu)榫G色。即為安裝成功?？蛇x擇【Language】-【chinese】,可以更換為中文操作界面。在地址欄訪問(wèn)http://localhost或，測(cè)試是否安裝成功。通過(guò)瀏覽器訪問(wèn)，wamp環(huán)境部署成功。如下圖2-1所示。圖2-1環(huán)境部署圖2.2開(kāi)發(fā)語(yǔ)言網(wǎng)站開(kāi)發(fā)語(yǔ)言是基于PHP的thinkPHP框架。PHP是目前大多數(shù)Web項(xiàng)目的主要選擇，它方便，簡(jiǎn)潔，好用的特點(diǎn)受到廣大用戶(hù)的喜歡。另外，PHP的速度，研發(fā)的成本，所需要的時(shí)間，以及以后的維修，擴(kuò)展，修改都十分方便與簡(jiǎn)單，這就是它與其他語(yǔ)言的優(yōu)勢(shì)所在。HTML是作為一種通用標(biāo)準(zhǔn)語(yǔ)言下的一種超級(jí)文本標(biāo)記語(yǔ)言。CSS是層疊樣式表。用來(lái)表現(xiàn)HTML等文件樣式的樣式。層疊樣式表不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言實(shí)現(xiàn)網(wǎng)站的動(dòng)態(tài)功能。JavaScript用于動(dòng)態(tài)功能，通過(guò)小的代碼段來(lái)實(shí)現(xiàn),但都是基本語(yǔ)句控制的腳本語(yǔ)言。亮點(diǎn)在于無(wú)操作系統(tǒng)需求，僅需要瀏覽器即可。2.3數(shù)據(jù)庫(kù)技術(shù)MySQL是一種\t"/item/MySQL%E6%95%B0%E6%8D%AE%E5%BA%93/_blank"開(kāi)源的關(guān)系型\t"/item/MySQL%E6%95%B0%E6%8D%AE%E5%BA%93/_blank"數(shù)據(jù)庫(kù)，因其是開(kāi)放源代碼、速度快、可靠性高和適應(yīng)性強(qiáng)而備受關(guān)注。phpMyadmin作為可視化的數(shù)據(jù)庫(kù)管理頁(yè)面，大大提高了開(kāi)發(fā)速度。“可可時(shí)光”咖啡網(wǎng)站數(shù)據(jù)庫(kù)管理頁(yè)面圖如下圖2-2所示。圖2-2phpMyadmin數(shù)據(jù)庫(kù)管理頁(yè)面圖

3需求分析及可行性分析3.1需求分析本網(wǎng)站是根據(jù)社會(huì)調(diào)研的方式，根據(jù)廣大咖啡愛(ài)好者的需求開(kāi)發(fā)的。根據(jù)調(diào)研，本網(wǎng)站的用戶(hù)有兩類(lèi)：管理員、消費(fèi)者?？Х仁圪u(mài)網(wǎng)站可以幫助消費(fèi)者和網(wǎng)站管理員更好的實(shí)現(xiàn)對(duì)網(wǎng)站的信息化管理。經(jīng)過(guò)對(duì)兩類(lèi)用戶(hù)的需求調(diào)查，做出如下分析。（1）管理員登錄網(wǎng)站后臺(tái)管理中心，可對(duì)網(wǎng)站各模塊內(nèi)容進(jìn)行增加、刪除、修改、查看等操作；（2）用戶(hù)登陸網(wǎng)站前臺(tái)頁(yè)面，可對(duì)“可可時(shí)光”網(wǎng)站信息進(jìn)行瀏覽，購(gòu)買(mǎi)等操作；根據(jù)實(shí)際需求分析將網(wǎng)站大致分為以下幾個(gè)模塊：

管理員模塊：管理員通過(guò)登入界面輸入管理員賬號(hào)、登錄密碼以及驗(yàn)證碼，錄入信息和數(shù)據(jù)庫(kù)進(jìn)行比對(duì)，數(shù)據(jù)輸入完全正確，可成功登良后臺(tái)管理中心。動(dòng)態(tài)的操作網(wǎng)站。

廣告模塊：管理員登陸后臺(tái)管理中心，可對(duì)網(wǎng)站廣告欄內(nèi)容進(jìn)行增、刪、改等功能的實(shí)現(xiàn)。包括廣告圖片，名稱(chēng)等。

輪播圖模塊：管理員登陸后臺(tái)管理中心，可對(duì)網(wǎng)站輪播圖內(nèi)容進(jìn)行增、刪、改等功能。

商品模塊：管理員登陸后臺(tái)管理中心，可對(duì)網(wǎng)站商品進(jìn)行增加、刪除、修改、查看等功能。包括商品名稱(chēng)、售價(jià)、簡(jiǎn)介、圖片等內(nèi)容的操作。

用戶(hù)模塊：用戶(hù)可通過(guò)前臺(tái)頁(yè)面進(jìn)行瀏覽，如有購(gòu)物需求，則需登錄后進(jìn)行購(gòu)買(mǎi)。若沒(méi)有賬號(hào)的用戶(hù)可進(jìn)行注冊(cè)后再登錄。

地址模塊：用戶(hù)可對(duì)自己的收貨地址進(jìn)行添加、編輯和刪除。后臺(tái)管理員可對(duì)用戶(hù)地址查看。

導(dǎo)航模塊：管理員登陸后臺(tái)管理中心，可對(duì)網(wǎng)站導(dǎo)航欄信息進(jìn)行操作。

新聞模塊：管理員登陸后臺(tái)管理中心，可對(duì)網(wǎng)站新聞信息進(jìn)行操作等

。新聞分類(lèi)模塊：管理員登陸后臺(tái)管理中心，可對(duì)網(wǎng)站新聞?lì)悇e進(jìn)行增加、刪除、修改等操作。

訂單模塊：管理員登陸后臺(tái)管理中心，用戶(hù)訂單分為未付款、已付款、正在配送、完成交易、退還貨等狀態(tài)。管理員可對(duì)其狀態(tài)進(jìn)行管理。3.2可行性分析3.2.1技術(shù)可行性Windows作為操作系統(tǒng)網(wǎng)站操作系統(tǒng)，采用webstrom為開(kāi)發(fā)工具，運(yùn)用thinkPHP作為后臺(tái)邏輯處理框架以及MySQL數(shù)據(jù)庫(kù)，設(shè)計(jì)與開(kāi)發(fā)咖啡用品網(wǎng)站?！翱煽蓵r(shí)光”咖啡用品網(wǎng)站的運(yùn)行硬件環(huán)境是PC機(jī)，用戶(hù)可以瀏覽網(wǎng)站，如需購(gòu)買(mǎi)商品，則需要登陸賬賬號(hào)，填寫(xiě)地址進(jìn)行購(gòu)買(mǎi)。管理員如需對(duì)網(wǎng)站進(jìn)行維護(hù)，也可登陸后臺(tái)管理中心，對(duì)網(wǎng)站進(jìn)行操作和維護(hù)。3.2.2經(jīng)濟(jì)可行性一方面，網(wǎng)站具有較好的人機(jī)交互效果，大部分功能的開(kāi)發(fā)依據(jù)用戶(hù)的操作習(xí)慣。使用者在使用時(shí)大大提高了效率；另一方面，網(wǎng)站的開(kāi)發(fā)成本較低?；赑HP語(yǔ)言的，數(shù)據(jù)庫(kù)集成的wamp環(huán)境，現(xiàn)有的PC機(jī)即可提供。3.3.3操作可行性對(duì)網(wǎng)站進(jìn)行操作其實(shí)就是對(duì)windows操作系統(tǒng)的引用，使用者依靠對(duì)windows的操作進(jìn)行添加、編輯、刪除、查看等功能即可對(duì)網(wǎng)站進(jìn)行瀏覽和維護(hù)。操作簡(jiǎn)單便捷。提高工作效率。

4系統(tǒng)設(shè)計(jì)4.1設(shè)計(jì)總則4.1.1實(shí)用性準(zhǔn)則保證系統(tǒng)有完善的系統(tǒng)功能，確保使用的技術(shù)是成熟的，界面設(shè)計(jì)給用戶(hù)很好的體驗(yàn)效果，方便管理人員管理、運(yùn)行和維護(hù)。4.1.2兼容性問(wèn)題客戶(hù)能夠早在每個(gè)瀏覽器上瀏覽該網(wǎng)站，針對(duì)網(wǎng)站不兼容方面得到了解決。4.1.3規(guī)范性準(zhǔn)則規(guī)范性準(zhǔn)則以“軟件工程”的設(shè)計(jì)規(guī)范為準(zhǔn)則。4.2總體設(shè)計(jì)網(wǎng)站功能結(jié)構(gòu)設(shè)計(jì)的核心內(nèi)容是將各種功能進(jìn)行模塊化的設(shè)計(jì),由于所開(kāi)發(fā)網(wǎng)站所構(gòu)建功能的特性決定了系統(tǒng)設(shè)計(jì)中可以采用的設(shè)計(jì)方案,可將網(wǎng)站看成一個(gè)整體的模塊,再將該模塊分為解為許多小的功能模塊。網(wǎng)站功能模塊圖如下圖4-1所示。圖4-1網(wǎng)站功能模塊圖4.3功能模塊劃分根據(jù)系統(tǒng)開(kāi)發(fā)需求，將系統(tǒng)分為前臺(tái)頁(yè)面設(shè)計(jì)和后臺(tái)管理兩個(gè)部分來(lái)實(shí)現(xiàn)4.3.1登錄模塊在登錄模塊中，主要分為分為兩個(gè)部分，包括后臺(tái)管理員和用戶(hù)。用戶(hù)第一次登陸應(yīng)該先注冊(cè)，注冊(cè)界面應(yīng)該是用戶(hù)賬號(hào)和密碼。確認(rèn)密碼。賬號(hào)只能是數(shù)字。它為int類(lèi)型。密碼為varchar類(lèi)型。管理員通過(guò)數(shù)據(jù)庫(kù)直接錄入。具體如圖4-2所示。圖4-2用戶(hù)注冊(cè)登錄功能的設(shè)計(jì)流程圖4.3.2查詢(xún)功能查詢(xún)功能：輸入所要的信息，系統(tǒng)自動(dòng)進(jìn)行搜索。如果搜索成功，則在當(dāng)前頁(yè)面中顯示查詢(xún)對(duì)象所查信息；若未搜索到，則不會(huì)顯示任何內(nèi)容，會(huì)提示暫無(wú)數(shù)據(jù)查詢(xún)功能的設(shè)計(jì)流程圖如圖4-3所示。圖4-3查詢(xún)功能的設(shè)計(jì)流程圖4.3.3編輯功能編輯功能：當(dāng)管理員點(diǎn)擊到編輯按鈕后，彈出模態(tài)框，通過(guò)此條信息ID在數(shù)據(jù)庫(kù)查到數(shù)據(jù)，帶上當(dāng)前行的所有關(guān)鍵信息并自動(dòng)追加到對(duì)應(yīng)的彈出的模態(tài)框中，然后管理員進(jìn)行修改。單擊確定修改完成通過(guò)，點(diǎn)擊取消，則會(huì)退出。如圖4-4所示。圖4-4編輯功能的設(shè)計(jì)流程圖4.3.4刪除功能刪除功能：在信息查詢(xún)中會(huì)有刪除按鈕，該選項(xiàng)會(huì)提示是否刪除信息，若確定刪除，則會(huì)立即刪除，并提示刪除成功；若不選擇刪除，系統(tǒng)不會(huì)作任何操作，仍然停留在當(dāng)前頁(yè)面。具體如下圖4-5所示。圖4-5刪除功能的設(shè)計(jì)流程圖4.4功能設(shè)計(jì)本網(wǎng)站的功能主要分為前臺(tái)頁(yè)面和后來(lái)邏輯兩個(gè)部分：前臺(tái)部分是用戶(hù)模塊：這個(gè)模塊是每一個(gè)系統(tǒng)必須具備的，用戶(hù)可瀏覽和購(gòu)買(mǎi)商品等。后臺(tái)部分是管理員模塊：管理員登陸后臺(tái)管理中心，對(duì)前臺(tái)各模塊信息進(jìn)行操作。4.5數(shù)據(jù)庫(kù)的設(shè)計(jì)與實(shí)現(xiàn)4.5.1數(shù)據(jù)庫(kù)設(shè)計(jì)規(guī)范在概念設(shè)計(jì)中，用到了自頂向下的方法：先從全局解釋概念結(jié)構(gòu)的整個(gè)架構(gòu)，然后對(duì)部分進(jìn)行仔細(xì)劃分。4.5.2數(shù)據(jù)庫(kù)概念模型通過(guò)分析網(wǎng)站各個(gè)模塊，咖啡用品售賣(mài)網(wǎng)站中的實(shí)體有管理員、用戶(hù)、商品、banner、導(dǎo)航、新聞、新聞分類(lèi)、商品分類(lèi)、地址、訂單等，其實(shí)體屬性圖如下：（1）“可可時(shí)光”咖啡網(wǎng)站管理員信息實(shí)體屬性圖，如圖4-6所示。圖4-6網(wǎng)站管理員實(shí)體屬性圖（2）“可可時(shí)光”咖啡網(wǎng)站用戶(hù)信息實(shí)體屬性圖，如圖4-7所示。圖4-7網(wǎng)站用戶(hù)實(shí)體屬性圖（3）“可可時(shí)光”咖啡網(wǎng)站banner信息實(shí)體屬性圖，如圖4-8所示。圖4-8網(wǎng)站banner實(shí)體屬性圖（4）“可可時(shí)光”咖啡網(wǎng)站導(dǎo)航信息實(shí)體屬性圖，如圖4-9所示。圖4-9網(wǎng)站導(dǎo)航實(shí)體屬性圖“可可時(shí)光”咖啡網(wǎng)站新聞信息實(shí)體屬性圖，如圖4-10所示。圖4-10網(wǎng)站新聞實(shí)體屬性圖（6）“可可時(shí)光”咖啡網(wǎng)站新聞分類(lèi)信息實(shí)體屬性圖，如圖4-11所示。圖4-11網(wǎng)站新聞分類(lèi)實(shí)體屬性圖（7）“可可時(shí)光”咖啡網(wǎng)站商品分類(lèi)信息實(shí)體屬性圖，如圖4-12所示。圖4-12網(wǎng)站商品實(shí)體屬性圖（8）“可可時(shí)光”咖啡網(wǎng)站數(shù)據(jù)庫(kù)總體E-R圖如下圖4-13所示。圖4-13數(shù)據(jù)庫(kù)E-R圖4.5.3數(shù)據(jù)表設(shè)計(jì)數(shù)據(jù)庫(kù)的設(shè)計(jì)是根據(jù)用戶(hù)的需求制定的。網(wǎng)站完整的數(shù)據(jù)表的設(shè)計(jì)如下:（1）表4-1是“可可時(shí)光”咖啡網(wǎng)站存儲(chǔ)關(guān)于用戶(hù)注冊(cè)的基本信息,包括用戶(hù)姓名、性別、年齡、登陸日期、注冊(cè)日期等基本字段。主要存儲(chǔ)用戶(hù)的注冊(cè)信息。用戶(hù)注冊(cè)信息表結(jié)構(gòu)如表4-1所示。表4-1網(wǎng)站用戶(hù)注冊(cè)信息表字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度不是NullidInt11非空，唯一值主鍵Pswvarchar255非空markvarchar255非空namevarchar255gendervarchar255ageint11xingvarchar255hobbyvarchar255（2）表4-2是“可可時(shí)光”咖啡網(wǎng)站banner表，這里存儲(chǔ)的主要是banner圖的相關(guān)信息，圖片名稱(chēng)、圖片跳轉(zhuǎn)地址、圖片排序等。banner表如下表4-2所示。表4-2網(wǎng)站banner信息表字段名稱(chēng)數(shù)據(jù)類(lèi)型是否可為空長(zhǎng)度說(shuō)明idint非空11主鍵namevarchar非空255urlvarchar非空255sortint非空11imgint是11hoverNameint非空11表4-3是“可可時(shí)光”咖啡網(wǎng)站廣告表，主要存儲(chǔ)廣告圖片、廣告名稱(chēng)等信息。廣告表如下表4-3所示。表4-3網(wǎng)站網(wǎng)站廣告信息表字段名稱(chēng)數(shù)據(jù)類(lèi)型是否可為空長(zhǎng)度說(shuō)明idint非空11主鍵namevarchar非空255Imgvarchar非空255sortint非空11contentint是11hoverNameint非空11（4）表4-4是“可可時(shí)光”咖啡網(wǎng)站新聞表，存貯的信息包括新聞簡(jiǎn)介、新聞標(biāo)題、新聞圖片等。網(wǎng)站新聞表結(jié)構(gòu)如表4-4所示。表4-4網(wǎng)站新聞表字段名稱(chēng)數(shù)據(jù)類(lèi)型是否可為空說(shuō)明idint非空主鍵Titlevarchar非空Imgint非空Cotentvarchar非空

5網(wǎng)站功能實(shí)現(xiàn)5.1前臺(tái)管理模塊的實(shí)現(xiàn)本網(wǎng)站的前臺(tái)頁(yè)面實(shí)現(xiàn)了用戶(hù)瀏覽網(wǎng)站信息、購(gòu)買(mǎi)商品、資訊閱讀等功能。網(wǎng)站首頁(yè)如圖5-1所示。圖5-1前臺(tái)功能首頁(yè)圖5.2后臺(tái)功能模塊的實(shí)現(xiàn)5.2.1登陸模塊的實(shí)現(xiàn)網(wǎng)站面向用戶(hù)的第一扇門(mén)就是網(wǎng)站的登陸界面。采用HTML5和CSS3進(jìn)行樣式布局,通過(guò)JavaScript操控完成登陸界面。如果沒(méi)有賬號(hào)，用戶(hù)在注冊(cè)的時(shí)候會(huì)判斷該賬號(hào)時(shí)候重復(fù),已重復(fù)會(huì)提示已存在,這些提交的數(shù)據(jù)都會(huì)意義和數(shù)據(jù)庫(kù)進(jìn)行比較的所以安全方面也是沒(méi)問(wèn)題的。如圖5-2所示：圖5-2登錄功能界面5.2.2后臺(tái)主模塊功能實(shí)現(xiàn)下圖是管理員成功登陸后進(jìn)入后臺(tái)管理中心，頁(yè)面左側(cè)是導(dǎo)航欄部分，當(dāng)單擊導(dǎo)航欄的時(shí)候右側(cè)的數(shù)據(jù)會(huì)通過(guò)AJAX異步傳輸進(jìn)行局部刷新，每個(gè)導(dǎo)航都有自己對(duì)應(yīng)的二級(jí)頁(yè)面。如下圖5-3所示。圖5-3后臺(tái)主功能設(shè)計(jì)界面5.2.3用戶(hù)注冊(cè)模塊功能設(shè)計(jì)注冊(cè)界面是每一位用戶(hù)進(jìn)入網(wǎng)站的唯一通道，當(dāng)用戶(hù)輸入正確信息后，這些數(shù)據(jù)會(huì)以post的方式提交給后臺(tái)，后臺(tái)首先會(huì)先判斷用戶(hù)輸入的信息是否存在，如果存在，則會(huì)提示用戶(hù)該信息已申請(qǐng)，如果用戶(hù)信息不存在則注冊(cè)成功，同時(shí)這些數(shù)據(jù)會(huì)存儲(chǔ)到數(shù)據(jù)庫(kù)對(duì)應(yīng)的數(shù)據(jù)表。如圖5-4所示。圖5-4新用戶(hù)注冊(cè)界面5.2.4管理員模塊功能設(shè)計(jì)下圖是針對(duì)某網(wǎng)站后臺(tái)管理員而言，界面上是添加管理員功能。具體如下圖5-5所示。圖5-5管理員信息添加界面下圖是針對(duì)網(wǎng)站某一管理員信息而言，通過(guò)唯一標(biāo)識(shí)的id在數(shù)據(jù)庫(kù)查到該管理員對(duì)應(yīng)的信息。界面上是該管理員修改內(nèi)容，具體如圖5-6所示。圖5-6信息修改界面以下是針對(duì)某一條信息而言，界面上是刪除信息的提示框。具體如圖5-7所示。圖5-7信息刪除界面5.2.5輪播圖模塊功能設(shè)計(jì)輪播圖模塊實(shí)現(xiàn)了網(wǎng)站前臺(tái)頁(yè)面的輪播圖增刪改查功能的實(shí)現(xiàn)。如下圖5-8所示。圖5-8輪播圖模塊功能界面

6系統(tǒng)測(cè)試6.1系統(tǒng)功能測(cè)試系統(tǒng)的功能測(cè)試主要是驗(yàn)證開(kāi)發(fā)結(jié)果是否實(shí)現(xiàn)了預(yù)期功能。功能測(cè)試中需要注意的有:6.1.1登陸模塊功能設(shè)計(jì)登陸模塊如下圖6-1所示，管理員需輸入賬號(hào)密碼，點(diǎn)擊登陸測(cè)試是否登陸成功。圖6-1管理員登陸模塊測(cè)試界面6.1.2核心功能設(shè)計(jì)（1）管理員登錄成功后，進(jìn)入后臺(tái)管理。點(diǎn)擊左側(cè)導(dǎo)航管理，輸入欄目名稱(chēng)，跳轉(zhuǎn)地址，欄目排序后，對(duì)網(wǎng)站導(dǎo)航欄信息進(jìn)行添加。如下圖6-2所示，測(cè)試添加功能是否成功。圖6-2管理員添加導(dǎo)航信息界面（2）點(diǎn)擊查看導(dǎo)航管理，點(diǎn)擊導(dǎo)航信息編輯按鈕，對(duì)該條導(dǎo)航欄所包含信息進(jìn)行編輯，修改信息后，點(diǎn)擊提交按鈕，測(cè)試編輯功能。如下圖6-3所示，測(cè)試編輯功能是否成功。圖6-3管理員編輯導(dǎo)航信息界（3）點(diǎn)擊查看導(dǎo)航管理，點(diǎn)擊某一條導(dǎo)航信息的刪除按鈕，對(duì)網(wǎng)站某一條導(dǎo)航欄信息進(jìn)行刪除。測(cè)試刪除功能是否成功。具體如下圖6-5所示，圖6-5管理員刪除導(dǎo)航信息界面（4）點(diǎn)擊查看導(dǎo)航管理，查看導(dǎo)航欄信息，針對(duì)以上增加，編輯，修改功能進(jìn)行驗(yàn)證，測(cè)試該功能是否成功。如下圖6-6所示。圖6-6管理員查看導(dǎo)航信息界面6.2測(cè)試結(jié)果通過(guò)測(cè)試，本網(wǎng)站達(dá)到預(yù)期結(jié)果，可以正常使用。

結(jié)語(yǔ)

本文從工作實(shí)際出發(fā)，總結(jié)了國(guó)內(nèi)外咖啡的發(fā)展現(xiàn)狀，以自身的功能需求入手，開(kāi)展對(duì)應(yīng)的分析。經(jīng)過(guò)細(xì)致的設(shè)計(jì)，對(duì)網(wǎng)站的關(guān)鍵功能進(jìn)行確定，完成了總體功能結(jié)構(gòu)設(shè)計(jì)、詳細(xì)功能結(jié)構(gòu)設(shè)計(jì)以及數(shù)據(jù)庫(kù)的設(shè)計(jì)。本網(wǎng)站從最初的設(shè)計(jì)開(kāi)發(fā)階段到最后的測(cè)試經(jīng)歷了一定的時(shí)間。經(jīng)過(guò)對(duì)系統(tǒng)的分析和總結(jié)，再結(jié)合當(dāng)下大多數(shù)的系統(tǒng)案例，完成了本網(wǎng)站的設(shè)計(jì)。在設(shè)計(jì)中主要用到了HTML、CSS、JavaScrit、thinkPHP、MySQL等技術(shù)，其中最重要的是數(shù)據(jù)庫(kù)的開(kāi)發(fā)和幾個(gè)管理模塊的構(gòu)建。最后通過(guò)分析開(kāi)發(fā)這些主體的功能，實(shí)現(xiàn)了預(yù)期的目的。當(dāng)然本網(wǎng)站在開(kāi)發(fā)中也存在很多不足的地方，由于條件限制和開(kāi)發(fā)周期短等因素，網(wǎng)站功能不是很完善，但是基本的功能都實(shí)現(xiàn)了。例如對(duì)應(yīng)頁(yè)面的跳轉(zhuǎn)、增刪改功能的實(shí)現(xiàn)、數(shù)據(jù)的渲染、后臺(tái)數(shù)據(jù)的加載、以及管理員對(duì)后臺(tái)數(shù)據(jù)庫(kù)的操作等。基本達(dá)到預(yù)期目的。

參考文獻(xiàn)[1]溫立輝.關(guān)系數(shù)據(jù)庫(kù)設(shè)計(jì)原理與分析[J].無(wú)線互聯(lián)科技，2018(01).[2]胡六四.ThinkPHP框架分析與應(yīng)用實(shí)踐研究[J].電腦迷，2017(04):127-188.[3]田洋,陳紅,卞振.基于PHP技術(shù)的網(wǎng)站設(shè)計(jì)及建設(shè)方式分析[J].赤峰學(xué)院學(xué)報(bào)(自然科學(xué)版)，2017(13).[4]王建國(guó).數(shù)據(jù)庫(kù)設(shè)計(jì)在網(wǎng)站開(kāi)發(fā)中的應(yīng)用[J].山東農(nóng)業(yè)工程學(xué)院學(xué)報(bào)，2017(04).[5]王艷青,李天輝.基于ThinkPHP的Ajax數(shù)據(jù)交互研究[J].遼寧大學(xué)學(xué)報(bào)(自然科學(xué)版)，2016(02).[6]李國(guó)紅.利用PHP+MySQL實(shí)現(xiàn)通用信息系統(tǒng)的建庫(kù)建表功能[J].電腦編程技巧與維護(hù)，2017(18).[7]孫鵬.PHP+MySQL為基礎(chǔ)的網(wǎng)站開(kāi)發(fā)研究[J].環(huán)球市場(chǎng)信息導(dǎo)報(bào)，2017(14).[8]趙飛祥,武忠.電子商務(wù)購(gòu)物網(wǎng)站用戶(hù)體驗(yàn)形成過(guò)程研究[J].科技創(chuàng)新導(dǎo)報(bào)，2017(01).[9]魏如清,唐方成.用戶(hù)生成內(nèi)容對(duì)在線購(gòu)物的社會(huì)影響機(jī)制——基于社會(huì)化電商的實(shí)證分析[J].華東經(jīng)濟(jì)管理，2016(04).[10]劉宇涵