摘要：当食物不再只是用来果腹，人们不再只满足于充饥，开始钟情于享受美食美味。美食吃前有期待、吃后有回味，已不仅仅是简单的味觉感受，更是一种精神享受。我自己作为一个吃货，每去到一个城市，都会去研究当地的特色小吃，但是也踩过不少雷，所以我就想创建一个平台，促使对美食有兴趣的伙伴聚集在一起，在平台上发布我搜集的一些美食攻略。

我的作品主要分为五个阶段：第一阶段是构思网站，网站前端的配色、布局、框架及网站的功能需求；第二阶段是搜集素材以及用PS设计出网站的框架，布局以及建好数据库；第三阶段是着手实现网站前端的功能，前端界面分为4个板块：首页（展示了网页的主要信息）、推荐美食、美食林、更多城市，主要用到的是bootstrp，栅格系统能很好地适应不同设备的屏幕大小，还有AJAX数据流，能更快的刷新数据，。第四阶段是网站后台的设计，主要有四个部分用户管理（修改删除），最新发布管理（增删改），意见反馈管理（删除）分页功能。第五阶段是网站细节的完善，以及遇到的一些小问题的处理。

关键词：美食  响应式  html5  PHP  bootstrap

目录

摘要

Abstract

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 E-R模型-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响应式界面设计-22

5.总结与思考-27

参考文献-28

致谢-29