美好时光咖啡网站设计与实现.docx

《美好时光咖啡网站设计与实现.docx》由会员分享，可在线阅读，更多相关《美好时光咖啡网站设计与实现.docx（11页珍藏版）》请在第一文库网上搜索。

1、目录1作品概述22 .开发环境错误!未定义书签。1. 1硬件环境错误!未定义书签。2. 2软件环境错误!未定义书签。3. 3工具软件错误!未定义书签。4. 4产品架构错误!未定义书签。3 .需求分析53. 1总体目标54. 2功能需求55. 3性能需求64 .系统设计64.1 系统详细设计65 .功能实现65.1 “首页”页面设计65.2 2咖啡文化页面说明75.3 “咖啡种类”页面设计85.4 ”咖啡引用说明”页面设计85.5 “咖啡在中国于世界的发展”页面设计95.6 “关于我们”页面设计96 .设计总结io6. 1网站优点117. 2网站的不足和改进方案117 .参考资料111作品概述1

2、.1 选题现状随着人们的生活水平逐步提高，越来越多的人开始习惯享受咖啡给人们带来的休闲享受。毕竟有需求就必须会有服务，这也是为什么越来越多的朋友选择湖南优美咖啡培训的原因。但是，人们只看到咖啡行业的一丝繁荣，、全球化的影响，导致消费习惯的国际化，喝特色咖啡咖啡的人群在扩大。2、中国经济持续高增长，人民生活水平日益提高，生活品位日益多元、提升，具备了咖啡的消费的经济可能。3、大型咖啡连锁机构纷纷进入中国，国内本土的咖啡店也在崛起之中，咖啡店在国内大部分城市得到了发展，使得帅啡消费的人群在增多，地域在扩大。2015年中国国内生产总值为67.67万亿元，比上年增长6.9%。而就地区而言，从“安徽省经

3、济发展成就”新闻发布会上获悉，安徽已提前两年实现基本现代化，2014年人均GDP（地区生产总值）突破3.44万元，而合肥作为省会，相信这个数字会更高。这一方面也体现了人们生活水平的快速提高，为国内咖啡高档次行业消费提供了良好的契机1.2 选题意义现如今，咖啡已经成为一种时尚，喝咖啡更成为人们的一种渴望，那么人们到底对咖啡有什么样的认识,品咖啡不仅仅品它的味道,而应该实实在在的了解它的前后发展的历史,适量咖啡的功效，过量的咖啡会引起的系列反映。那咖啡吸引人的魅力到底是什么?那恰如其分的酸苦味,芬芳的香醇,加以咖啡因的神奇功效.酒精或烟草可以令人感到陶醉与刺激,同样的,咖啡因也可以令人感到兴奋。咖

4、啡因里，由于有刺激中枢神经或筋肉的作用，可使筋肉疲劳恢复，工作效率提升，具有清醒的效果能使头脑反应活泼灵敏。另外，由于刺激交感神经，可以抑住副交感神经的兴奋而引起的气喘。咖啡还有帮助消化的作用，特别是食用过肉类时、胃液分泌多，促进消化，防止胃下垂。由于咖啡因可以分解脂肪，吃完热能高的食物后，许多人必定都希望喝杯咖啡.但是,有研究表明，咖啡的消化功效会引起虚假的饥饿感,可能会导致食量的增加!骨质疏松并非妇女专有的病，但却大部份发生于妇女身上。造成骨质疏松的因素包括钙和蛋白质的摄取，抽烟，运动习惯，年龄和体重。为要确实洞察咖啡因的摄取和骨质疏松的关系，研究者必须小心的掌握每一个多变的因素.曾有研究

5、指出，咖啡因的摄取会导致骨质密度的降低.2 .开发环境2.1 硬件环境Windows1O电脑一台，联想拯救者笔记本。Cpu是i7-7700HQ2.2 2软件环境系统是windows10家庭版。2.3 3工具软件AdobeDreamweaver,JetBrainsWebStorm,AdobePhotoshop2.4 产品架构本人项目是前端使用bootstrap框架的基础设计的，对各个功能模块用盒子模型进行设计,并通过浮动、一些CSS样式、和一些JaVaSCriPt脚本对功能进行设定，网页回美观好看，网页之间稳定跳转，并且跳转符合逻辑，不会出现404,500的报错情况。2.5 产品架构本人项目是前

6、端使用bootstrap框架的基础设计的，对各个功能模块用盒子模型进行设计,并通过浮动、一些CSS样式、和一些JaVaSCriPt脚本对功能进行设定，网页回美观好看，网页之间稳定跳转，并且跳转符合逻辑，不会出现404,500的报错情况。3 .需求分析3.1 总体目标本系统本着设计功能丰富。界面视觉感觉很有画面感，能够提高给人够旺欲望的感觉,系统设置便于操作，不能没有逻辑感，网站能够便于浏览了解网站内容。网站前端设置能够给人恋眼前一亮，给人视觉冲击，提高浏览数量。网站需要具备较好的安全性，不能随便盗取用户信息，或者随机进行非法访问。依据总目标，对网站提出以下需求：(1) 整个网站前端页面布局需要

7、丰富，视觉感需要很强，能给人眼前一亮的感觉，并且清晰合理符合逻辑。(2) 每个用户都会使用整个网站，均可以使用网站浏览和了解咖啡等商品商品，不需要对用户进行培训或者引导，对网站整个操作界面提出了简洁的要求。(3) 前端跳转不能没有逻辑，需要符合情景。(4) 为了更好的界面效果整个界面用bootstrap,jQuery框架构件，是界面效果更加有视觉感，并且好用。3. 2功能需求本网站系统是对了解商品一站式服务，根据企业需要的需求而进行开发。主要内容包括：首页，咖啡文化，咖啡种类，咖啡饮用说明，咖啡的发展，联系我们，结算等4. 3性能需求为了保证网站的安全性，有效性，可靠性有以下几个功能需求：(1

8、)整个网站系统的响应时间不能过程，一般不超过5秒，对于一个页面访问几次数据进行数据库和后端优化，响应超过5秒视为响应超时，如果对数据库响应超过5秒数据库回滚，更改失败。(2)整个网站并发用户，最大承重多少个用户同时并发操作，是否会对数据操作繁乱，更新不及时等。(3)整个页面的流畅度，各个功能模块的跳转，响应请求，加载，登录过期等等，在多个用户同时并发是保护用户数据正确，网站流畅度不能下降，一般反应不能超过5秒，正常情况下是不能超过1秒。（4）整个网站系统的后续开发，充分考虑到系统的延展性，多耦合。5. 系统设计5.1 系统详细设计在开发美好生活咖啡网站系统时，首先进行需求分析，进而对系统进行总

9、体的设计规划，设计系统功能模块，数据库的选择等，有一下几个步骤：（1）指定开发系统计划，根据整个商城系统的业务需求分析指定详细的开发需求计划，联系我们所学的知识结构以及整个系统的架构，确定真个技术方案和开发计划。（2）系统调研与分析参考。以前。设计的系统分析，他们的不足与优点，再根据自己的情况进行优化，并且去知网查阅文献。（3）功能设计再根据网站系统的。需求调研分析的基础上对系统功能的设置。和根据自己的情况合理组织安排。自己商城的特色，提高系统的档次。总之。整个咖啡系统建设最终是围绕客户而展开。（4）系统设计主要包括系统组织结构的架构，系统数据库设设计，系统功能设计，系统界面设设计等包括包系统

10、对开发软件，数据库版本的设计。（5）系统编码与实现系统设置可操作描述。根据自己的任务书和设计的需求进行编码。同时要对系统。软件进行建立相应的开发环境，比如说JDKI.8,HBUi1derX开发软件。（6）当我们实现系统编码完成时，要进行要对系统各个功能进行测试，能不能达到自己的设置需求，不能达到时我们需要改，如果达到了那么完成了这次系统的开发5.功能实现5.1 各模块功能介绍标题栏目子功能名称简述首页咖啡咖啡的简单介绍咖啡文化咖啡文化咖啡起源于培植咖啡种类咖啡种类咖啡种类介绍咖啡饮用说明咖啡引用说明咖啡各个种类的品尝方法咖啡的发展咖啡在中国于世界的发张简介咖啡在世界的发展联系我们关于网站有意见

11、可以于我们交流5.2 袤3.1各模块功能介绍表5.3 “首页”页面设计首页代表的是网站整体的一个形象，为了给人第一时间留下深刻的印象，首页的设计整体颜色是以希望和清新的绿色背景图为主,首页头部显示时间日期,下方添加一张背景图片，上面是ps制作的网站1ogo和一个f1ash字体逐帧动画组成。导航栏采用列表排版加上标签，使其可以连接到其他子页面。首页的内容模块包括了、咖琲、咖啡文化、咖啡种类、咖啡饮用说明、咖啡发展、联系我们等，其中“稀有动物介绍”运用div+css制作了文字上下滚动效果，各种样式主要是利用div+css和超链接完成的，页面底部则是网页的相关链接和网站版权信息，版权信息里包含了版权

12、所属和指导老师信息等。最终效果如图4.1所示。图4.1“首页”页面设计5 .3咖啡文化页面说明“咖啡”页面主要是介绍稀有咖啡。导航栏以上部分与首页相同。导航栏下方使用了f1ash图片滚动动画，介绍咖啡取了古巴咖啡、越南咖啡性的图片，能够让大家更加快速的认识这些咖啡,片展示咖啡时,用div+css制作鼠标经过图像文字出现效果,使整个页面“活”起来的同时还能够更加详细的介绍。另外还运用div+css样式制作保护咖啡意义和一些咖啡小知识。最终效果如图4.2所示。图4.2咖啡文化页面设计5.4 “咖啡种类”页面设计“咖啡”页面主要是介绍稀有咖啡。导航栏以上部分与首页相同。导航栏下方使用了f1ash图片

13、滚动动画，介绍咖啡取了古巴咖啡、越南咖啡性的图片，能够让大家更加快速的认识这些咖啡，片展示咖啡时，用div+css制作鼠标经过图像文字出现效果，使整个页面“活”起来的同时还能够更加详细的介绍。另外还运用div+css样式制作保护咖啡意义和一些咖啡小知识。最终效果如图咖啡种类5.5 4.2“咖啡种类”页面设计5.6 “咖啡引用说明”页面设计“咖啡引用说明”页面的主要内容是介绍了各个咖啡种类的如何饮用，通过在链接的方式可以点文字跳转到相对应的位置，下方是用div+css命令把正方形的图片调成圆形图，在图片展示咖啡已经咖啡工具时，还运用div+css制作鼠标经过图像文字出现效果，介绍咖啡名称与喝咖啡

14、的工具。最终效果如图4.4所示。*N3图4.4“咖啡引用说明”页面设计5.7 “咖啡在中国于世界的发展”页面设计“咖啡文化”页面的主要内容是介绍了咖啡在中国的发展过程，咖啡在中国的发展时间不长，所以网页主要是运用div+css制作文字介绍，所有的文字字体都是微软雅黑，部分词语使用了超链接的效果，使其跳转到相应的界面，详细的介绍说明。啡在中国炭修图4.5咖啡在世界的发展”页面设计5.8 “关于我们”页面设计“关于我们”页面的主要内容包括：“关于网站”“提交问题”。主要是使用了文字展示向我们讲解以及说明。“关于网站”向用户展示了创建这个网站的初衷与帮助，”提交问题”则希望通过这个网站让越来越多的人

15、了解与参与咖啡的评鉴和认知，以及对网站有什么改进意见提出来进来更正。最终效果如图4.6所示。图4.5“关于我们”页面设计6 .设计总结经过几周的不懈努力，整个系统终于顺利完成。通过本次对系统的设置架构。我在原有的专业的支持上又学到了很多的知识，对专业知识。和网站的开发有了更深层次的理。李姐也增加了自己的开发经验。对日后的工作也是积累了相关的经验。在开发的过程中也遇到了很多问题，这对自己来说也是一个挑战，也是一个机会，当我们遇到不懂的时候，会立马查阅文献资料。进行改正和更正。有很多很多的难处，当我们碰到一个一个的问题，我们一个一个的解决。这不仅增强了我们的学习能力，还增加了我们的知识。因为时间问题，在做整个网站系统的设置和架构使没有考虑很多方面，造成了整个网络系统的不足，有待进一步完善，在这个过程当中，我接触到了许多理论。和实际的新问题使我做了很多方面的思考，能使我理论联系实际。在这次毕业设计中，感谢我的指导老师对我的指导，感谢同学支持和鼓励。感谢我的室友帮我查阅资料，测试错误，检查错误，并引领我改正这些错误，也感谢涉及到文献的作者。在此次毕业设计中，我也巩固了许多专业知识，也学到了一些新