网站毕业设计过程材料

..毕业论文〔设计〕过程材料题目：七饭网视频界面和用户数据库管理系统的设计与实现学生：程雅琳学号：1312040108所在院〔系〕：经济与管理学院专业名称：电子商务届别：2017届指导教师：王晓宇职称〔学位〕：硕士师学院教务处印制本科毕业论文〔设计〕过程材料目录序号过程材料名称备注1本科毕业论文〔设计〕任务书2本科毕业论文〔设计〕开题报告3本科毕业论文〔设计〕中期检查表4本科毕业论文〔设计〕指导教师评审表5本科毕业论文〔设计〕评阅教师评审表6本科毕业论文〔设计〕辩论记录表7本科毕业论文〔设计〕成绩鉴定表8本科毕业论文〔设计〕二次辩论记录表..一、本科毕业论文〔设计〕任务书1.要求完成的主要任务及到达的目标〔1〕要完成的主要任务1、学习和制作不少于20个网页组件；2、完成毕业设计选定的大工程；3、根据论文写作要求，收集相关数据和相关资料；4、配合指导教师指导，撰写初稿，进展论文的修改；5、严格按照学校论文的格式打印和装订，并提供电子稿；6、完成论文定稿，在指导教师的指导下做好论文辩论的各项准备工作；7、正文不少于10000字，完成毕业设计工程，参考文献不少于10个；8、论文查重〔中国知网〕比例不得高于30%。〔2〕到达的目标设计和实现七饭网的菜谱视频列表和具体的视频播放页面，使界面美观并且能够使用户与网页实现动态交互。设计好用户数据库，存储用户信息及相关数据，到达用户数据同步，管理数据。结合所做工程，撰写论文，保证能按时高质量地完成学位论文。容正确无误，对所分析的问题能提出自己的见解，格式符合学校规要求。2.工作进度要求〔1〕选题，定题：2016年11月1日——2016年11月20日；〔2〕资料查询及整理,任务书填写：2016年11月21日至2016年11月30日；〔3〕开题报告撰写：2016年12月1日至12月20日；〔4〕初稿：2016年12月21日至3月20日；〔5〕第二稿：2017年3月21日至4月10日；〔6〕第三稿：2017年4月11日至4月30日；〔7〕定稿：2017年5月1日至5月15日；〔8〕辩论：2017年5月15日至5月30日指导教师〔签名〕：年月日二、本科毕业论文〔设计〕开题报告1.研究〔设计〕目的意义及国外研究状况和应用前景〔附参考文献〕：〔1〕研究〔设计〕目的意义互联网的快速开展，对各行各业营销模式的变革具有划时代意义，尤其是美食效劳类行业。本文基于数据库相关原理、HTML5技术等理论，构建美食交流平台——七饭团菜谱。为满足用户审美需求，而对界面进展UI设计。文章对解决国菜谱类建立风格千篇一律，及网页设计提供了新思路。美食菜谱在应用端正从单纯的菜谱工具向多功能的平台转变，在产品应用功能和运营模式上，美食菜谱逐渐社区化、电商化、媒体化和大数据化。应用端在美食菜谱垂直领域，以菜谱为依托搭建美食相关生活平台，用户不仅可以获取菜谱容，而且可以交流烹饪技巧、查阅安康饮食知识、讨论生活相关话题、购置食材厨具和交友等。未来30年是群众化、品牌化、连锁化餐饮的天下。以2015年为基点，餐饮业产业构造在快速转型升级。群众化使传统餐企和新兴餐企都获得开展时机。〔2〕国外研究状况和和应用前景1、国研究：目前，随着国民经济的不断开展，人民生活水平的不断提高，追求高质量、高品位的人生，已成为当代人的一种潮流和时尚。越来越多的人注重饮食安康和享受制作美食的乐趣，它的开展前景是十分广泛的。针对重视安康的人群而开设的一个提供营养食谱的，为那些想获取安康、美丽饮食菜谱的人们提供一个获取信息的平台，家庭主妇、青春少女、以及中老年人，效劳的对象十分广泛，具有很强的开展前景。国烹饪细分各种美食烹饪菜谱，为会员提供上传功能和局部付费阅读功能，同样主打安康和原创。国菜谱网的特点首先便是菜种丰富，除了中国传统的菜系之外还有简单易学的家常菜、新鲜精致的西餐和面包烘焙，还有许多美食朋友们分享的原创菜谱，可谓对所有菜品一网打尽应有尽有，并且每一道菜谱都步骤清晰配有高清图片和许多教学视频，学起来非常清楚明白。其次就是分类明确，模块明晰，各个板块一目了然非常的简单明了，还有贴心的孕妇菜谱和宝宝菜谱。最后，国菜谱都有美食交流平台。菜谱的开展已经日趋正规化和专业化，有了一定的规性，实用性很强。国菜谱看到的根本上都是一种风格的，且较为传统，也和大家想象中的几乎无差异。国的面对新的建立趋势，不敢轻易尝试，都是在技术较为成熟的时候才试着去改变，显得慎重和保守，毫无新颖感。无论是在颜色搭配还是在风格上，没有特别的视觉冲击，整体显得沉闷，布局也始终是中规中矩，再搜罗几个同行业的，你会发现每个几乎无差异，甚至会让人感觉是从一个模板替换容形成的。中国的整体色调搭配更具有中国的民族风，这表现在，国的色调搭配通常会使用三种或者三种以上的色调，主色调用一种，背风光又是一种，还有导航栏也要用一种颜色来标明，似乎怕人家找不到似的。这种色调搭配在普通的企业中更为常见，一翻开，就是一堆色调凑起来的花花绿绿的画面，而且色彩浓烈，容易给人一种压迫感，并且由于每个人对色调的喜好不同，首先从色调的运用上，可能已经导致了的一局部跳出率。2、国外研究：跟国美食平台差不多，国外烹饪也是各种细分的美食烹饪菜谱，为会员提供上传功能和局部付费阅读功能，同样主打安康和原创。外国菜谱给美食摆拍的技能都非常强。看国外美食直观的差异在于：不同于人多煎、炸、炒的饮食习惯，国外上各种甜食、甜饮满屏飞，而且做出来都非常漂亮！另外一个就是上传的原创菜谱大多没有太多的配图，更注重文字的描述。国外菜谱有付费、免费、及局部容付费。但这三者都是以科学为根底的烹饪。每一个团队都会反复的去测试食谱，研究烹饪理论。因此所有post上去的食谱、测评以及讲解都有能经得起推敲的科学节说。此外，大多数创始人皆为工科背景的硕士生，专业素质强。相比于欧美菜谱，欧美菜谱不习惯艳丽、花哨的色彩和设计风格，他们比拟钟情于简洁、平淡而严谨的风格，即使许多大型也是这种风格；首页页面上通常不会放置太多容，也很少放置广告，倾向于将首页做成各类功能、板块的引导界面，即使有容表现，也是比拟简洁的，不超过2屏，完全不像国喜欢堆积大量广告和容。国外传统比拟讲究的实用性和便利性，他们会花很多时间去制作很多周到实用的细节，功能虽然大多平实但很有效；国外对平安性的要求非常高，许多效劳和功能都需要进展平安连接，而国只有交易、银行等才会注意到。国外商业用户对的信誉度很看重，如果你没有详细描述关于的介绍、提供足够充足的例和建立严谨而值得信赖的流程，那么你就很容易丧失用户。因此国外对个人信息和隐私也非常注意保护，除了隐私条款外，在细节上也需要加强隐私保护的说明和功能。3、应用前景：随着移动互联网的冲击，许多的美食行业都借此扩展自己的业务，相关的美食类不胜枚举。而菜谱类更是超过了其他类美食类，并独占鳌头，由此可见菜谱类的市场有着良好开展前景。菜谱类市场将会价值无限，并会会在美食行业的广泛关注，并引发了剧烈的竞争。提升用户体验是抢占用户市场的立足点，所以开发者在开发时首要关注的除了要保证质量，更为重要的就是用户体验。所以菜谱类要想在未来获得良好的开展，那么就需要开发者制作出优质的以及有良好用户体验的。参考文献：[1]朴灵.深入浅出Node.js[M].:人民邮电，2013.[2]菲利普.科特勒，市场营销原理[M]，:清华大学，2007.[3]孟建华.UI设计与应用[J].艺术设计，2009〔4〕：49-50.[4]钱雪忠.数据库原理及应用[M].:邮电大学，2007.[5]何玉洁，梁琦.数据库原理与应用〔第二版〕[M].：机械工业，2011.[6]壮志剑.数据库原理与SQLServer[M].：高等教育，2008.[7]王珊.数据库技术与联机分析处理[M].:科学，1998.[8]高云，艳春.SQLServer2008数据库技术实用教程[M].：清华大学，2011.[9](美)施瓦茨.高性能MySQL[M].：电子工业，2010.[10]EricA.Meyer.CSS权威指南[M].：中国电力，2007.[11]NicholasC.Zakas.JavaScript高级程序设计[M].：人民邮电,2006.[12](美)DavidFlanagan.JavaScript权威指南[M].：机械工业，2003.2.主要容、研究方法和思路主要容:一、绪论〔一〕选题背景随着计算机和网络信息技术的不断开展，互联网络为信息交互提供了广泛的平台，越来越多的人使用这种信息传播介质，各种类型的也如雨后春笋般在互联网的世界中应运而生。这也使得许多传统形式的信息以新的表现形式出现在网络之中。自古以来人们的生活就与美食严密相连，美食行业在市场的地位都是永摧不倒。随着移动互联网时代的到来，传统的纸制菜谱也借助互联网的平台，以菜谱的形式，在互联网中占据一席之地。七饭菜谱网使用基于Node.js[1]的Express框架进展开发，根据前后端别离的设计原那么，前端设计出清晰简约的页面，后端建立自己的数据库，通过Express框架的MVC三层架构使得前端页面的数据能与后端数据库的数据动态联动起来，实现动态添加、修改和删除。以前端界面视频页面与后端数据库的关系为例，视频页面通过GET请求，可以从数据库读取想要展示的容显示在前端页面。在前端页面进展的如"点赞〞、"收藏〞等操作，又可以通过POST请求发送给数据库，从而更改数据库中的数据。使用Ajax技术将获取和发送请求结合起来，实现了网页的实时更新，也就是我们在网页上可以进展诸如"点赞〞、"收藏〞、"评论〞等操作，网页会立刻更改数量或显示评论的功能。根据我们所希望展示的容，设计出清晰简明的视图界面。让人对一目了然，一眼就让用户知道该展示和发布菜谱的功能以及网页显示的容。七饭网的视频页面采用视频菜谱教学模式，以代替传统的文字展示方式。使得七饭菜谱网的菜谱容更具吸引力。〔二〕七饭网视频视图界面数据库设计1、数据库设计原那么对于信息类来说，建立高效、全面、准确的数据库是搭建一个好的的基石。优秀的数据库能够帮助开发者减少业务操作和出错率，利于后期的维护。如果在数据库设计阶段不考虑好数据之间的关系，就会造成大量的数据冗余、关系不完整或漏数据，给以后的数据库扩展形成瓶颈，也不利于后期维护。因此，建立一个优秀的数据库，设计好每一表格尤为重要。为了建立冗余较小、构造合理的数据库，设计数据库时必须遵循一定的规那么。在关系型数据库中这种规那么就称为式。式是符合某一种设计要求的总结。要想设计一个构造合理的关系型数据库，必须满足一定的式。在实际开发中最为常见的设计式。2、七饭网数据库的设计建立数据库首先要分析需要的数据，以及数据之间的关系。弄清各实体集、联系集之间的业务逻辑，建立表之间的附属关系。七饭网作为一个菜谱，它的核心功能是为用户提供菜谱信息。必然存在用户和菜谱两大主体。首先，可以注册，这就意味着要建立用户表t_user存储用户数据。用户id是user表的主键。由于菜谱分为图文菜谱和视频菜谱，就要建立图文菜谱t_cook表存储图文菜谱，cook_id是主键。建立t_video表存储视频菜谱，video_id是视频菜谱表的主键。用户的点赞、收藏、评论操作会导致数据变化，因此要建立点赞表t_like、收藏表t_collect、评论表t_ment。根据不同的类型建立相应的表。每表都有一个唯一主键，表之间存在附属关系，主表的主键要设置成从表的外键，以建立关联关系。3、存储过程的设计在数据库中，不光要设计数据表，还要建立相应功能的存储过程[9]，存储过程的作用是根据的功能需求，实现数据的增删改查，以供Express框架中的controller控制层调用。这样就实现了效劳器端与客户端的数据交互。〔三〕七饭网视频视图界面风格设计与功能实现1、界面风格的设计七饭网的视频界面主要分为视频列表页和视频详情页。视频列表页面是视频详情页的入口，所有的视频菜谱都以缩略图以及简单菜谱信息的形式展示出来。用户可以预览视频菜谱，选择自己感兴趣的菜谱，再通过点击菜谱浏览详细的菜谱信息。页面设计上顶部是不变的导航栏。导航栏的存在是为了的完整性，帮助用户更快捷的跳转到其他页面。在网页的最底部就是的<footer>，也就是页脚。页脚用于显示的细节信息，一些重要程度不需要放在导航栏、但是用户又可能想要了解的相关信息。头部导航和底部页脚是整个网页都不可缺少的局部，保证的完整和整体风格的一致性。页头导航和底部页脚的中间区域为页面的主体区域，显示特定的功能和容。为了使页面容突出又简洁明了，主体局部的宽度设置为1002px，上下为30px的外边距，并且居中显示。菜谱列表页面容以豆腐块的形式展示，每行显示4条视频菜谱的缩略信息，每页显示16条信息。这样做既不至于每页显示的容过少而导致用户需要频繁翻页，也使得用户会给到足够的注意力到所显示的菜谱上。每一个视频缩略信息都是一个item。每个item的大体可以分为两大局部——上部的图片缩略图，下部的作者信息。图片和文字信息的显示比例为7:3，使得容能以图片吸引用户，而下部又有足够的空间展示菜谱信息。2、前端页面功能的实现除了做好前端的静态页面，最重要的是实现页面交互功能。七饭网使用的是Node.技术基于Express开发的。Node.js是一种主流框架，它允许你使用JavaScript快速构建具有高度可伸缩性的网络程序[16]。Express是一个基于Node.js平台的极简、灵活的web应用开发框架，它的MVC三层架构ModelViewController提供了对HTML、CSS和JavaScript的完全控制。结合前端Ajax局部刷新技术，能有效实现前后端的数据交互。VIEW即前端视图，实现网页风格设计，是我们所看到的静态视图。Model是数据层，当用户发送了’/video’get请求时，加载菜谱列表页面，需要显示所有的菜谱信息。当请求到某一个菜谱时，根据菜谱id号传递参数，发送’/video/detail"id=3’请求，以跳转到菜谱详情页面，并加载id为3的视频菜谱的详细信息。〔四〕研究方法、难点、创新点1、研究方法七饭网使用的是Node.技术基于Express开发的。Node.js是一种主流框架，它允许你使用JavaScript快速构建具有高度可伸缩性的网络程序。Express是一个基于Node.js平台的极简、灵活的web应用开发框架，它的MVC三层架构ModelViewController提供了对HTML、CSS和JavaScript的完全控制。结合前端Ajax局部刷新技术，能有效实现前后端的数据交互。VIEW即前端视图，实现网页风格设计，是我们所看到的静态视图。Model是数据层，当用户发送了’/video’get请求时，加载菜谱列表页面，需要显示所有的菜谱信息。当请求到某一个菜谱时，根据菜谱id号传递参数，发送’/video/detail"id=3’请求，以跳转到菜谱详情页面，并加载id为3的视频菜谱的详细信息。2.难点在做菜谱视频详情页时，希望引用优酷、爱奇艺上的，用小窗口播放容。这样只是引用资源播放，并不会造成侵权问题。并且节省了视频数据的存储。但是使用Ajax请求，会产生为了防止跨站授权而无法获得资源，从而导致视频无法播放。JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的平安性限制，被称为"Same-OriginPolicy〞〔同源策略〕。这一策略对于JavaScript代码能够访问的页面容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的容。JavaScript这个平安策略在进展多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略，在baidu.下的页面中包含的JavaScript代码，不能访问在google.域名下的页面容；甚至不同的子域名之间的页面也不能通过JavaScript代码互相访问。对于Ajax的影响在于，通过XMLHttpRequest实现的Ajax请求，不能向不同的域提交请求。3.创新点建立较为大胆，在新的开展趋势下与时俱进，根据近期最受用户欢送的响应式进展设计，给用户眼前一亮的感觉。将做成响应式的，首页以全屏滚动式的设计为主，让整个显得有活力，看起来不致于枯燥乏味，另外，还注重了交互式设计，在每一个选项中点击之后会有不同的颜色替换，或者鼠标悬放在上面时，也会有不同颜色标识，再者是细节处理，也都在围绕着用户体验进展，如右上角的搜索标志，选项栏的下拉列表框等等，能让用户快速找到需要的容。再细看的每个子页面，也都是严格按照统一的风格来设计，极强的相关性，使得增加了用户的信任度，无形中带给了用户好印象。建立自己的数据库。数据库系统中的存储过程可以提高查询效率，提高平安。数据库系统可以存储大量数据，平安，便捷。能够储存大量数据，且用空间少。随着计算机技术的开展，无论是文字，图片，还是声音或视频，多媒体信息都可以使用数据库进展储存。管理操作方便，快捷，数据维护简单，平安。使用数据库管理信息资源，可以进展添加，修改，插入，删除等操作，而且方便，快捷。检索统计准确，迅速，高效，数据应用共享性能。〔五〕论文根本构造一、国菜谱风格分析二、七饭网视频视图界面风格设计及技术实现〔一〕界面风格设计〔二〕前端页面功能的实现三、七饭网数据库设计〔一〕数据库设计原那么〔二〕七饭网用户数据库的建立〔三〕存储过程的设计四、七饭网对国菜谱的启示〔一〕风格〔二〕技术〔三〕建站方式五、结论〔一〕结论及对策建议〔二〕对策建议开发方法：使用webstrom、phpMyAdmin工具，以及node.js的express框架，进展开发，主要有三个方面：1、根据国目前的菜谱风格进展分析，做出不同的UI设计。2、运用phpMyAdmin图形化管理工具进展数据库开发，设计数据库、数据表及存储过程。使数据库能处理前端页面发送的请求。3、基于node.js的express框架进展开发，实现前后端交互，是功能的完整性得到保障，且后期易于维护。开发思路：工程确实立是建立在用户需求上的，开发的成败取决于开发者对用户需求的理解程度。只有每个开发人员都按照一个共同的规去设计、沟通、开发、测试、部署，才能保证整个开发团队协调一致的工作，从而提高开发工作效率，提升工程工程质量。在工程开发之前，分析了人们对菜谱的需求、目前菜谱的现状，根据人们对一个菜谱的需求，设计出相应的功能模块。在界面风格、数据库建立和用户体验上采用了与群众菜谱不同的实现手段。开发制作出优质的以及有良好用户体验的，进一步为提高用户体验。3.总体安排和进度〔包括阶段性工作容及完成日期〕：第一阶段：理论与方法准备阶段2016年11月-2016年12月查阅文献资料和相关数据，寻找课题研究的理论依据；确定研究方法；制订研究的具体方案；明确第一局部容中的财务报表分析目的意义等。第二阶段：深入研究阶段2017年1月-3月撰写论文的核心局部，对凤竹纺织公司进展简单介绍，三大财务报表分析及财