《基于PHP的美食食譜網(wǎng)站設(shè)計與實現(xiàn)-PPT》由會員分享,可在線閱讀,更多相關(guān)《基于PHP的美食食譜網(wǎng)站設(shè)計與實現(xiàn)-PPT(16頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、單擊此處編輯母版標題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,單擊此處編輯母版標題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,單擊此處編輯母版標題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,基于,PHP,的美食食譜網(wǎng)站設(shè)計與實現(xiàn),1,CONTENTS,目 錄,1,系統(tǒng)開發(fā)背景及目的,2,系統(tǒng)分析,3,系統(tǒng)開發(fā)技術(shù),4,主要功能,5,總結(jié),2,一、系統(tǒng)開發(fā)背景及目的,近年來隨著移動互聯(lián)網(wǎng)的興起和智能手機的普及,,網(wǎng)上購物憑借著其便利性逐漸成為人們生活中的主導,。目前移動互聯(lián)網(wǎng)仍在高速發(fā)展,但其仍然保持了變幻莫測的特質(zhì),因為誰也
2、不能預(yù)測究竟哪個領(lǐng)域?qū)蝗槐l(fā)。但就在,2014,年,1,月移動美食類,APP,數(shù)據(jù)分析報告,發(fā)布之后,美食食譜類應(yīng)用作為以往被大家所忽視的領(lǐng)域瞬間就吸引了投資者和創(chuàng)業(yè)者們的注意。,由于移動互聯(lián)網(wǎng)的紅利和,舌尖上的中國,2,的熱播,當時在全國范圍內(nèi)突然掀起了一陣美食的熱潮,各大美食類應(yīng)用也馬上抓住時機借勢營銷自己的產(chǎn)品,移動美食類市場也在形勢一片大好之下迅猛增長。像豆果美食、美食天下、下廚房、美食杰等應(yīng)用都取得了不同程度的收益。,3,一、系統(tǒng)開發(fā)背景及目的,此前在互聯(lián)網(wǎng)餐飲市場的競爭中,基本都圍繞”美食團購”和“外賣”這幾個主題,但當下,回家吃飯健康飲食的理念正在興起。據(jù)調(diào)查顯示,有超過九成
3、的都市白領(lǐng)及年輕人其實都傾向于在家里吃飯,尤其是有小孩的家庭意愿會更加強烈,因為他們普遍都認為在家里吃飯的幸福感會更高;,隨著經(jīng)濟的快速發(fā)展,人們的生活水平的逐漸提高,對飲食質(zhì)量要求也越來越高,但都市快節(jié)奏的生活讓上班族們吃飯的目標性更小,通常只是到了時間隨機選擇食物塞飽肚子。該美食網(wǎng)站倡導一種全新的健康的生活方式,用戶可以根據(jù)網(wǎng)站上提供的食譜了解不同菜系的風格、做法及搭配,除了可以查看各種食譜學習做飯,還可以在線與其他用戶一起交流和分享做菜的心得,通過美食來感受生活之美。,4,二、系統(tǒng)分析,系統(tǒng)功能結(jié)構(gòu)圖,本系統(tǒng)主要分為管理員與普通用戶兩種角色。管理員負責系統(tǒng)后臺模塊的管理,前臺的功能主要供
4、用戶使用,。,5,二、系統(tǒng)分析,用戶注冊登錄后可進入網(wǎng)站的前臺查看修改自己的個人信息,瀏覽創(chuàng)建刪除或收藏自己感興趣的食譜,主要業(yè)務(wù)如下圖:,用戶業(yè)務(wù)流程圖,6,二、系統(tǒng)分析,管理員在得到分配的賬號后可以登錄后臺對網(wǎng)站的后臺功能如管理,對用戶、食譜、分類、廣告等信息進行管理,主要業(yè)務(wù)如下圖:,管理員業(yè)務(wù)流程圖,7,三,、,系統(tǒng)開發(fā)技術(shù),前端開發(fā)技術(shù),HTML,CSS,、,SASS,JavaScript,JQuery,Ajax,、,JSON,Gulp,數(shù)據(jù)庫,后端開發(fā)技術(shù),PHP,M,ySql,8,大家應(yīng)該也有點累了,稍作休息,大家有疑問的,可以詢問和交流,9,管理員登錄,用戶信息增加刪除修改搜索
5、,管理員添加修改刪除搜索,食譜分類添加修改刪除搜索,四,、,主要功能,食譜添加修改刪除搜索,OrderItems,表,訂單詳情表,食譜圖片增加刪除修改搜索,10,四,、,主要功能,11,五,、總結(jié),本系統(tǒng)頁面采用扁平化的設(shè)計,更加美觀,。,12,五,、總結(jié),主頁面采用兩欄布局,除頂部菜單欄,主要內(nèi)容分為左邊的導航欄和中間的內(nèi)容展示部分,布局清晰,操作起來也更簡單直觀。,當鼠標滑入導航欄中某個子項或者點擊這個子項時,會出現(xiàn)淺藍色的背景,導航欄中的二級菜單可以折疊和展開。,13,五,、總結(jié),若想再添加一名管理員可以點擊左導航欄中的”添加管理員”或是搜索框旁邊的添加按鈕。此時會跳轉(zhuǎn)到添加管理員頁面,
6、在表單中輸入用戶名和密碼則可添加,如果輸入框中內(nèi)容為空則會有相應(yīng)的提示。,14,五,、總結(jié),重新設(shè)計及編寫,html,自帶的輸入框下拉框樣式,使網(wǎng)頁整體更加美觀簡潔。,15,五,、總結(jié),在,Web 1.0,時代,用戶使用網(wǎng)站主要以瀏覽為主,那時的網(wǎng)站開發(fā)也并沒有區(qū)分前端和后臺,開發(fā)者們主要以實現(xiàn)功能為主。而就在互聯(lián)網(wǎng)進入,Web 2.0,時代之后,各種新技術(shù)及媒體使網(wǎng)頁內(nèi)容更加的豐富生動,這時的網(wǎng)頁就不再只是承載靜態(tài)而且單一的文字、圖片及簡單的跳轉(zhuǎn)鏈接,大量的像桌面軟件這樣的應(yīng)用開始出現(xiàn),更加美觀有設(shè)計感的網(wǎng)頁及豐富的動態(tài)交互效果大大提升了用戶體驗,所以本系統(tǒng)在開發(fā)非常注重界面的設(shè)計及交互效果,利用前端開發(fā)相關(guān)的各種技術(shù)來提高用戶體驗。,除前端方面,系統(tǒng)選用,php,作為后臺語言,,php,非常適用于,web,應(yīng)用程序開發(fā),語法簡潔函數(shù)庫豐富,與,mysql,數(shù)據(jù)庫配合使用非常方便。已實現(xiàn)用戶、管理員、食譜、食譜分類、圖片等幾大模塊的增刪改查,功能較為完善。,16,