没有合适的资源?快使用搜索试试~ 我知道了~
七里香咖啡网站设计与实现.pdf
0 下载量 43 浏览量
2023-06-29
13:24:56
上传
评论
收藏 1.45MB PDF 举报
温馨提示
试读
23页
七里香咖啡网站设计与实现.pdf
资源推荐
资源详情
资源评论
目 录
1、作品概述
...............................................................................................................................
3
1.1 选题背景
......................................................................................................................
3
1.2 选题意义
......................................................................................................................
3
2、开发环境
...............................................................................................................................
3
2.1 硬件环境
......................................................................................................................
3
2.2 软件环境
......................................................................................................................
4
2.3 开发工具
......................................................................................................................
4
2.4 产品架构
......................................................................................................................
4
3、需求分析
...............................................................................................................................
5
3.1 总体目标
......................................................................................................................
5
3.2 功能需求
......................................................................................................................
5
3.3 性能要求
......................................................................................................................
5
4、系统设计
...............................................................................................................................
6
4.1 总体设计
......................................................................................................................
6
4.2 详细设计
......................................................................................................................
7
4.3 数据库设计
................................................................................................................
11
5、功能实现
.............................................................................................................................
12
5.1 用户登录模块实现
....................................................................................................
12
5.2 导航栏模块实现
........................................................................................................
13
5.3 轮播图模块实现
........................................................................................................
14
5.4 咖啡种类模块实现
....................................................................................................
14
5.5 咖啡选材模块实现
....................................................................................................
15
5.6 咖啡伴侣模块实现
....................................................................................................
16
5.7 咖啡饮用与禁忌模块实现
........................................................................................
17
5.8 咖啡成分与咖啡功效模块实现
................................................................................
18
5.9 加入我们模块实现
....................................................................................................
19
6、作品测试
.............................................................................................................................
20
6.1 测试概述
....................................................................................................................
20
6.2 测试过程
....................................................................................................................
21
6.3 测试结果
....................................................................................................................
21
7、设计总结
.............................................................................................................................
21
7.1 存在的问题
.................................................................................................................
21
7.2 收获
............................................................................................................................
21
8、参考文献
.............................................................................................................................
22
1
1、作品概述
1.1 选题背景
随着互联网的蓬勃发展,人类已经意识到了网络的巨大用途。网络的实时性、无区
域性成为吸引全世界人类的巨大诱惑力。随着 Internet 国际互联网在我国的普及,越
来越多的社会团体、企事业单位,在互联网上建立自己的网络,甚至个人也设立了自己
的网页。近几年来,网页技术日益成熟,网页制作人员已经不局限于制作出静态网页,
而更趋于制作具有动感的、绚丽的动态网页。本网站既是在此潮流的引领之下,设计出
来的一个系百科知识的关于咖啡的网站.在互联网络快速发展的如今,网站已经成为进
行形象展示、信息发布、内部交流的重要营地,具有便捷、距离近及随时随地均可更新
的特性。此网站建设是咖啡知识进行全面普及的重要方式,是时代的要求。
在都市钢筋混凝土的丛林里,生活质量越来越高,生活节奏越来越快的人们需要环
境优雅的咖啡馆,喝咖啡的人越来越多了。随之而来的“咖啡文化”充斥着人们生活的
每个时刻。无论在家里、还是在办公室、或是在各种社交场所,人们都在品着咖啡 它
逐渐与时俱进,与现代生活联系在一起,成为了时尚与潮流的代名词。咖啡馆成为人们
商务、休闲乃至谈恋爱的好地方,咖啡逐渐发展为时尚生活的代名词,并且以成为许多
人生活中不可或缺的饮料。
1.2 选题意义
为什么会选择做咖啡呢?首先是因为自己比较喜欢,在中国,人们越来越喜欢喝咖
啡,咖啡成为越来越多人的宠儿。在互联网快速发展的今天,网站已经成为进行形象展
示和交流的重要阵地,具有快捷、近距离及随时随地均可更新的特性。网站建设是咖啡
知识进行全面普及的重要方式,是时代的要求。咖啡丰富着我们的生活,也缩短了你我
之间的距离,咖啡逐渐发展为一种文化。随着咖啡这一有着悠久历史饮品的广为人知,
咖啡正在被越来越多的中国人所理解。
以七里香咖啡网站设计与实现作为选题,能综合运用计算机网络技术专业所学知
识,对网站进行设计。运用实现网页的各种方法,充分利用三年所学的知识,体现了所
学知识的意义和价值。解决网站设计、中出现的问题,能体现学生运用知识的能力。
2、开发环境
2.1 硬件环境
CPU:core i5
2
内存:4G
固态硬盘:256G
2.2 软件环境
MySQL:mysql 是一种关系型数据库管理系统,关系数据库将数据保存在不同的表中。
Tomcat:Tomcat 服务器是一个免费的开放源代码的 Web 应用服务器,属于轻量级应
用服务器。
2.3 开发工具
2.3.1 HBuilder 开发工具
本网站主要利用著名的 Hbuilder 编辑器,html、css、JavaScript 等技术实现的一
个简单的静态咖啡网站,HBuilder 的最大优势是快速,运用完整的语法提示和代码输入
法、代码块等,高度提升 HTML、js、css 的开发效率。
2.3.2 Eclipse 开发工具
Eclipse 是一个开放源代码的、基于 Java 地可扩展开发平台,它为编程人员提供了
一流的 Java 集成开发环境(Integrated Development Environment,IDE)。在 Eclipse
的官方网站中提供了一个 Java EE 版本的 Eclipse IDE,应用 Eclipse IDE for Java EE,
既可以创建 Java 项目,也可以创建动态 web 项目。
2.3.3 Adobe Photoshop
Adobe Photoshop,简称“PS”,是由 Adobe Systems 开发和发行的图像处理软件。
Photoshop 主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有
效地进行图片编辑工作。ps 有很多功能,在图像、图形、文字、视频、出版等各方面都
有涉及。本网站中所有用到的图片编辑都由它完成。
2.4 产品架构
2.4.1 Bootstrap 框架
Bootstrap 是一组用于网站和网络应用程序开发的开源前端框架,包括 HTML、CSS
及 JavaScript 的框架,提供字体排印、窗体、按钮、导航及其他各种组件及 Javascript
的扩展,旨在使动态网页和 Web 应用的开发更加容易。
Bootstrap 与最新版的 Google Chrome、Firefox 和 Safari 浏览器兼容。
从 2.0 版本开始,Bootstrap 支持响应式网页设计。页面布局可以根据显示网页的
3
设备(桌面、平板电脑、手机)来进行动态调整。
2.4.2 Maven 框架
本系统后台采用 Maven 框架进行开发,Maven 框架是基于项目对象模型,主要是用
于解决导入 java 类依赖的 jar 包,编译 java 项目的问题。Maven 可以统一维护 jar 包,
防止 jar 之间依赖起冲突,使用 Maven 管理的 Java 项目都有着相同的项目结构,这样利
于对项目的维护。
3、需求分析
3.1 总体目标
七里香咖啡网站主要是以 Hbuilder 为开发工具。综合考虑了整个页面的色彩,页
面的构架,完整的利用了图片、文字、图层、表格等元素,网站内容明确、层次清楚。
通过不断修正和完善,经过反复测试,最终会形成一个完整的网站,可以适应平板的大
小以及手机的大小。
1.网站需要简洁明了的页面效果,能够快速清晰的了解整个网站所具备的功能
2.网站操作界面需要简单明了,不需要特别的技术能力,用户只要平时用过电脑,
都可以进入网站
3.2 功能需求
主页:设计简约温馨、布局清晰,能够展示咖啡网站形象。
一级页面:首页,咖啡成分,咖啡知识,饮品介绍,咖啡论坛。
页面风格设计:整体风格简单设计,包括网站 logo 设计、首页与二级页面设计以
及网站整体设计风格
Web 结构:在网站整体风格下,对网站各个栏目的板式结构设 计达到内容展示和
访问者信息获取的要求,同时对网页页面设计进行排版、兼容性调试
网站需要具有以下功能:
1.登录注册功能。提供人性化的提示功能,在用户输入注册信息时给予相应的提示;
在未注册的情况下登录则提示用户用户名不存在,请先注册。客户在注册完之后即可使
用。
2.网站首页、咖啡起源、咖啡的主要成分、咖啡的品种以及注意事项;
3.提供咖啡热门饮品的介绍和推荐;
4.咖啡的研磨方法和煮制的介绍。
3.3 性能要求
1.响应时间:处理时间低于5秒;
4
2.页面流畅度:在各个页面之间的跳转需要流畅进行,不能出现卡顿现象,当用户
登录,进行任何操作的时候,系统应该及时的进行反应;
3.硬件要求:1.80GHz 以上 CPU,256M 以上内存;
4.操作系统要求:支持 Windows10/7/8;
5.浏览器支持:Google.Chrome、火狐浏览器、IE 浏览器;
6.安全性:在用户登录时,验证密码是否正确;
7.响应速度:采用了 HTML5 的缓存机制,实现了懒加载;
8.容易维护:采用 Bootstrap 框架实现响应式布局,容易维护。
4、系统设计
4.1 总体设计
该网站总共有五大模块,分别为网站首页、咖啡知识、咖啡成分、咖啡豆咖啡机、
加入我们。整个网站的设计用的都是 bootstrap 网站总体结构图如图 4-1 所示。
图 4-1 网站总体结构图
剩余22页未读,继续阅读
资源评论
Mmnnnbb123
- 粉丝: 696
- 资源: 8万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功