《基于PHP的美食食譜網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)-PPT》由會(huì)員分享，可在線閱讀，更多相關(guān)《基于PHP的美食食譜網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)-PPT（16頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,基于,PHP,的美食食譜網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn),1,CONTENTS,目 錄,1,系統(tǒng)開(kāi)發(fā)背景及目的,2,系統(tǒng)分析,3,系統(tǒng)開(kāi)發(fā)技術(shù),4,主要功能,5,總結(jié),2,一、系統(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í)也

2、不能預(yù)測(cè)究竟哪個(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)的紅利和,舌尖上的中國(guó),2,的熱播，當(dāng)時(shí)在全國(guó)范圍內(nèi)突然掀起了一陣美食的熱潮，各大美食類應(yīng)用也馬上抓住時(shí)機(jī)借勢(shì)營(yíng)銷自己的產(chǎn)品，移動(dòng)美食類市場(chǎng)也在形勢(shì)一片大好之下迅猛增長(zhǎng)。像豆果美食、美食天下、下廚房、美食杰等應(yīng)用都取得了不同程度的收益。,3,一、系統(tǒng)開(kāi)發(fā)背景及目的,此前在互聯(lián)網(wǎng)餐飲市場(chǎng)的競(jìng)爭(zhēng)中，基本都圍繞”美食團(tuán)購(gòu)”和“外賣”這幾個(gè)主題,但當(dāng)下，回家吃飯健康飲食的理念正在興起。據(jù)調(diào)查顯示，有超過(guò)九成

3、的都市白領(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)一種全新的健康的生活方式，用戶可以根據(jù)網(wǎng)站上提供的食譜了解不同菜系的風(fēng)格、做法及搭配，除了可以查看各種食譜學(xué)習(xí)做飯，還可以在線與其他用戶一起交流和分享做菜的心得，通過(guò)美食來(lái)感受生活之美。,4,二、系統(tǒng)分析,系統(tǒng)功能結(jié)構(gòu)圖,本系統(tǒng)主要分為管理員與普通用戶兩種角色。管理員負(fù)責(zé)系統(tǒng)后臺(tái)模塊的管理，前臺(tái)的功能主要供

4、用戶使用,。,5,二、系統(tǒng)分析,用戶注冊(cè)登錄后可進(jìn)入網(wǎng)站的前臺(tái)查看修改自己的個(gè)人信息，瀏覽創(chuàng)建刪除或收藏自己感興趣的食譜，主要業(yè)務(wù)如下圖：,用戶業(yè)務(wù)流程圖,6,二、系統(tǒng)分析,管理員在得到分配的賬號(hào)后可以登錄后臺(tái)對(duì)網(wǎng)站的后臺(tái)功能如管理，對(duì)用戶、食譜、分類、廣告等信息進(jìn)行管理，主要業(yè)務(wù)如下圖：,管理員業(yè)務(wù)流程圖,7,三,、,系統(tǒng)開(kāi)發(fā)技術(shù),前端開(kāi)發(fā)技術(shù),HTML,CSS,、,SASS,JavaScript,JQuery,Ajax,、,JSON,Gulp,數(shù)據(jù)庫(kù),后端開(kāi)發(fā)技術(shù),PHP,M,ySql,8,大家應(yīng)該也有點(diǎn)累了，稍作休息,大家有疑問(wèn)的，可以詢問(wèn)和交流,9,管理員登錄,用戶信息增加刪除修改搜索

5、,管理員添加修改刪除搜索,食譜分類添加修改刪除搜索,四,、,主要功能,食譜添加修改刪除搜索,OrderItems,表,訂單詳情表,食譜圖片增加刪除修改搜索,10,四,、,主要功能,11,五,、總結(jié),本系統(tǒng)頁(yè)面采用扁平化的設(shè)計(jì)，更加美觀,。,12,五,、總結(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)。,13,五,、總結(jié),若想再添加一名管理員可以點(diǎn)擊左導(dǎo)航欄中的”添加管理員”或是搜索框旁邊的添加按鈕。此時(shí)會(huì)跳轉(zhuǎn)到添加管理員頁(yè)面，

6、在表單中輸入用戶名和密碼則可添加，如果輸入框中內(nèi)容為空則會(huì)有相應(yīng)的提示。,14,五,、總結(jié),重新設(shè)計(jì)及編寫(xiě),html,自帶的輸入框下拉框樣式，使網(wǎng)頁(yè)整體更加美觀簡(jiǎn)潔。,15,五,、總結(jié),在,Web 1.0,時(shí)代，用戶使用網(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)入,Web 2.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)交互效果大大提升了用戶體驗(yàn)，所以本系統(tǒng)在開(kāi)發(fā)非常注重界面的設(shè)計(jì)及交互效果，利用前端開(kāi)發(fā)相關(guān)的各種技術(shù)來(lái)提高用戶體驗(yàn)。,除前端方面，系統(tǒng)選用,php,作為后臺(tái)語(yǔ)言，,php,非常適用于,web,應(yīng)用程序開(kāi)發(fā)，語(yǔ)法簡(jiǎn)潔函數(shù)庫(kù)豐富，與,mysql,數(shù)據(jù)庫(kù)配合使用非常方便。已實(shí)現(xiàn)用戶、管理員、食譜、食譜分類、圖片等幾大模塊的增刪改查，功能較為完善。,16,