毕业设计（论文）-基于web的电子贺卡系统设计.doc

目 录1绪论11.1课题的研究背景11.2国内外的使用现状11.3课题的研究目的和意义21.4本文的主要研究内容22电子贺卡系统分析32.1电子贺卡系统的需求分析32.2系统的可行性分析42.2.1技术上的可行性分析 42.3分析总结53电子贺卡系统设计63.1电子贺卡系统的功能框架63.2电子贺卡系统的数据流图73.3 数据库设计73.4网页设计124电子贺卡系统开发134.1电子贺卡系统开发环境部署134.2电子贺卡系统的运行环境134.3电子贺卡系统后台登录界面的开发134.4电子贺卡系统的功能开发135电子贺卡系统展示165.1 电子贺卡系统后台功能展示165.2电子贺卡系统前台功能展示186总结21参考文献：22I淮南师范学院2015届本科毕业设计基于Web的电子贺卡系统设计学生：（指导老师：）（淮南师范学院经济与管理学院）摘 要: 本文在对比传统贺卡与电子贺卡的差异的基础上，通过Web编程实现一个可以通过Email发送电子贺卡的网站系统。本文通过构建Web服务器和网站制作,实现了运行良好的电子贺卡系统。根据电子贺卡系统的需求,在MySQL数据库中实现了贺卡数据表、明信片数据表、文章数据表的设计与存储。系统大体可以实现的功能有贺卡管理、明信片管理、文章管理以及管理员管理等。并且通过对网站建设的详细描述，讲述了电子贺卡网站系统的实现方法和手段。关键词: 电子贺卡；PHP；MySQLOn the Design of Web Electronic Greeting CardStudent: Wu Yuanyuan(Faculty Adviser：Du Yamin)(Department of Enconomics and Management, Huainan Normal University)Abstract:Based on the comparison of the differences of traditional greeting cards and e-cards,through Web programming a system is built that can send e-cards via Email.In this paper, by constructing a Web server and Web site production, to achieve a well-functioning e-card system.According to the demand of the system of e-cards, in MySQL database,design and storage greeting cards data table, postcards data table, article data table . System generally functions can be achieved from cards management, postcards management, article management and administrator management. And through a detailed description of the construction site, descript the methods and means of e-card site systems.Keywords: E-cards;PHP; MySQLI基于web的电子贺卡系统设计1绪论1.1课题的研究背景 伴随着互联网的飞速发展，互联网服务电子贺卡几乎已经完全取代传统贺卡成为信息时代相互祝福的重要手段。与传统渠道邮寄贺卡相比，电子贺卡拥有很大的优势，主要表现为以下几个方面：一、贺卡信息量的提升和信息内容的多样性。与传统的纸质贺卡相比，电子贺卡能够承载的文字数量可以说是无限个的。并且电子贺卡能够携带图片、声音、视频等各类型文件附件。为我们呈现语言所无法描述的信息，极大的丰富了表达的内容，不再局限于传统的文字描述。可以说电子贺卡真正达到了图文并茂、绘声绘色。让收信人更加直观地感受到发件人所赋予的情感信息。二、信息收发的及时性。电子邮件的收发速度甚至可以是以秒为单位的，相比传统邮件发送动则几天的时间，电子邮件拥有了巨大的优势。无论收件人与发件人相距多远，总能在最短的时间内收到发件人的祝福，大大的节省了时间，提高了效率。这是传统书信所无法比拟的。三、低廉的成本。免费的电子邮件服务商提供的邮箱是完全免费的，而传统的书信邮寄则是需要购买邮戳。现在互联网上免费的电子贺卡网站数不胜数，大大减低了发送邮件的成本。 中国是享誉全球的礼仪之邦，传统的节日互相发送贺卡是一个优良的民族文化。早期的贺卡基本是纸张制作，然后通过书信发送，过程费时费力费钱。电子邮件的出现，让我们完全可以通过互联网发送电子贺卡或者明信片，不仅节省了大量的时间、金钱，电子贺卡也比传统的纸质贺卡内容丰富，可以包含声音、动画，趣味性更高。1.2国内外的使用现状 电子贺卡在发达国家已经相当成熟。每逢重要的日子，人们都会给亲戚朋友发送一张制作精美的电子贺卡。电子贺卡的发展也由最初的静态形式逐渐转变为当下流行的FLASH动画形式。在西方国家人们使用电子贺卡的比例高达80%，而在中国还不到20%。现在人们也逐渐意识到电子贺卡的重要作用，正在逐渐向使用电子贺卡过度。传统纸质贺卡将会逐渐淡出历史舞台。1.3课题的研究目的和意义 电子贺卡(E-card )，是传统明信片和传统贺年卡的电子版本 陈劲.基于ActionScript3.0语言的电子贺卡制作软件设计与研究D.上海交通大学, 2011.。课题的最终目标是开发一个电子贺卡网站，并能够实现通过电子邮箱将贺卡发送给指定用户的基础功能，管理员可以通过后台管理网站的贺卡。对整个网站的要求是界面简洁友好，具有良好的可操作性，低廉的学习成本，同时需要保证内容的丰富性。 通过调研发现，目前互联网中提供电子贺卡服务的网站较多，但其中大部分都采取的是会员+收费的模式来进行运营，部分免费电子贺卡类网站内容冗杂，广告充斥网页各个模块，给用户的正常使用带来极大的不便。开发一个免费的子贺卡类网站是能够迫切的解决上述问题的良药，因此本课题具有很大的研究价值。1.4本文的主要研究内容本文的主要研究过程具体地可以划分为三个阶段：第一阶段：分析市场对电子贺卡的需求，确定电子贺卡系统的原型，使用Photoshop等工具绘制出系统的设计图。第二阶段：根据市场需求，详细分析构思网站的各大部分的功能模块，进而进行具体的编码开发。第三阶段：将系统发布到服务器上，进行测试并做后期调整和维护。2电子贺卡系统分析2.1电子贺卡系统的需求分析 需求分析是整个系统设计过程中最重要的部分 王凌.面向中小制造业的敏捷化管理软件研究与设计D.江苏大学,2009. 。也可以说，在系统设计当中的“需求分析”就是确定要计算机“做什么”，要达到怎样的效果 孔玫.浅谈管理信息系统的设计与实现J.科教导刊：电子版,2013,(30):136-136. 。只有当我们进行了正确的需求分析，才能更加正确的设计出用户需要的系统。2.1.1电子贺卡系统的功能需求分析 电子贺卡系统主要是用于用户之间的节日问候，以达到感情交流的目的。因此,系统需提供以下功能:（1）发送贺卡:在页面上选择用户需要的贺卡,填写祝福语，并通过网站发送给接收方。（2）通讯录管理:用户可以增添、删除和修改联系人的信息,进而点击联系人邮件地址,可以直接发送贺卡 张琳.基于Web的多账户电子邮件的表示及生成J.科学技术与工程,2010, 10(10):2535-2538.。（3）贺卡管理：管理员可以在后台对发布的贺卡进行管理，例如：增加、删除和修改。只有管理员拥有此项权限。（4）文章管理：管理员可以在后台对公告栏中的通知进行管理，例如：增加、修改和删除。此项功能只有管理员拥有权限。（5）管理员管理：管理员可以在后台对其他管理员进行更改。此项功能只有特定管理员拥有权限。2.1.2电子贺卡系统的环境需求分析 为了最大限度地发挥现有资源的价值,节约各项费用的支出,系统环境需要满足以下要求:（1）为了提高网站的可扩展性和可维护性，整个网站的设计基于B/S和MVC架构，符合软件工程的研发要求。（2）为了与现有的操作系统兼容,操作系统选用Windows 7。（3）该系统的数据库选用MySQL。选择MySQL进行数据管理,使单位数据整齐划一,全部规划到统一的数据库中 庞铁力.在线视频点播系统的设计与实现D.大连理工大学,2006. 。（4）开发平台选用的是Wamp。通过Wamp可以非常方便的进行服务器各个方面的配置，是进行Web动态网站开发的首选服务器组件。（5）选择PHP作为动态脚本语言。整个网站静态页面采用最新的HTML5规范，充分考虑了移动设备进行响应式设计，提高了网站的兼容性。2.1.3电子贺卡系统的可用性需求分析 对于电子贺卡系统的开发和实施必须建立在开发周期短，操作简单，性价比高的基础上。由于该系统大部分使用者为普通用户，因此应该尽量考虑到操作的简便性，给用户简单便捷的体验，不能让用户使用时有过多过于复杂的操作。因为过于复杂的操作不利于电子贺卡网站的推广和使用。同时还应该考虑到系统后期的维护以及更新换代，保证管理员能够在短时期内熟练掌握电子贺卡系统的使用以及后期简单的维护，最主要一点就是要简单实用。2.2系统的可行性分析 由于要考虑到项目开发期限和资源的有效性等因素。在开发电子贺卡系统时，必须要对电子贺卡系统的可行性进行严格的分析。可行性分析包括：经济上的可行性分析、技术上的可行性分析以及操作上的可行性分析等 余法红,崔华,杨开英.软件项目中的可行性分析方法研究J.福建电脑,2007, (3):65-66. 。2.2.1技术上的可行性分析 在研发电子贺卡网站的过程中，对研发人员要求掌握动态网站研发技术，对数据库有全面了解并具有独立设计数据库原型、优化数据库结构的能力。熟悉PHP编程语言的使用，了解并熟练使用PHP面向对象特性进行网站研发。熟悉网页制作软件的使用（如Dreamweaever），并能熟练使用多媒体处理软件（如Photoshop，Flash等）。2.2.2经济上的可行性分析 基于PHP和Mysql以及Apache（nginx）的完全免费和开源，因此在研发过程中，无需支付任何费用，极大的减少了网站的运营和维护成本。由于本作品是一个Web网站，需要域名和Web服务器的支持。域名和服务器的成本较低，所以在经济上完全是可行的。2.2.3操作上的可行性分析 整个网站的设计采用了当前流行的设计风格，简单清晰。在设计之初，参考了市面上了大多数同类型优秀电子贺卡网站的设计模式，同时也对用户的操作习惯进行了市场调研，因此在操作体验上简单上手。在浏览器兼容性方面，网站也做了大量优化，兼容当前市面上得主流浏览器。在操作体验上，本网站是合理可行的。2.3分析总结 通过前面对课题的整体分析，充分证实了该课题的可行性、实用性，具有深入研究的价值，同时为整个课题的后续开展提供了理论分析支持。在整个分析过程中，通过网络获取了相关的数据通过相应的分析方法展开分析归纳，整个分析结符合预期结果。3电子贺卡系统设计3.1电子贺卡系统的功能框架系统高级贺卡站管理员界面内容权限管理管理员管理配置管理系统配置管理扩展配置管理前台界面贺卡贺卡排行榜明信片最新公告搜索栏目管理回收站文章管理模版管理贺卡管理明信片管理分类管理 该电子贺卡系统主要分为两个部分：前台和后台。后台数据库是整个系统的基础，首先需要通过进入登陆界面，然后再登陆系统，该系统主要功能模块包括内容管理模块、系统模块、高级模块。每个模块都具有不可替代的功能，该系统功能如图3-1所示：图3-1电子贺卡系统功能框架3.1.1 网站首页是用户进入网站所看到的第一个页面 黄雪.论新闻网站的网页版面设计J.新闻知识,2013,(3):53-54. 。整体内容的展示比较全面，同时包含了贺卡和明信片，通过分类的方式进行列出，与此同时还展示了人气较高的贺卡和明信片，从而方便用户进行筛选。3.1.2 贺卡和明信片列表模块主要用于分类展示网站所有的贺卡和明信片，方便用户查找需要的贺卡。目的在于让用户可以简单明了的了解网站的贺卡和明信片。3.1.3 贺卡和明信片发送模块主要是网站内容预览和贺卡/明信片的发送功能。用户可以通过电子邮件将贺卡发送给自己的亲人、朋友、同事。3.2电子贺卡系统的数据流图 数据流图，简称DFD，它以图形的方式描绘数据在系统中流动和处理的过程，由于它只反映系统必须完成的逻辑功能，所以它是一种功能模型 刘冬梅.基于B/S模式图书馆管理系统的设计与实现D.东北大学,2009. 。由于篇幅有限，在此只画出顶层图。顶层图的作用在于表明被开发系统的范围以及它和周围环境的数据交换关系 于咏静.企业劳动工资管理系统的开发D.大连理工大学,2006.65。如图3-2理管理员用户1电子贺卡系统用户2贺卡选择贺卡管理公告管理发送贺明信片管理卡图3-2电子贺卡的顶层图3.3 数据库设计 数据库设计在整个系统的设计中占有比较重要的位置 杨鹏,丁静.博客网站中ACCESS数据库设计相关问题探讨J.科技风,2010,(9). 。数据库设计的好坏。会对整个系统的设计与实施带来较大的影响。数据库设计是整个电子贺卡系统设计的核心。基于软件的运行环境，构造优秀的数据库表结构和数据库模式，建立数据库应用系统，有效完成软件系统的数据存储要求以及用户需求，并以此为前提提供较高的搜索效率 陈涛.基于Web的在线考试系统设计与实现J.四川文理学院学报：自然科学版,2007,17(2):58-60. 。3.3.1E-R图1、用户登录E-R图,如图3-3用户名验证码密码用户登录图3-3用户登录E-R图2、贺卡信息E-R图，如图3-4贺卡编码名称所属类别贺卡描述添加时间贺卡管理图3-4贺卡信息E-R图3、明信片E-R图，如图3-5明信片编号添加时间所属类别明信片名称明信片描述明信片信息管理图3-5明信片E-R图4、文章管理E-R图，如图3-6文章管理文章编号文章状态添加时间文章作者内容模版文章标题权重图3-6文章管理E-R图5、模版管理E-R图，如图3-7模板编号模板管理模板描述模板url模板名称图3-7模版管理E-R图6、管理员管理E-R图，如图3-8最后登录时间最后登陆ID用户邮箱真实姓名用户名管理员编号状态联系方式管理员管理图3-8管理员管理E-R图3.3.2数据表设计 表是最基本的数据库对象，用于存储数据库中的所有用户数据。在建立了空数据库后，首先要在该数据库文件中创建的数据库对象就是数据库。在创建数据表前，先要确定表的结构、表的字段组成、每个字段的数据类型和字段属性等 李俊山.数据库原理及应用M.北京:清华大学出版社,2012.。本文前部主要对电子贺卡系统的功能和数据库的实体关系进行了设计，下面主要展示集中主要的数据表。1、 用户信息表主要包括：用户名、密码、验证码。如表3-1表3-1用户信息表字段类型备注U_NameVarchar(50)用户名U_PasswordVarchar(50)密码U_IdentifyingcodeVarchar(50)验证码2、 贺卡信息表主要包括：贺卡ID、名称、类别、描述、添加时间。如表3-2。表3-2贺卡信息表字段类型备注E_IDint贺卡IDE_NameVarchar(50)名称E_ClassVarchar(50)类别E_DescriptionVarchar(100)描述E_Timedatetime添加时间3、 明信片信息表主要包括：明信片ID、名称、类别、描述、添加时间。如表3-3。表3-3明信片信息表字段类型备注P_IDint明信片IDP_NameVarchar(50)名称P_ClassVarchar(50)类别P_DescriptionVarchar(100)描述P_Timedatetime添加时间4、文章管理信息表主要包括：文章编号、文章权重、文章标题、内容模版、文章作者、添加时间、文章状态 潘雪梅,朱孔富.文章管理系统设计J.信息技术,2001,(11):65-66. 。如表3-4。表3-4文章管理信息表字段类型备注A_Numberint文章编号A_Weightint文章权重A_TitleVarchar(50)文章标题A_MouldVarchar(50)内容模版A_AuhtorVarchar(50)文章作者A_Timedatetime添加时间A_ConditionVarchar(50)文章状态5、 模版管理信息表主要包括：模版编号、模版名称、模版URL、模版描述。如表3-5表3-5模版管理信息表字段类型备注M_Numberint模版编号M_NameVarchar(50)模版名称M_URLVarchar(50)模版URLM_DesriptionVarchar(100)模版描述6、 管理员信息表主要包括：管理员编号、用户名、真实姓名、用户邮箱、最后登陆ID、最后登陆时间、联系方式、状态。如表3-6表3-6管理员信息表字段类型备注M_Numberint管理员编号M_NameVarchar(50)用户名M_RealnameVarchar(50)真实姓名M_EmailVarchar(50)用户邮箱M_IDVarchar(50)最后登录IDM_Timedatetime最后登陆时间M_Telenumeberint联系方式M_ConditionVarchar(100)状态3.4网页设计 网页设计是指使用设计语言，将需求装换成视觉上得交互UI，从而让用户可以通过简单的交互来完成用户的需要。网页设计具体可以分为两个步骤，第一步通过图像处理工具（如Photoshop）在构建网站原型，然后更具网站原型使用Html，Css来实现相关效果（可用使用Dreamweaver软件提高效率）。4电子贺卡系统开发4.1电子贺卡系统开发环境部署 本网站最终部署在本地电脑，可以通过浏览器进行访问。所以采用的是集成PHP服务器运行环境wamp server。Wamp是一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，通过集成组合到一起，形成了一个强大的Web应用程序平台 赵文波.LAMP系统的搭建J.科技创业家,2011,(10).。具体部署步骤如下：安装好wamp server后，启动wamp，将网站直接放置到wamp的www目录，修改网站的配置文件，然后即可通过localhost进行访问。通过Wamp可以非常方便的进行服务器各个方面的配置，是进行Web动态网站开发的首选服务器组件。4.2电子贺卡系统的运行环境 由于PHP对各大操作系统平台都能够提供良好的支持性，因此使用PHP开发的网站可以在当前主流的操作系统平台下运行。针对不同的系统平台，软件都提供相应版本 张路赢,周力.基于SW-CMM实施软件配置管理J.现代管理科学,2003,(11):72-73. 。在本网站的开发中，相关软件最低配置为：Apache2.2+M、ySQL5.0+、PHP5.3+。网站浏览器IE要求为IE8+，其他浏览器为较新版本即可。4.3电子贺卡系统后台登录界面的开发 根据电子贺卡系统的需求分析，后台管理员登录界面的开发应需要实现以下功能：在进入之前需要进行后台管理员登录，为了保证系统的安全性，进入登陆界面后需要输入用户名、密码、验证码，系统进行身份验证检测成功后便可登陆电子贺卡系统，程序运行效果图均是以PNG格式展示，如图4-1所示：图4-1登陆界面4.4电子贺卡系统的功能开发4.4.1网站首页功能的开发电子贺卡网站首页模块的功能是显示网站的内容。具体地可以显示网站的标题、导航栏、通知公告、贺卡排行榜、贺卡、明信搜索栏和版权所属。主要实现的文件是Home模块中得IndexController.class.php文件。网站首页截图如图4-2。关键部分代码见附录。图4-2首页截图4.4.2网站贺卡/明信片列表模块功能开发该模块主要用于电子贺卡网站的贺卡/明信片的列表分类显示。贺卡部分主要有节日类、生日类、爱情类、礼物类、校园类和季节类。并且可以在每个贺卡和明信片下面显示贺卡和明信片的人气，帮助用户选择贺卡以及明信片。实现该模块功能的文件是Home下得ListController.class.php文件，其运行截图如图4-3。关键部分代码见附录。图4-3列表截图4.4.3贺卡/明信片发送模块 电子贺卡系统的贺卡/明信片发送模块的功能主要是实现贺卡的预览和发送。用户可以具体的看到贺卡的效果 胡智丹.基于模糊评判人事信息管理系统的设计与实现D.东北大学,2008. 。在收件栏中填写收件人的邮箱地址，就可以将选中的贺卡发送给收件人。实现该功能的文件是Home下得CardController.class.php文件。运行如图4-4。关键部分代码见附录。图4-4发送界面截图5电子贺卡系统展示5.1 电子贺卡系统后台功能展示5.1.1贺卡管理 系统管理员可以在后台对网站展示的所有贺卡进行操作 白会肖.基于B/S模式的新闻发布系统数据库分析与设计J.数字化用户,2013, 19(4).。具体可以对贺卡进行添加、编辑、删除以及刷新。而且在后台可以看到所有贺卡的具体信息，例如贺卡编码、贺卡名称、贺卡所属类别、贺卡描述以及添加时间。添加贺卡时需要填写贺卡名称、所属分类和贺卡描述，点击Save即可。应该注意的是上传的贺卡的格式要正确，否则贺卡将不能正确显示。截图部分如图5-1、图5-2。图5-1贺卡管理截图图5-2添加贺卡截图5.1.2明信片管理 系统管理员可以在后台对网站展示的所有明信片进行操作。具体的可以进行添加、删除、修改和刷新。并且在后台可以看到所有明信片的详细信息，例如有明信片编码、明信片名称、所属类别、明信片描述以及添加时间。系统管理员可以快捷的了解明信片的信息。如图5-3。图5-3明信片管理截图5.1.3文章管理 系统管理员可以在后台对通知栏中的文章进行添加、删除、修改、文章状态修改和浏览记录的查看等操作。而且可以看到文章的详细信息，例如：文章ID、文章权重、文章标题、内容模版、文章作者、文章状态等。这对于管理员管理文章有很大的帮助。如图5-4图5-4文章管理截图5.1.4模版管理 系统管理员可以在后台对文章模版进行刷新、添加、删除、修改等操作。管理员在后台能看到模版的详细信息，例如：模版编号、模版名称、模版URL以及模版描述。为模版的使用带来了极大的方便。如图5-5。图5-5模版管理截图5.1.5管理员管理系统管理员可以在后台可以添加管理员、编辑管理员、删除管理员以及刷新。同时可以看到管理员编号、用户名、管理员的真实姓名、最后登陆ID、最后登录时间、联系方式和状态。了解每个管理员的详细信息。但是该项功能只有特定管理员拥有此项权限。添加管理员界面展示了添加管理员时需要填写用户名、真实姓名、密码、手机号和邮箱等，之后点击Save即可。这是管理员就添加成功了。具体页面截图如图5-6、图5-7。图5-6管理员管理截图图5-7管理员添加截图5.2电子贺卡系统前台功能展示1、 电子贺卡网站首页是用户浏览网站是首先看到的页面。网站标题为“吴媛媛的贺卡站”。首页以灰色为主色调，整体给人以舒适的感觉。在标题旁为网站导航栏，其中有首页、贺卡和明信片三个按钮。通知公告栏的名称为“最新通告”，目前设置了三篇文章。通告栏的作用是以最快的速度告知用户网站的最新信息。贺卡排行榜列出了网站最受欢迎的五个贺卡，按照贺卡的受欢迎程度从大到小排列，方便用户选择贺卡。贺卡栏和明信片栏简单的列出了网站所拥有的贺卡，并对贺卡进行了简单的分类，方便用户按照分类寻找贺卡。首页给用户的整体感觉是简单大方。并且在操作上简单方便，达到了预期要求。首页截图如图5-8图5-8网站首页截图2、贺卡页面部分主要展现了网站的全部贺卡。点击导航栏中的“贺卡”，就可以进入贺卡页面。并且具体对贺卡进行分类展示，主要有节日类、生日类、爱情类、礼物类、校园类以及季节类。可以让用户简单明了的看