基于PHP的美食食譜網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

基于PHP的美食食譜網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)-CONTENTS目錄1系統(tǒng)開(kāi)發(fā)背景及目的2系統(tǒng)分析3系統(tǒng)開(kāi)發(fā)技術(shù)4主要功能5總結(jié)-一、系統(tǒng)開(kāi)發(fā)背景及目的近年來(lái)隨著移動(dòng)互聯(lián)網(wǎng)的興起和智能手機(jī)的普及，網(wǎng)上購(gòu)物憑借著其便利性逐漸成為人們生活中的主導(dǎo)。目前移動(dòng)互聯(lián)網(wǎng)仍在高速發(fā)展，但其仍然保持了變幻莫測(cè)的特質(zhì)，因?yàn)檎l(shuí)也不能預(yù)測(cè)究竟哪個(gè)領(lǐng)域?qū)?huì)突然爆發(fā)。但就在《2014年1月移動(dòng)美食類(lèi)APP數(shù)據(jù)分析報(bào)告》發(fā)布之后，美食食譜類(lèi)應(yīng)用作為以往被大家所忽視的領(lǐng)域瞬間就吸引了投資者和創(chuàng)業(yè)者們的注意。由于移動(dòng)互聯(lián)網(wǎng)的紅利和《舌尖上的中國(guó)2》的熱播，當(dāng)時(shí)在全國(guó)范圍內(nèi)突然掀起了一陣美食的熱潮，各大美食類(lèi)應(yīng)用也馬上抓住時(shí)機(jī)借勢(shì)營(yíng)銷(xiāo)自己的產(chǎn)品，移動(dòng)美食類(lèi)市場(chǎng)也在形勢(shì)一片大好之下迅猛增長(zhǎng)。像豆果美食、美食天下、下廚房、美食杰等應(yīng)用都取得了不同程度的收益。-一、系統(tǒng)開(kāi)發(fā)背景及目的此前在互聯(lián)網(wǎng)餐飲市場(chǎng)的競(jìng)爭(zhēng)中，基本都圍繞”美食團(tuán)購(gòu)”和“外賣(mài)”這幾個(gè)主題,但當(dāng)下，回家吃飯健康飲食的理念正在興起。據(jù)調(diào)查顯示，有超過(guò)九成的都市白領(lǐng)及年輕人其實(shí)都傾向于在家里吃飯，尤其是有小孩的家庭意愿會(huì)更加強(qiáng)烈，因?yàn)樗麄兤毡槎颊J(rèn)為在家里吃飯的幸福感會(huì)更高；

隨著經(jīng)濟(jì)的快速發(fā)展，人們的生活水平的逐漸提高，對(duì)飲食質(zhì)量要求也越來(lái)越高，但都市快節(jié)奏的生活讓上班族們吃飯的目標(biāo)性更小，通常只是到了時(shí)間隨機(jī)選擇食物塞飽肚子。該美食網(wǎng)站倡導(dǎo)一種全新的健康的生活方式，用戶(hù)可以根據(jù)網(wǎng)站上提供的食譜了解不同菜系的風(fēng)格、做法及搭配，除了可以查看各種食譜學(xué)習(xí)做飯，還可以在線與其他用戶(hù)一起交流和分享做菜的心得，通過(guò)美食來(lái)感受生活之美。-二、系統(tǒng)分析系統(tǒng)功能結(jié)構(gòu)圖

本系統(tǒng)主要分為管理員與普通用戶(hù)兩種角色。管理員負(fù)責(zé)系統(tǒng)后臺(tái)模塊的管理，前臺(tái)的功能主要供用戶(hù)使用。-二、系統(tǒng)分析用戶(hù)注冊(cè)登錄后可進(jìn)入網(wǎng)站的前臺(tái)查看修改自己的個(gè)人信息，瀏覽創(chuàng)建刪除或收藏自己感興趣的食譜，主要業(yè)務(wù)如下圖：用戶(hù)業(yè)務(wù)流程圖-二、系統(tǒng)分析管理員在得到分配的賬號(hào)后可以登錄后臺(tái)對(duì)網(wǎng)站的后臺(tái)功能如管理，對(duì)用戶(hù)、食譜、分類(lèi)、廣告等信息進(jìn)行管理，主要業(yè)務(wù)如下圖：管理員業(yè)務(wù)流程圖-三、系統(tǒng)開(kāi)發(fā)技術(shù)前端開(kāi)發(fā)技術(shù)HTMLCSS、SASSJavaScriptJQueryAjax、JSONGulp數(shù)據(jù)庫(kù)后端開(kāi)發(fā)技術(shù)PHPMySql-管理員登錄用戶(hù)信息增加刪除修改搜索管理員添加修改刪除搜索食譜分類(lèi)添加修改刪除搜索四、主要功能食譜添加修改刪除搜索OrderItems表訂單詳情表

食譜圖片增加刪除修改搜索-四、主要功能

-五、總結(jié)本系統(tǒng)頁(yè)面采用扁平化的設(shè)計(jì)，更加美觀。-五、總結(jié)主頁(yè)面采用兩欄布局，除頂部菜單欄，主要內(nèi)容分為左邊的導(dǎo)航欄和中間的內(nèi)容展示部分，布局清晰，操作起來(lái)也更簡(jiǎn)單直觀。

當(dāng)鼠標(biāo)滑入導(dǎo)航欄中某個(gè)子項(xiàng)或者點(diǎn)擊這個(gè)子項(xiàng)時(shí)，會(huì)出現(xiàn)淺藍(lán)色的背景，導(dǎo)航欄中的二級(jí)菜單可以折疊和展開(kāi)。-五、總結(jié)若想再添加一名管理員可以點(diǎn)擊左導(dǎo)航欄中的”添加管理員”或是搜索框旁邊的添加按鈕。此時(shí)會(huì)跳轉(zhuǎn)到添加管理員頁(yè)面，在表單中輸入用戶(hù)名和密碼則可添加，如果輸入框中內(nèi)容為空則會(huì)有相應(yīng)的提示。-五、總結(jié)重新設(shè)計(jì)及編寫(xiě)html自帶的輸入框下拉框樣式，使網(wǎng)頁(yè)整體更加美觀簡(jiǎn)潔。-五、總結(jié)在Web1.0時(shí)代，用戶(hù)使用網(wǎng)站主要以瀏覽為主，那時(shí)的網(wǎng)站開(kāi)發(fā)也并沒(méi)有區(qū)分前端和后臺(tái)，開(kāi)發(fā)者們主要以實(shí)現(xiàn)功能為主。而就在互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代之后，各種新技術(shù)及媒體使網(wǎng)頁(yè)內(nèi)容更加的豐富生動(dòng)，這時(shí)的網(wǎng)頁(yè)就不再只是承載靜態(tài)而且單一的文字、圖片及簡(jiǎn)單的跳轉(zhuǎn)鏈接，大量的像桌面軟件這樣的應(yīng)用開(kāi)始出現(xiàn)，更加美觀有設(shè)計(jì)感的網(wǎng)頁(yè)及豐富的動(dòng)態(tài)交互效果大大提升了用戶(hù)體驗(yàn)，所以本系統(tǒng)在開(kāi)發(fā)非常注重界面的設(shè)計(jì)及交互效果，利用前端開(kāi)發(fā)相關(guān)的各種技術(shù)來(lái)提高用戶(hù)體驗(yàn)。

除前端方面，系統(tǒng)選用php作為后臺(tái)語(yǔ)言，php非常