单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,基于,PHP,的美食食谱网站设计与实现,1,CONTENTS,目 录,1,系统开发背景及目的,2,系统分析,3,系统开发技术,4,主要功能,5,总结,2,一、系统开发背景及目的,近年来随着移动互联网的兴起和智能手机的普及,,网上购物凭借着其便利性逐渐成为人们生活中的主导,目前移动互联网仍在高速发展,但其仍然保持了变幻莫测的特质,因为谁也不能预测究竟哪个领域将会突然爆发但就在,2014,年,1,月移动美食类,APP,数据分析报告,发布之后,美食食谱类应用作为以往被大家所忽视的领域瞬间就吸引了投资者和创业者们的注意由于移动互联网的红利和,舌尖上的中国,2,的热播,当时在全国范围内突然掀起了一阵美食的热潮,各大美食类应用也马上抓住时机借势营销自己的产品,移动美食类市场也在形势一片大好之下迅猛增长像豆果美食、美食天下、下厨房、美食杰等应用都取得了不同程度的收益。
3,一、系统开发背景及目的,此前在互联网餐饮市场的竞争中,基本都围绕”美食团购”和“外卖”这几个主题,但当下,回家吃饭健康饮食的理念正在兴起据调查显示,有超过九成的都市白领及年轻人其实都倾向于在家里吃饭,尤其是有小孩的家庭意愿会更加强烈,因为他们普遍都认为在家里吃饭的幸福感会更高;,随着经济的快速发展,人们的生活水平的逐渐提高,对饮食质量要求也越来越高,但都市快节奏的生活让上班族们吃饭的目标性更小,通常只是到了时间随机选择食物塞饱肚子该美食网站倡导一种全新的健康的生活方式,用户可以根据网站上提供的食谱了解不同菜系的风格、做法及搭配,除了可以查看各种食谱学习做饭,还可以在线与其他用户一起交流和分享做菜的心得,通过美食来感受生活之美4,二、系统分析,系统功能结构图,本系统主要分为管理员与普通用户两种角色管理员负责系统后台模块的管理,前台的功能主要供用户使用,5,二、系统分析,用户注册登录后可进入网站的前台查看修改自己的个人信息,浏览创建删除或收藏自己感兴趣的食谱,主要业务如下图:,用户业务流程图,6,二、系统分析,管理员在得到分配的账号后可以登录后台对网站的后台功能如管理,对用户、食谱、分类、广告等信息进行管理,主要业务如下图:,管理员业务流程图,7,三,、,系统开发技术,前端开发技术,HTML,CSS,、,SASS,JavaScript,JQuery,Ajax,、,JSON,Gulp,数据库,后端开发技术,PHP,M,ySql,8,大家应该也有点累了,稍作休息,大家有疑问的,可以询问和交流,9,管理员登录,用户信息增加删除修改搜索,管理员添加修改删除搜索,食谱分类添加修改删除搜索,四,、,主要功能,食谱添加修改删除搜索,OrderItems,表,订单详情表,食谱图片增加删除修改搜索,10,四,、,主要功能,11,五,、总结,本系统页面采用扁平化的设计,更加美观,。
12,五,、总结,主页面采用两栏布局,除顶部菜单栏,主要内容分为左边的导航栏和中间的内容展示部分,布局清晰,操作起来也更简单直观当鼠标滑入导航栏中某个子项或者点击这个子项时,会出现浅蓝色的背景,导航栏中的二级菜单可以折叠和展开13,五,、总结,若想再添加一名管理员可以点击左导航栏中的”添加管理员”或是搜索框旁边的添加按钮此时会跳转到添加管理员页面,在表单中输入用户名和密码则可添加,如果输入框中内容为空则会有相应的提示14,五,、总结,重新设计及编写,html,自带的输入框下拉框样式,使网页整体更加美观简洁15,五,、总结,在,Web 1.0,时代,用户使用网站主要以浏览为主,那时的网站开发也并没有区分前端和后台,开发者们主要以实现功能为主而就在互联网进入,Web 2.0,时代之后,各种新技术及媒体使网页内容更加的丰富生动,这时的网页就不再只是承载静态而且单一的文字、图片及简单的跳转链接,大量的像桌面软件这样的应用开始出现,更加美观有设计感的网页及丰富的动态交互效果大大提升了用户体验,所以本系统在开发非常注重界面的设计及交互效果,利用前端开发相关的各种技术来提高用户体验除前端方面,系统选用,php,作为后台语言,,php,非常适用于,web,应用程序开发,语法简洁函数库丰富,与,mysql,数据库配合使用非常方便。
已实现用户、管理员、食谱、食谱分类、图片等几大模块的增删改查,功能较为完善。