当食物不再只是用来果腹，人们不再只满足于充饥，开始钟情于享受美食美味。美食吃前有期待、吃后有回味，已不仅仅是简单的味觉感受，更是一种精神享受。我自己作为一个吃货，每去到一个城市，都会去研究当地的特色小吃，但是也踩过不少雷，所以我就想创建一个平台，促使对美食有兴趣的伙伴聚集在一起，在平台上发布我搜集的一些美食攻略。我的作品主要分为五个阶段第一阶段是构思网站，网站前端的配色、布局、框架及网站的功能需求；第二阶段是搜集素材以及用PS设计出网站的框架，布局以及建好数据库；第三阶段是着手实现网站前端的功能，前端界面分为4个板块首页（展示了网页的主要信息）、推荐美食、美食林、更多城市，主要用到的是bootstrp，栅格系统能很好地适应不同设备的屏幕大小，还有AJAX数据流，能更快的刷新数据，。第四阶段是网站后台的设计，主要有四个部分用户管理（修改删除），最新发布管理（增删改），意见反馈管理（删除）分页功能。第五阶段是网站细节的完善，以及遇到的一些小问题的处理。
目录
1.绪论 1
1.1课题研究背景 1
1.2课题研究目的 1
1.3课题研究意义 1
2.开发平台及工具的选择 2
2.1开发平台及工具的说明 2
2.1.1 html5、css+div概述 2
2.1.2 JavaScript、jQuery概述 2
2.1.3 Bootstrap概述 3
2.1.4 PHP概述 3
2.2开发环境的选择wampserver 3
2.3 Photoshop概述 3
3. 网站规划与设计 5
3.1功能设计 5
3.2 ER模型 6
3.3图形用户界面设计 7
4.美食攻略网站系统实施 8
4.1文件组织架构 8
4.2数据库的实施 9
4.3前端界面设计 9
4.3.1登录界面 9
4.3.2主界面 11
4.3.3推荐美食和美食林界面 12
4.3.4更多城市和联系界面 14
4.4后台界面设计 17
4.5响应 *景先生毕设|www.jxszl.com +Q: ￥351916072$ 
式界面设计 22
5.总结与思考 27
参考文献 28
致谢 29
1.绪论
1.1课题研究背景
这个网站主要面对的是网上的美食爱好者。目前，各种各样的文化正充斥着我们的生活。人民生活水平不断提高。人们不再满足于只吃水果肚。所以我们设计了一个响应性的网站，与您分享一些不同地区的美食文化，这与商业美食网站是不同的。电台只是分享网站。在后期，他们可以更新网站的内容，和人们分享他们看到和听到的。在这里浏览的用户也可以在网站上发表自己的看法，使网站可以得到更好的完善。
1.2课题研究目的
当食物不再只是用来果腹，人们不再只满足于充饥，开始钟情于享受美食美味。美食吃前有期待、吃后有回味，已不仅仅是简单的味觉感受，更是一种精神享受。中国素有”烹饪王国“这个美誉。每去到一个新的城市，都有能展示当地特色，人文情怀的特色小吃，而我自己作为一个吃货，每去到一个城市，都会去研究当地的特色小吃，但是也踩过不少雷，所以我就想创建一个平台，促使对美食有兴趣的伙伴聚集在一起，大家所去的城市的美食可以发表在平台上，与现在所存在的一些美食林相比，这个平台更主要的是不以盈利为目的，大家可以随心所欲的交流自己的看法。
1.3课题研究意义
相比较传统的美食网站，设计出了一个响应式的网站可以与大家分享一些全国各地的美食文化，不同于商业化的美食网站，这个网站就仅仅是分享类网站，在后期也可以不段的更新网站的内容，与人们分享所见所闻。在这里浏览的用户也可以发表自己对网站的看法，让网站更好的完善。
2.开发平台及工具的选择
2.1开发平台及工具的说明
2.1.1 html5、css+div概述
HTML5 现在依然还处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。Html5是网页开发的主流语言之一。经过一次又一次的发展，html5已经在原来的基础上有了很大完善，废弃了一些繁杂的元素和标签，同时添加了新的元素和功能，使开发者使用起来更加方便。html5赋予网页更美观的视觉感受和更合理的结构。HTML5 中的一些有趣的新特性：用于媒介回放的 video 和 audio 元素；对本地离线存储的更好的支持；用于绘画的 canvas 元素；新的特殊内容元素，比如 article、nav、section、footer、header；新的表单控件，比如 calendar、search、date、time、email、url。
CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS是一种标准的样式表语言，用于描述网页的样式(即布局)。html中文网2019年度最新整理的CSS 开发教程手册，每个知识点都进行了二次校验，我们的 CSS 教程将帮助您学习最新CSS 语言的基础知识，从基本到高级逐步学习。非常适合css学习者或者开发人员进行开发参考！
2.1.2 JavaScript、jQuery概述
JavaScript是一种文字脚本语言，是一种动态的、弱类型的、基于原型的语言，具有内置的支持类型。JavaScript确实很容易上手，但其精髓却不为大多数开发人员所熟知。编写高质量的JavaScript代码更是难上加难。它最初用于HTML(标准通用标记语言下的应用程序)web页面，以便向HTML web页面添加动态函数。此外，由于JavaScript的标准——ECMAScript在不断发展，最新版ECMAScript 6标准（简称ES6）已经在2015年6月正式发布了，所以，讲到JavaScript的版本，实际上就是说它实现了ECMAScript标准的哪个版本。由于浏览器在发布时就确定了JavaScript的版本，加上很多用户还在使用IE6这种古老的浏览器，这就导致你在写JavaScript的时候，要照顾一下老用户，不能一上来就用最新的ES6标准写，否则，老用户的浏览器是无法运行新版本的JavaScript代码的。简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。
jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。jquery是一个快速、小且功能丰富的JavaScript库。jQuery 很容易学习。它使HTML文档的遍历和操作、事件处理、动画和Ajax等操作变得更加简单，它使用了一个易于使用的API，可以跨多种浏览器工作。由于通用性和可扩展性的结合，jQuery已经改变了数百万人编写JavaScript的方式。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

原文链接：http://www.jxszl.com/ysl/szmt/559477.html