山海味长沙菜网站设计与实现.pdf

目 录

一、作品概述

.............................................................................................

1

1.1 选题背景

..........................................................................................................

1

1.2 选题意义

..........................................................................................................

1

二、开发环境

.............................................................................................

1

2.4 产品架构

..........................................................................................................

2

三、需求分析

.............................................................................................

3

3.1 总体目标

.........................................................................................................

3

3.2 功能需求

.........................................................................................................

3

四、系统设计

.............................................................................................

4

5.1 导航栏设计

......................................................................................................

7

5.2 首页页面设计

8

5.3 排行榜页面设计

8

5.4 山海味介绍页面设计

9

5.5 热搜美食视频页面设计

9

六、作品测试

...........................................................................................

12

6.1 测试概述

........................................................................................................

6.2 测试过程

........................................................................................................

6.3 测试结果

........................................................................................................

七、设计总结

...........................................................................................

13

如今人均生活水平在不断的提高，从提高数量变成提高质量。追求高质量已

经成为一种社会趋势。生活住吃不同方面都在努力变好，对食物的口感追求也日

益提高，吃什么，怎么吃，都是现在人们对生活的一种追求。人们对美食的追求

逐渐演变为一种生活方式，也是一种生活态度。同时，用心去吃每一道美食，去

尝试各地不同的特色美食，都是一种美好的生活追求。现在不同菜系的菜馆连锁

经营，开阔创新，能将中国菜系进一步推广，让不同大菜系进一步融入社会生活，

也是我们当代大学生值得去做的有意义的事情。本网站则以推广湘菜为主，让大

家对于湘菜有一个大概的了解情况。

1.2 选题意义

湘菜，是我们中国历史悠久的地方菜，也是我们汉族饮食文化的八大菜系之

菜和长沙菜的发展。

二、开发环境

2.1 硬件环境

开发环境：Windows10 系统，JDK1.8.0_201

硬件要求：1.80GHz 以上 CPU，256M 以上内存

操作系统要求：支持 Windows10/7/8

浏览器支持：谷歌浏览器（Google Chrome）

响应速度：采用了 HTML5 缓存机制

容易维护：前台采用 Bootstrap 框架实现响应式布局

2.2 软件环境

Webstorm（简称名称是“WS”）是一款强大的 HTML5 编辑工具，JavaScript

开发和 Web 前端开发工具。

Adobe Pohtoshop（简称名称是“PS”）主要处理以像素所构成的数字图像，

可以有效的图片编辑软件。

2.4 产品架构

JavaScript（简称名称是“JS”） 是具有函数优先的轻量级，即时编译型

或解释型的编程语言。大部分是用来向 HTML，（一般的编程应用）页面添加交

互行为在绝大多数浏览器的支持下，但是也可以用到在非浏览器环境中。在用于

web 页面作为脚本语言，也可以支持命令式，声明式还有面向对象，js 的标准是

ECMAScript。

web 前端的重要语言描述的方式，HTML5 是互联网的下一代标准，是构建以及呈

现互联网内容的一种语言方式．HTML5 被认为是互联网的核心技术之一，作用是

构成网页文档。

CSS3 和 CSS 相比，css3 是技术的升级版本，比 css 更完善。是在网页中自

定义样式表的选择符，与 html 有一定的紧密型，但是不同的浏览器会影响特性，

在网页中也大量引用这些选择符，css3 拥有多种模块（如语言模块 背景边框）。