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

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

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

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

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

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

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

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