咖啡屋的网站设计与开发

1、毕业设计（论文）咖啡屋的网站设计与开发系 部： 信息技术系 专 业： 电子商务 学 号： 学生姓名： 指导教师姓名： 指导教师职称： 摘要随着因特网的飞速发展和信息经济、网络经济等概念的提出，信息网络渐渐影响着人们的生活方式。面对信息的来源，也不在是传统的报刊、杂志、广播等，而是通过零时空的网络实现资源共享。因此，网站的设计与开发，成为了实现企业与顾客之间交流的重要纽带。球爱咖啡屋网站是商业网站中展示和宣传企业形象的一个重要方面。本网站通过设计开发，实现了后台管理对产品信息和新闻信息的录入、修改和删除以及意见反馈的查看和删除等功能，另外可以对后台账号进行相应的管理，以满足安全性方面的要求。如何

2、有效地宣传推广自己的产品是各企业努力追求的目标，同时客户足不出户就可以了解到企业最新的产品信息，并可以查找、咨询顾客所需的产品，更可以通过留言板，把自己的意见反馈给企业，帮助企业更好的改进发展，以满足顾客需要。网站既达到了企业产品的宣传与推广，又实现了客户与企业的相互沟通。关键字：网站设计 产品展示 新闻信息 后台账号管理 留言模块目录第1章引 言11.1课题的开发背景11.2选题的目的和意义1第2章系统分析22.1任务概述22.1.1组织结构图22.1.2组织与业务的关系22.1.3实现目标32.2项目开发计划3第3章概要设计43.1系统结构模块43.2处理流程43.2.1主流程43.2.2

3、后台管理流程53.3数据库设计53.3.1注册表53.3.2新闻表53.3.3留言表6第4章详细设计74.1主模块说明74.1.1简要说明74.1.2测试数据74.1.3主界面设计74.2网站首页简介84.2.1简要说明84.2.2产品内容94.3产品展示模块94.3.1新闻模块94.3.2产品界面设计104.4在线留言模块114.4.1简要说明114.4.2界面设计114.5联系模块124.5.1简要说明124.5.2联系界面设计12第5章系统测试145.1测试计划145.1.1测试方案145.1.2测试项目145.2测试结果15第6章用户手册166.1系统主要功能166.2运行环境要求16

4、6.3系统安装与初始化166.4运行说明16结 论18致 谢19参考文献20温州科技职业学院信息技术系 电子商务专业毕业设计第1章 引 言1.1 课题的开发背景随着Internet的不断普及，互联网实现了世界范围的互联和信息共享，并已全面介入人类生产生活的方方面面，带动着人类社会的飞速发展。越来越多的企业建立起自己的网站，以最快捷和方便的方法宣传自己企业的形象和文化，扩大自己在业界的影响， 本设计所完成的网站是功能比较完善的网站，对网站的体系和结构的集约化安排，提供咖啡的最新信息，同时兼具时效性和全面性，网站同时为广大喜爱咖啡者提供了一个相互交流的平台。1.2 选题的目的和意义本网站以与时代接

5、轨和宣传企业为目的，利用Internet进行对企业产品的宣传与推广，树立企业的形象，让客户足不出户就能及时了解产品信息，并能根据需要查找、咨询自己所需的产品。本网站设计了意见反馈，通过意见反馈，客户可以留下自己的联系方式与意见，企业可以对其所发表的意见与其联系。企业通过网站后台，可以发布自己公司的动态，最新产品，以及客户意见的查看。企业网站的开发意义在于让访客及时了解公司动态，招聘信息和企业产品。客户可以看到公司最新相关信息及产品信息，既达到企业产品的宣传与推广，又实现了客户与企业之间的沟通。第2章 系统分析2.1 任务概述2.1.1 组织结构图组织结构图，如下图所示：图2- 1 组织结构图球

6、爱咖啡屋网站首 页种类介绍新 闻实物对照联系我们在线留言2.1.2 组织与业务的关系 业务流程图，如下图所示：图2- 2 业务流程图网 民浏览公司首页浏览公司新闻查看产品介绍浏览产品留言反馈浏览联系方式2.1.3 实现目标球爱咖啡屋网站主要针对通过Internet来访问该网站上的相关产品，主要实现的目标有：1、 管理员可以对公司产品、公司新闻等进行添加、修改和删除。2、 管理员可以对账号并进行密码的修改和删除。3、 访客通过该网站可以浏览网站新闻，每周优惠活动，每周特别推荐。4、 访客通过该网站可以浏览公司最新新闻5、 访客可以在网站上发表自己的留言与企业进行沟通。6、 访客可以对相关产品的详

7、细信息进行浏览。2.2 项目开发计划项目实施进度安排：完成内容日期安排1.进行设计前的资料（图片，信息，资料）收集和实际情况调查,落实毕业设计课题2011年12月2日2011年12月4日2.填写开题报告2011年12月 5日2011年12月12日3.撰写文档前部分： (1)系统分析2011年12月12日2011年12月27日(2)概要设计 (3)详细设计：主模块2012年01月03日2012年01月21日注册登录模块2012年01月25日2011年02月27日咖啡屋介绍模块2012年01月25日2011年02月27日产品模块2012年01月25日2011年02月27日企业文化模块2012年01

8、月25日2011年02月27日留言板模块2012年01月25日2011年02月27日联系方式模块2012年01月25日2011年02月27日4.编制各功能模块程序2012年04月02日2012年04月08日5.撰写文档后部分：系统测式2012年04月10日2012年04月15日6.系统测试及运行2012年04月17日2012年04月20日7.文档整合提交：向指导老师提交毕业设计2012年 04月22日2012年04月29日全部完成第3章 概要设计3.1 系统结构模块1、产品管理模块该模块是为了能够让管理员能够更好的对产品信息进行管理而设置的，其功能有产品信息的添加、编辑、删除。2、新闻管理模块

9、该模块是为了能够让管理员能够更好的对公司新闻进行管理而设置的，其功能有公司新闻的添加、编辑、删除。3、在线留言管理模块该模块是让企业知道客户的反馈信息，如：客户购产品之后的意见，以及客户想要订购的产品内容。4、账号管理模块初始的管理账号，可以建立多个后台管理账号，方便多人添加信息，达到发布产品等信息的效率，并可以修改其密码。5、联系商家模块客户对产品有什么意见可以直接联系商家进行解决。3.2 处理流程3.2.1 主流程1、建立与数据库的连接。2、获取网站设计。3、显示首页面。4、等待用户输入。如后台登录：进入后台登录页面。如浏览：进入浏览页面。如新闻信息管理：进入新闻信息管理页面。如产品信息管

10、理：进入产品信息管理页面。如后台管理：进入后台管理页面。3.2.2 后台管理流程1、要求管理员输入用户名及密码。2、管理员身份登录查验3、账号管理：进入管理员账号管理页面。修改密码：进入修改密码页面。4、新闻管理：进入新闻管理页面。添加新闻：进入添加新闻页面。修改新闻：进入修改新闻页面。删除新闻：进入删除新闻页面。5、产品信息管理：进入产品管理页面。添加产品：进入添加产品页面。编辑产品：进入编辑产品页面。删除产品：进入删除产品页面。6、意见反馈管理：进入意见反馈管理页面。3.3 数据库设计3.3.1 注册表表3- 1 注册表字段名称数据类型字段大小字段说明id自动编号长整型username文本

11、50姓名userpass文本50密码email文本50邮箱3.3.2 新闻表表3- 2 新闻表 字段名称数据类型字段大小字段说明id自动编号长整型新闻ID号news_subject文本50标题news_content备注内容news_faburen文本50发布人news_adddate日期/时间日期3.3.3 留言表 表3- 3 留言表字段名称数据类型字段大小字段说明id自动编号长整型意见反馈表的主键xingming文本50名称neirong文本50内容time文本50时间20第4章 详细设计4.1 主模块说明4.1.1 简要说明简要说明，如下表所示：表4- 1 主模块表模块名称主模块模块代码

12、名称Index.asp启动条件打开IE并输入相应的网址功能显示各模块信息4.1.2 测试数据1、模块是否正常工作流程。2、对输入的查验，包括输入值的合法性与合理性检验。3、数据库连接异常能否做出适当处理。4、数据库数据异常时能否判断，并给予合适处理。4.1.3 主界面设计球爱咖啡屋网站首页种类介绍新闻实物对照联系我们在线留言进入首页界面设计，如下图所示：图4- 1 公司首页4.2 网站首页简介4.2.1 简要说明网站首页简要说明，如下表所示：图4- 2 主模块说明表模块名称种类介绍启动条件在主模块中按相应的文字链接条功能显示产品的简介内容4.2.2 产品内容产品内容设计效果，如下图所示：图4-

13、 3 产品简介4.3 产品展示模块4.3.1 新闻模块产品展示简要说明，如下表所示：表4- 2 新闻模块说明表模块名称新闻启动条件在主模块中按相应的文字链接条新闻模块效果，如下图所示：图4- 4 新闻模块图4.3.2 产品界面设计产品展示模块的建立和维护功能的窗体效果也就是本网站的字页它应该包括以下功能或条目结构：产品相关信息、产品添加、产品修改、产品删除，其中在产品展示中有对产品进行分页的功能。产品展示模块的效果，如下图所示：图4- 5 产品展示4.4 在线留言模块4.4.1 简要说明在线留言简要说明，如下表所示：表4- 3 公司新闻模块说明表模块名称在线留言启动条件在主模块中按相应的文字链

14、接条功能在线给商家留言输出显示留言窗口该功能模块的设立是为了能够方便浏览者对网站提出自己的要求或者不满之处。方便完善网站的不足。4.4.2 界面设计留言模块，如下图所示：图4- 6 在线留言4.5 联系模块4.5.1 简要说明意见反馈简要说明，如下表所示：表4- 4 联系我们模块说明表模块名称联系我们启动条件在主模块中按相应的文字链接条输入联系我们功能实现访客与网站维护人员的沟通与意见反馈输出给予浏览者商家的具体联系方式4.5.2 联系界面设计 联系我们模块效果，如下图所示：图4- 7 联系我们第5章 系统测试5.1 测试计划5.1.1 测试方案考虑到各种因素和条件的限制，本网站设计决定采用黑

15、盒测试方案。决定不考虑制作步骤的简易，而是根据网站所需要的输入数据的格式以及应该完成的功能，设计一些合法的测试用例和不合法的测试用例，对不合法的输入和操作能够正确地识别，以检查系统是否能正确的发布新闻和产品以及填写意见反馈的功能。5.1.2 测试项目1、后台登录测试后台登录界面，内容包括帐号、密码、输入。2、后台管理员管理测试后台所有管理员的功能，内容包括管理员对各功能模块的管理，管理员账户的添加、删除、修改等等。3、后台新闻管理测试后台新闻的管理，内容包括新闻的添加、修改、删除。4、后台产品管理测试后台产品管理，内容包括分类的添加、修改、删除。5、后台的留言板管理测试后台留言板的管理，内容包

16、括意见反馈的查看与删除。6、产品的前台操作测试前台企业的产品浏览操作，内容包括产品的大图、详细介绍。7、新闻的前台管理测试前台公司新闻的浏览操作，内容包括新闻的标题、作者、发布时间、详细内容。8、留言板的前台操作测试前台浏览者对网站意见的撰写与提交。5.2 测试结果1、程序运行已经正确设定，安装成功。2、程序代码检查，程序单位首部有程序说明和修改备注。3、功能测试，多画面之间切换正确，功能键、触发键、按钮、菜单和选择项功能正确。4、正确性测试，读/写/删除操作结果正确，各种组合条件之查询或报表正确。最终测试结果：测试结果显示正常。第6章 用户手册6.1 系统主要功能本系统的设计主要是为了宣传企

17、业文化，树立良好的企业形象，展示公司产品，让每位浏览者能很好的在网上浏览本网站，找到自己所需的产品和信息。本系统提供全免费的服务，如果你支持本站你可以在网站上发表对网站的评论以及给我们一些建设性的建议。本系统的实现也为当今社会中的一部分足不出户的人提供了一种方便的途径。6.2 运行环境要求操作系统 WindowsXP或Windows2000以上配置CPU：PIV以上内存：64MB硬盘：160G以上开发工具 ASP，Photoshop , Flash8，Macromedia Dreamweaver 8数据库系统 Access 20036.3 系统安装与初始化该系统操作简单，首先配置好服务器,将所

18、有文件放入服务器的目录下，就可以运行了。安装步骤如下： 1、打开IIS服务器进行设置，如果没有IIS，请先安装IIS 5.0版本以上。2、在安装、设置完IIS后就可以浏览网页了，浏览有两种方式，一种是直接在IIS服务器的右栏的文件中找到那个index.asp文件，右击选择浏览。还有一种方式是打开IE在地址栏里输入localhost/index.asp就可以打开网页首页了。6.4 运行说明在进入网站后浏览者就可以看到网站的首页其设计效果。在此页面中浏览者可以浏览flash、网站栏目等等。如果浏览者想看看所有的产品只要点击栏目上的“案例展示”便可实现，如果想看产品的详细介绍或者大图只要点击产品的图

19、片即可。如果浏览者对本网站有什么意见或好的建设性问题，可以点击栏目上的“联系我们”，进行深入的沟通。最后对支持本系统的人和浏览本网站的浏览者表示忠心的感谢！你们的支持与存在是我们最大的动力，请在浏览在的同时不要忘了给我们提一些建设性的意见！以便我们能够更好的为你们提供更优质的服务。 结 论毕业设计是考验我们大学这三年来的所学，它要求我们将大学这三年来所学到的知识能够融会贯通、熟练应用，并要求我们能够理论联系实际，培养我们的综合运用能力以及解决实际问题的能力。这次设计让我感受颇深，真正体会到了在整个过程中的无奈与快乐。1.确定设计方向。这一点很重要，万事开头难，在开始的时候我就没有很好的进入状态

20、。选题下来的时候我有很多的犹豫，考虑了很长时间才知道自己要做什么。把整体思路理清楚了，这样你才能按照你最初的计划坚定的走下去。2.频繁与同学讨论。刚开始做的时候进度很慢，常常因为一个数据库连接。搞得昏头昏脑。网站建设的一半的时候才发现很多同学的毕业设计都差不多快要完成了，这时候心里就开始急了，就怕进度赶不上。之后才发现有问题一定要开头多问，多问老师，多问同学，不能自己闷头做，方向偏了仍不知道，多把自己的想法和思路告诉老师和同学们。“旁观者清”，自己在设计网站时可能看不到不足之处，但是旁人却能一眼就分的出好与坏，这时候多听别人的意见与建议对我来说很有必要。3.越挫越勇。做毕业设计，前面前台都还好

21、说，基本上静态页面不会出现什么错误只要美观就好，可是后台有关数据库的问题就大了，常常被搞的脾气暴躁，还会出现很多错误，没办法，只能自己慢慢调试解决所以的问题。4.越来越紧的状态，尤其是最后的那几天。毕业设计越到最后阶段，越要有毅力和状态，不能前紧后松，觉得前面做了不少，后面可以放松了。在制作毕业设计时也遇到了一些困难。由于这是我们第一次写毕业文章，没有任何经验，对于此文章的格式、要求和内容都一无所知，在查询了大量的书籍后才有了模糊概念。所以在此篇文章中不免会有些缺点。文章提交的前几天，要不厌其烦的检查正文，包括内容，格式等。毕业设计为我们即将踏入社会之前提供了一次锻炼的舞台，同时我也相信会在我

22、以后的人生道路上带来很多的帮助。经过开发这个网站系统，这不仅仅是一次毕业设计的完成，而是在这过程中，所有的问题要自已去面对，自已去解决。由于我在这个月已进入实习阶段，时间等各方面也比较仓促，所以这次的毕业设计做的浅显，和同学设计的设计比较之后，当然仍有很多不足的地方，但这是我一个人第一次独立的完成，不但锻炼了自己的开发能力，同时也学到了很多，让我受益匪浅。致 谢在论文即将完成之际，想到之前从不知道毕业论文怎么写，到开始进入课题到论文的完成，再到顺利完成了毕业设计，倾注了太多的心血和时间，球爱咖啡屋网站的设计与开发的完成，意味着大学生活即将结束。在大学阶段，我在学习上和思想上都受益非浅，这除了自身的努力外，与各位老师、同学和朋友的关心、支持