无独有伴征婚交友网站设计与实现_第1页
无独有伴征婚交友网站设计与实现_第2页
无独有伴征婚交友网站设计与实现_第3页
无独有伴征婚交友网站设计与实现_第4页
无独有伴征婚交友网站设计与实现_第5页
已阅读5页,还剩39页未读 继续免费阅读

付费下载

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

无独有伴征婚交友网站设计与实现摘要随着社会的快速发展,现代人的生活节奏越来越快,工作压力不断增加,导致年轻人的交友时间少,交际圈变窄,宅男宅女越来越多,未婚人口占应婚人口比例逐年增长。如此一来,征婚网站随之兴起,为许多单身人士提供了一个大的交友平台,让年轻人不会有地域的局限,能够在更大的范围认识更多的好友,有更多的选择。本网站采用了MVC设计模式,以MTEMYSQL、TOMCAT、ECLIPSE为开发环境,并基于JSPJAVABEANSERVLET的三层架构,使用AJAX、JQUERY等技术实现表单验证。本网站主要实现的功能包括用户登录注册,修改完善个人资料,查找添加删除好友,给好友留言,发表心情动态以吸引更多关注,发表照片,查看成功的情侣发布的成功故事,根据择偶条件表查找符合条件的会员等等。本文针对这个网站做了比较详细的介绍,给出了部分代码和测试结果,征婚网站现在是一种非常有用和流行的交友平台,时下特别契合现代人的心理,具有非常大的发展潜力。关键词征婚网站;MVC;MYSQL;ECLIPSE;JSPDESIGNANDIMPLEMENTFORWEBSITEOF“BECOMPANIED”MARRIAGESEEKINGABSTRACTWITHTHERAPIDDEVELOPMENTINSOCIETY,THEPACEOFLIFEHASBEENGROWINGFASTERINCREASINGWORKINGPRESSUREOFYOUNGPEOPLELEADSTIMELIMITATIONSONMAKINGFRIENDS,NARROWINGSOCIALCIRCLEANDGROWINGINDOORSMENANDTHEPROPORTIONOFUNMARRIEDPEOPLEINTHEAMOUNTWHOARESUPPOSEDTOBEMARRIEDISINCREASINGEVERYYEARTHEREFORE,MARRIAGESEEKINGWEBSITESSPRINGUPMARRIAGESEEKINGWEBSITEPROVIDESAVASTSTAGEOFMAKINGFRIENDSFORSINGLEPERSONSBYREMOVINGGEOGRAPHYLIMITATIONS,ANDALLOWSYOUNGPEOPLETOMAKEMOREFRIENDSINAGREATERRANGETOHAVEMORECHOICESTHISWEBSITEADOPTSMVCDESIGNPATTERNWITHINTHEDEVELOPMENTENVIRONMENTOFMTEWHICHINCLUDESMYSQL,TOMCATANDECLIPSEANDISBASEDONATHREETIERARCHITECTUREOFJSPJAVABEANSERVLETMOREOVER,ITACCOMPLISHESFORMVALIDATIONTHROUGHAJAX,JQUERYANDOTHERTECHNOLOGYONTHISWEBSITE,FOLLOWINGFUNCTIONSAREINCLUDEDUSERSCANUPDATEPERSONALINFORMATIONAFTERREGISTERINGANDLOGGING,THEYREABLETOFINDSTRANGERS,ADDORDELETEFRIENDSBYWILLING,ANDTHEYCANALSOPUBLISHSOCIALDYNAMICSANDPHOTOSTOATTRACTATTENTIONSBESIDES,USERSAREAVAILABLETOCHECKUPDATEDSTORIESOFCOUPLESWHOARESUCCESSFULLYMATCHED,ANDSEEKMEMBERSONWEBSITEACCORDINGTOTABLESOFSPOUSECONDITIONS,ETCTHISARTICLEMAKESADETAILEDINTRODUCEOFTHEWEBSITE,PRESENTSAPARTOFCODEANDTESTRESULTSMARRIAGESEEKINGWEBSITEISAPOPULARANDUSEFULSOCIALPLATFORMWHICHCONFORMSTOMODERNPEOPLESPSYCHOLOGY,THUSITHASAGREATDEVELOPMENTPOTENTIALKEYWORDSMARRIAGESEEKINGWEBSITE,MVC,MYSQL,ECLIPSE,JSP目录第1章开发背景及相关技术111系统开发背景112系统开发的目的和意义113开发技术简介2131MYSQL简介2132ECLIPSE简介2133AJAX简介3134MVC设计模式3135JSP技术简介3第2章系统分析与设计421可行性分析422系统的总体需求分析4221网站页面设计4222网站功能描述523网站设计指导思想624数据库设计6241概念结构设计6242数据库表设计1025系统结构设计17251系统结构图17252网站功能模块设计1726网站界面设计18第3章系统的实现与测试2231系统的实现2232系统的测试32第4章结论与展望3741系统总结3742前景展望37参考文献38无独有伴征婚交友网站设计与实现0第1章开发背景及相关技术11系统开发背景INTERNET是一个由世界上数不清的计算机互联网络组成的、是一个覆盖全球的巨大的计算机互联网络体系,是世界范围的网络、网关、服务器的计算机集合。INTERNET向全世界提供信息服务,成为人们生活中不可缺少的一部分0。年轻人不仅仅是一个简单地社会组织,他们是促进这个社会进步的重要力量。社会从工业化社会进入到信息化社会,人们的生活节奏不断加快。繁重的工作使年轻人用于社交的时间变得更少,巨大的压力使人们更愿意周末的时候宅在家中,如此一来,现实的交际圈也变窄了。没有足够的交际时间和大的交际范围,未婚人士在应婚人士中所占的比例正在逐年增加。第一则征婚广告最初出现在英国,当时仅限于在报纸上传播,并不为人们所喜欢。但是随着社会的发展,征婚这一文化越来越为人们所接受,逐渐发展到有电视征婚,网络征婚等等。原本在中国也有红娘、媒婆一类的婚介,当越来越多的人从事这一行业,就出现了有婚介公司一类的机构。近几年,屏幕上也相继出现了许多知名的相亲节目,使得相亲也成为了一种流行。征婚网站满足了人们希望了解更广泛的未婚人士信息的一种愿望,具有极大的发展潜力。12系统开发的目的和意义随着计算机技术的发展,各种聊天软件被研发出来,使更多的宅男宅女们乐于宅在家中,在这些人当中,逐渐增加许多未婚人士,使得征婚网站应运而生。只要注册一个征婚网站,就能够从其中得到许多的异性信息。现在人们现实中的交际圈比较窄,亲戚朋友等所处的环境行业都有趋同性,而征婚网站上汇聚了五湖四海的未婚人士的基本信息,因此通过征婚网站来寻找交友就有了更广泛的选择。同时,征婚网站提供了许多必要的信息,往往这些信息在面对面的交谈中会比较难以询问,而通过网站了解则避免了尴尬,这是一种很大的便利。人们可以通过征婚网站进行一些简单地交流,避免了面对面交流,减少了部分人士犯罪的犯罪几率。除此之外,征婚网站的活动都是经过网络来进行的,减少了对资源的浪费,是一种健康环保的交流方式。为了保证会员之间的了解够深,网站需要对会员的个人资料充分的获取,保证好友之间的基本交流。巢湖学院2015届本科毕业论文(设计)113开发技术简介131MYSQL简介MYSQL是一种非常优秀的数据库管理系统,它现在有多个版本,能够适应于许多不同的操作系统,比如说LINUX,WINDOWS等等,这样一种跨平台的可用性大大增加了MYSQL的流行性。另外,MYSQL的大部分代码是开源且免费的,十分受程序员的欢迎。虽然说MYSQL数据库并不是最为完善的数据库,但是它运行速度快,相对成本低,开源免费的代码使得它在中小型企业和网站中特别受用。它也拥有许多的程序应用接口,开发人员能够通过编写不同语言的程序来接入和塑造数据库。其中在网站程序接口中比较受欢迎的是PHP和PERL。MYSQL在以下的几个方面做的比较好1网站应用MYSQL有体积小、速度快、总体成本低、开放源码等特点0。因此许多中小型网站为了降低总体拥有成本而选择了MYSQL作为网站数据库。2企业级系统的应用MYSQL的特点包括能够提供企业级应用程序的一切需要0。3开源代码MYSQL的代码是开源的,每个人都可以下载其代码,并修改成自己所需要的0。4稳定性所有的软件都是在不断地发展创新中,MYSQL的功能也是在不断的完善,可靠性也在不断的提高0。132ECLIPSE简介ECLIPSE是一种通用工具平台,它由一个很小的核心与许多加诸于该核心上的插件所组成,如果需要在这个平台上实现各种功能,比如HTML编辑,数据库设计等等,添加相应的的插件即能实现。同样的,这样一个基于插件组合的架构,使得ECLIPSE不仅仅能实现JAVA语言开发环境,同时也能够实现C、C等环境。ECLIPSE是由IBM公司在2001年研发出来,经过几年的研发,当21版本出现时,因为其友好的界面而大受欢迎。IBM公司为了ECLIPSE能够得到更好的发展,于2003年将其捐赠给了开源社区,在开源社区一众成员的共同努力下,ECLIPSE开始了有了长足的进步。ECLIPSE包括许多的研发项目,其中IBM公司参与的就占到一半多。ECLIPSE是开源的,因此它除了有自己的开发团队以外,无独有伴征婚交友网站设计与实现2个体的研发者也可以通过自己的努力,在前期参与一些ECLIPSE新闻组的讨论,修复一些BUG,当能力得到认可时,便可以成为项目组真正的开发成员。133AJAX简介AJAX(ASYNCHRONOUSJAVASCRIPTANDXML不是一项技术,它实际上是好几种正在蓬勃发展的技术以一种强有力的新的方式整合在一起的。组成AJAX的技术有以下几种基于XTML和CSS的表现标准,使用DOM来进行动态的展示和交互,通过XML和XSLT实现数据的内部改变和操作,使用XMLHTTPREQUEST实现异步数据检索以及JAVASCRIPT0。传统的WEB应用是用户行为触发一个HTTP请求,然后发回到WEB服务器中0。由WEB服务器对数据进行一系列处理之后再返回给客户端的HTML页面0。这种方式采用的是同步应答方式,从数据发送给服务器到数据返回到客户端的这个过程中,用户一直处于等待的状态。AJAX的应用改变了用户的这种请求等待请求等待的状态,使得用户发出请求后不必等待在一个空白的页面。在开始的一段时间里,浏览器会加载一个AJAX引擎,它代表客户端来与服务器进行交互,实现了客户端与服务器的异步交流0。134MVC设计模式MVC(MODELVIEWERCONTROLLER是集显示层、业务逻辑层和控制器于一体的一种设计模式。这种模式下,客户的请求不是直接处理,而是发送给控制器,由控制器根据请求的方式来调用不同的事务逻辑,再将其返回到显示层。MVC设计模式很清楚的划定了程序员与设计者的角色界限0。这种模式是让设计者集中于设计应用程序的显示部分,而开发者则集中于开发驱动应用程序功能所需的组件0。135JSP技术简介JSP(JAVASERVERPAGES,JAVA服务器页面)是以SUN公司为主建立的一种动态网页技术标准,其实质就是在传统的HTML网页文件中加入JAVA程序片段和JSP标记后所形成的文档(后缀名是JSP)0。巢湖学院2015届本科毕业论文(设计)3第2章系统分析与设计21可行性分析可行性分析是指根据一个网站的主要内容和配套条件对其进行合理的分析与预测,分析其中所提出的问题是否值得去解决,在技术上可否实现,在经济上是否值得去投入研发,是否具有开发的前景,同时预测在开发出来投入使用后对社会所产生的影响是不是有利的。以下是从技术可行性、经济可行性、风险可行性、社会影响可行性等方面进行分析。技术可行性本网站采用的是WEB开发比较简单基础的几种技术,是基于JSPJAVABEANSERVLET的三层架构,使用的是MYSQL数据库,因此技术上是可以实现的。经济可行性网站的构建一般都不需要花费太多的人力和物力,本网站主要功能是实现征婚交友,让会员通过网站可以互相交流了解,无需花费太多。风险可行性现在的征婚网站比较流行,有不少成功的案例,未婚人士逐年增加,也为征婚网站打开了市场,并且经济上无需过多支出,因此风险比较小。社会影响可行性征婚网站可以帮助一部分应婚的未婚人士脱离单身,让注册网站的会员有更广泛的选择,促进了不同地区的交流,同时也减少了见面时可能发生的犯罪事件。综上所述,本网站的可行性已明确研究,是有可行性的。22系统的总体需求分析需求分析的目的是为了系统开发人员能够更清楚地了解系统需求,为计划迭代的技术内容提供基础0。因此需求分析十分重要。221网站页面设计网站的页面总体是采用CSS样式表进行设计,中间嵌入一些表来进行排版。页面的基色是粉色,除去登录注册以外,每个页面的首部是网站的名称以及导航,导航中分五个模块,分别是首页,我的空间,情侣动态,好友动态以及交友速配。其中,首页分上中下三个部分,上部是用户的基本信息,动态图片以及查找,中部是显示几个情侣动态,下部是会员推荐;我的空间中包括的都是个人信息,在无独有伴征婚交友网站设计与实现4头部的下面分为左右两个部分,左边是导航部分,右边显示具体的信息;情侣动态和好友动态以及交友速配是以表格的形式显示的。222网站功能描述本网站主要包括五个功能模块,分别是登录注册模块,个人空间模块,好友动态模块,情侣动态模块,交友速配模块,管理员模块。以下是对五个功能模块的详细描述。1注册登录模块本模块主要包括注册登录,非会员用户仅仅能够浏览首页以及部分情侣动态,会员注册后为普通会员,其等级为0。会员登录网站后,可以通过充值升级的方式进行升级,不同等级的会员拥有不同的权限。2个人空间模块本模块实现的功能针对所有的会员,有查看和修改个人的基本资料以及详细资料,详细资料中包括生活习惯,工作情况,外型体型和个人的择偶条件,在我的空间中能够对这些信息进行查看和修改操作。同时,我的空间中可以查看到我的好友,并对这些好友做出一些相应的操作,例如查看好友空间等等。除此之外,本模块中会员能够发表一些自己的日常动态和照片,如果感觉自己发表的内容欠妥,也可以删除自己曾发表的内容。最后,在我的空间中,会员还能查询好友给自己的留言,以进一步加深与好友的沟通。3好友动态模块点开好友动态模块,就能够查看到自己所有的好友发表的心情动态,可以点击右下角的小图片给好友的文章点赞。点击左上角的会员昵称,就能够进入到该好友的空间中,首先看到的是好友的个人资料,包括基本资料和详细资料,接下来可以查看该好友所发表的所有动态以及照片。当打开留言箱时,不仅能看到该好友的所有好友留下的留言,自己也能够给该好友留言,对于自己的留言,同样也能做删除操作。在好友动态模块只有银牌以上的会员才能够进入,因为只有银牌以上的会员才拥有添加好友的权限。在进入好友空间之后,银牌会员仅仅能够看到该好友的基本信息,当升级成为金牌会员时,方可看到好友的联系方式以及其他的详细资料。如果好友选择将个人信息保密,那么仅仅只有钻石级会员可以看到好友的个人资料。4情侣动态模块本模块中包含了本网站中所有成功牵手的情侣的动态,刚点开时是一个大概巢湖学院2015届本科毕业论文(设计)5的浏览,点击查看成功故事后,则可以看到该会员发表的详细的故事。5交友速配模块本模块是根据会员填写的择偶条件表中的择偶条件或者是会员在页面中填写的择偶条件,在页面上以表格形式显示查询出的相应记录。如果会员是银牌以上的会员,能够执行添加好友的操作。当点击添加好友时,需要填写好友验证信息并发送给该好友。如果该好友选择“同意”,则两人成为好友,如果选择“拒绝”,则系统自动给会员回复拒绝消息。同样会员能够选择“继续添加”或者“忽略”该信息。6管理员模块登录时,系统会对会员的类型进行判断,如果TYPE“2”时,则是管理员,登陆后进入管理员的界面。管理员界面有两大功能,一个是对网站的会员进行数字统计,同时查看会员的基本信息。另一个功能是对成功会员的统计,分析会员的学历、月薪以及有无头像等方面,给出成功率较高的会员的特征分析。23网站设计指导思想1软件工程的思想本网站从最初的设计到后面的实现基本上是依据软件工程的一个思想,它实现的一个过程是先开始需求分析,明确了网站需要实现的功能模块,其次是对网站进行数据库的设计,界面设计等等概念上的设计,之后就是对网站功能的具体实现,最后则是对网站的测试,当发现有问题时,及时对网站做出修改。总的来说,网站设计的主要任务包括网站架构设计,以浏览器为客户端的WEB应用程序开发,系统测试及网站发布等0。2MVC设计思想在MVC实例中,外部世界的模型以及反馈给用户的视图都被明确的分离开来,每一个部分有着不同的任务。视图管理的是图片以及文本输出在位图现实中的比例,即网页中的界面显示。控制器是控制由页面传来的请求的处理,并调用模型中的方法。模型是应用程序的主体部分,它基本包括了网站中所有实现的方法。24数据库设计241概念结构设计概念模型用于信息世界的建模,是现实世界到信息世界的第一层抽象0。它无独有伴征婚交友网站设计与实现6是数据库设计人员进行数据库设计的有力工具0。同时也是数据库设计人员和用户之间进行交流的语言0。因此概念模型一方面应该具有较强的语言表达能力,能够方便、直接地表达应用中的各种语义知识,另一方面它还应该简单、清晰、易于用户理解。基于无独有伴征婚网站的主要实体图和ER图如下图1用户基本信息实体图图2银行卡实体图用户昵称持卡人性别电话邮箱婚姻状况身高学历月薪省份城市出生年份出生月份出生日期头像等级类型注册日期升级日期成功日期银行卡密码密码充值金额卡号余额好友关系会员昵称好友昵称巢湖学院2015届本科毕业论文(设计)7图3好友关系实体图图4验证消息实体图图5生活习惯实体图图6情侣动态实体图验证消息接收者发送者消息内容发送时间消息类型生活习惯会员昵称是否吸烟是否饮酒是否保密经济观念宠物家务分配会家务否饮食习惯锻炼情况购物习惯时间作息最大消费人际关系情侣动态标题正文图片发布日期发布人无独有伴征婚交友网站设计与实现8图7留言实体图图8动态文章实体图图9照片实体图留言留言标题留言内容留言时间留言者接受者动态文章发布人标题正文发布时间好评差评照片会员昵称照片路径工作情况工作家庭海外工作工作调动职业职位会员昵称公司行业公司类型工作状态福利待遇是否保密巢湖学院2015届本科毕业论文(设计)9图10工作情况实体图图11网站ER图242数据库表设计通过对本网站功能的分析可得如下的数据库信息(1)用户表USER此表中保存了注册本网站的会员的基本资料信息,主要包括昵称,密码,性别,电话号码,邮箱,婚姻状况,出生年月日,身高,学历,月薪,所在地,头像,类别等信息,具体表结构如表1所示。(2)银行卡表BANKCARD此表中保存了会员的充值信息,主要包括了会员绑定的银行卡号,支付密码,充值金额,银行卡余额,会员昵称,具体表结构如图2所示。(3)好友表FRIENDS此表保存的是会员之间的好友关系,主要包括会员的昵称,对应该会员的好友的昵称,具体表结构如表3所示。游客注册普通会员银牌会员金牌会员钻石会员个人资料动态照片好友管理升级升级升级发表速配管理保密资料留言查看发表管理员管理管理管理管理11111M1M111111M1NM1N1N111N11M无独有伴征婚交友网站设计与实现10(4)验证消息表FRIENDVALID此表保存的是添加好友时所产生的验证消息的内容,主要包括接收者,发送者,消息内容,发送时间,消息类型,具体表结构如图4所示。(5)生活习惯表LIFE此表中保存了会员的一些详细的生活习惯,主要包括昵称,是否吸烟,是否饮酒,锻炼情况,饮食习惯,购物习惯,作息时间,最大消费,是否会家务,对家务分配的看法,对宠物的态度,经济观念,具体表结构如表5所示。(6)情侣动态表LOVERS此表保存的是成功牵手的会员发表的成功故事,主要包括发表人,标题,正文,图片,发表日期,具体表结构如表10所示。(7)留言表MESSAGE此表保存的是会员给其好友的留言,主要包括留言标题,留言正文,留言时间,留言者,接收者,具体表结构如表9所示。(8)动态表PARTICLE此表保存的是所有会员发表的心情动态,主要包括标题,正文内容,发布时间,发布人,好评,差评,具体表结构如表7所示。照片表PHOTO此表保存的是所有会员发表的照片,主要包括会员的昵称,照片的名称,具体表结构如表8所示。毕业设计论文代做平台580毕业设计网是专业代做团队也有大量毕业设计成品提供参考WWWBYSJ580COMQQ3449649974(9)(10)工作情况表WORK此表保存了会员工作的一些具体情况,主要包括昵称,工作职位,工作行业,公司类型,福利待遇,工作状态,是否有调动工作的可能,是否有到海外工作的可能性,还有就是家庭与工作将会如何平衡,具体表结构如表3所示。(11)外貌体型表APPEARANCE此表保存了会员外貌体型的具体细节,主要包括昵称,体重,体型,脸型,眼型,眼色,发色,发型,发长,皮肤类型,肤色,健康状况,具体表结构如表4所示。网站数据库表结构如下表1用户表字段名类型是否允许空备注说明USERNAMEVARCHAR255NO昵称巢湖学院2015届本科毕业论文(设计)11PASSWORDVARCHAR255NO密码SEXVARCHAR10YES性别TELPHONEVARCHAR20YES电话EMAILVARCHAR255YES邮箱续表1ISMARRYVARCHAR20YES婚姻状况YEARINT10YES出生年份MONTHINT10YES出生月份DAYINT10YES出生日期HEIGHTVARCHAR10YES身高EDUCATIONVARCHAR60YES学历SALARYVARCHAR100YES月薪CITYVARCHAR255YES所在城市HEADVARCHAR255YES头像PROVINCEVARCHAR255YES所在省份GRADEINT11会员等级“0”表示普通会员,“1”表示银牌会员,“2”表示金牌会员,“3”表示钻石会员TYPEINT11NO用户类型“0”表示单身的会无独有伴征婚交友网站设计与实现12员,“1”表示牵手成功的会员,“2”表示管理员REGISTDATEDATENO注册日期UPGRADEDATEDATENO升级日期SUCCESSDAYDATENO成功日期表2银行卡表字段类型是否允许空备注USERNAMEVARCHAR255NO持卡人CARDVARCHAR255NO银行卡号PWDVARCHAR255NO支付密码MONEYINT11YES充值金额REMAININT11YES余额表3好友表字段类型是否允许空备注USERNAMEVARCHAR255NO昵称FRIENDNAMEVARCHAR255NO好友昵称巢湖学院2015届本科毕业论文(设计)13表4验证消息表字段类型是否允许空备注RECIVERVARCHAR255NO接收者SENDERVARCHAR255NO发送者VALIDMESSAGETEXTYES消息内容TIMEDATETIMEYES发送时间TYPEINT11NO消息类型表5生活习惯表字段类型是否允许空备注USERNAMEVARCHAR255NO昵称SOMKEVARCHAR255YES是否吸烟DRINKVARCHAR255YES是否饮酒EXERCISEVARCHAR255YES锻炼情况FOODVARCHAR255YES饮食习惯SHOPPINGVARCHAR255YES购物习惯SHCEDULEVARCHAR255YES作息时间RELATIONSHIPVARCHAR255YES交际圈MAXEXPENSEVARCHAR255YES最大消费HOUSWORKVARCHAR255YES是否会家务HWALLOCATIONVARCHAR255YES对家务分配的看法无独有伴征婚交友网站设计与实现14PETVARCHAR255YES对宠物的态度ENCONOTIONVARCHAR255YES经济观念表6情侣动态表字段类型是否允许空备注USERNAMEVARCHAR255NO发布人TITLEVARCHAR255YES标题CONTENTTEXTNO正文IMAGEVARCHAR255YES图片DATEDATETIMEYES发布日期表7留言表字段类型是否允许空备注MTITLEVARCHAR255YES留言标题MCONTENTTEXTNO留言内容MTIMEDATETIMEYES留言时间MUSERVARCHAR255NO留言者USERVARCHAR255NO接收者表8心情动态表字段类型是否允许空备注TITLEVARCHAR255YES标题CONTENTTEXTNO正文内容PUBTIMEDATETIMEYES发表时间巢湖学院2015届本科毕业论文(设计)15PUBUSERVARCHAR255NO发布人PRAISEINT11YES好评FALLINT11YES差评表9照片表字段类型是否允许空备注USERNAMEVARCHAR255NO昵称PHOTOVARCHAR255NO照片名称表10工作情况表字段类型是否允许空备注USERNAMEVARCHAR255NO昵称POSITIONVARCHAR255YES职业职位INDUSTRYVARCHAR255YES公司行业COMTYPEVARCHAR255YES公司类型WELFAREVARCHAR255YES福利待遇无独有伴征婚交友网站设计与实现16WORKSTATEVARCHAR255YES工作状态TANSFERWORKVARCHAR255YES调动工作可能性WORKOVERSEAVARCHAR255YES海外工作可能性WOFAVARCHAR255YES家庭事业平衡性表11外貌体型表字段类型是否允许空备注USERNAMEVARCHAR255NO昵称WEIGHTINT11YES体重SIZEVARCHAR255YES体型FACEVARCHAR255YES脸型EYESVARCHAR255YES眼型EYESCOLORVARCHAR255YES眼色HAIRCOLORVARCHAR255YES发色HAIRSTYLEVARCHAR255YES发型HAIRHEIGHTVARCHAR255YES发长SKINVARCHAR255YES皮肤类型SKINCOLORVARCHAR255YES肤色HEALTHVARCHAR255YES健康状况25系统结构设计251系统结构图本网站的系统结构图大体如图12所示。本网站仅仅分为未注册的普通用户和已注册的会员,普通用户的权限十分有巢湖学院2015届本科毕业论文(设计)17限,只能够进入首页和查看情侣动态。而会员几乎拥有所有的权限,可以实现交友的所有功能,同时可以管理自己的个人资料等等。具体框架如下图图12无独有伴征婚网站系统结构图252网站功能模块设计1登录注册模块(1)注册当用户选择注册时,首先注册一个昵称和账号,选择快速注册,跳转到下一个页面时,用户可以选择是否完事个人的基本资料,如此,才算注册完成。(2)登录会员输入正确的昵称和密码即可登陆本网站,登陆之后首先到达的页面即是首页,如果是管理员,则跳到管理员的界面。2我的空间模块(1)个人资料会员点击导航部分的我的空间即可进入个人基本资料的页面,在左边的导航部分能够查看填写个人的详细资料。(2)好友动态此功能针对银牌以上会员能够查看会员的所有好友,在查看好友的同时,还可以进入好友的空间,银牌会员仅仅能够查看好友的基本信息,无独有伴征婚网普通用户管理员会员信息统计成功会员统计分析发布成功故事发表动态照片个人资料管理普通会员银牌会员金牌会员钻石会员查找好友添加好友查看好友基本信息及好友动态查看好友联系方式查看好友非保密详细资料给好友留言查看好友保密的详细资料无独有伴征婚交友网站设计与实现18金牌可以进一步了解好友的信息,包括好友的联系方式,详细资料,如果好友的资料选择了保密,那么就只有钻石级会员能够看到。除此之外,会员能够删除好友。(3)个人动态此部分包括会员发布心情动态和平时的照片,发布的同时也能看到以前自己所发布的内容,对于自己不满意的内容或照片可以实行删除操作。(4)留言箱此部分会员能够查看到所有的好友给自己的留言。(5)发布成功故事若是会员牵手成功,可以在自己的空间中分享自己的故事。3好友动态模块(1)好友心情动态此部分的内容是该会员所有的好友发布的内容,按时间排序,会员能够给好友的动态好评或差评。(2)好友资料此部分是显示好友填写的所有个人资料,以方便好友之间的了解,当然,不同等级的会员所了解的信息是不一样的。(3)留言箱金牌以上会员能通过这个部分给自己的好友留言。4情侣动态模块此模块就是显示成功牵手的会员发表的故事,包括内容和图片。5交友速配模块此模块根据会员填写的择偶条件表从数据库中查找出符合条件的会员,并推荐,银牌以上的会员可以添加推荐的会员为好友,然后给好友发送验证消息。6管理员模块此模块有两个功能,一个是统计所有注册的会员人数,另一个是对成功会员的统计与分析。26网站界面设计网站是由多个有序的网页构成的,网页由文本、图像和动画、声音和视频、超级链接、表格、表单等基本元素构成0。本网站的页面是采用的JSP页面,通过CSS语言样式表赋予了网页文字更多的属性,使用CSS样式表与表格结合实现了网页的布局。界面就是网站给浏览者的第一印象,往往决定了网站的观赏性。设计网站界面最主要的是栏目与板块编排,其需要注意的是(1)尽可能删除那些与主题无关的栏目0。巢湖学院2015届本科毕业论文(设计)19(2)尽可能将网站内最有价值的内容列在栏目上0。(3)尽可能从访问者角度来编排栏目以方便访问者的浏览和查询0。1网站首页网站首页如图13所示图13无独有伴征婚网首页2登录界面网站的登陆界面有两个输入项,分别是用户的昵称以及密码,当用户输入昵称及密码时,会通过JQUERY进行验证输入的正确性,同时表单提交给后台的无独有伴征婚交友网站设计与实现20LOGINDOJAVA,在SERVLET中会验证该用户名和密码是否正确,若正确,则允许登录,否则,刷新登录页面,提示用户名错误。本网站的登录界面如14所示图14无独有伴征婚网登录界面3登录界面测试测试用例用户名XIA密码123456,测试结果如下图15登录页面测试登录之后用户会直接进入到网站首页,首页的右上角在未登录时显示的内容如图16,登录后如图17所示巢湖学院2015届本科毕业论文(设计)21图16登录前图17登录后无独有伴征婚交友网站设计与实现22第3章系统的实现与测试此网站使用的是JSP技术和MYSQL数据库。系统主要实现的是需求分析中提出来的功能模块以及对各模块的整合,还有网页页面的设计。在实现代码之后需要对网站进行测试,以保证在交付之后能够正常运行,以下是对本网站的实现以及测试。31系统的实现1个人空间模块从首页的导航部分点击“我的空间”即能进入个人空间模块,个人空间模块的页面布局是分为三个部分,头部引用的是HEADJSP文件,这也是整个网站的头部,头部下方分为左右两个部分,左边的上部是显示的会员的头像、昵称等等,下部是导航菜单,也是个人空间中会员所能做的全部操作。右边的部分主要是显示相对于左边导航菜单中每一项的详细内容。如图18,图19显示的是进入个人空间时首先显示的内容,即个人基本资料,实现导航菜单的是通过CSS和JS结合,在LEFTJSP中实现,部分代码如下基本资料基本资料修改密码图18个人资料上部巢湖学院2015届本科毕业论文(设计)23图19个人基本资料下部点击左边导航菜单中的“详细资料”,会弹出下拉菜单,然后点击“生活方式”,即进入如图20所示的界面。图20生活方式页面在图19显示的界面最下方有修改和重置两个按钮,会员可以对自己的个人资料进行完善补充,然后点击“修改”,通过USERSEJAVA中的CHANGE方法,则会弹出如图21所示的对话框,当点击确定后,即修改成功,那么该页面显示修改后的内容。生活方式这部分功能是由LIFEJSP和USERSEJAVA中的ADD1()方法实现的,部分代码如下所示会不会家务无独有伴征婚交友网站设计与实现24不会会一点精通图21修改个人信息页面在详细资料下的下拉菜单中包括生活方式,工作情况,外貌体型,择友条件四个部分,后面的三个部分所显示的页面与生活方式类似,操作也与生活方式相同。2好友动态模块在详细个人资料之后是好友动态,点击“好友动态”,出现下拉菜单,内容包括我的好友,点击“我的好友”,进入如图22的界面,显示我的所有好友。图22我的好友界面巢湖学院2015届本科毕业论文(设计)25点击“他/她的空间”即可进入该位好友的空间查看该好友的一些信息,该部分显示的代码主要是在FINFORMATIONJSP中,如图23是该好友的个人资料。图23好友个人资料界面好友空间的布局与个人空间的布局是一样的,只是左边导航菜单的内容不一样,好友空间的导航内容包括好友的个人资料,好友的动态,以及留言箱。好动态中又包括好友的心情动态和照片,点击“心情动态”所显示的页面如图24显示。图24好友心情动态界面无独有伴征婚交友网站设计与实现26如图24所示,每页可以显示五条好友动态,好友动态超过五条可以点击下一页,显示后面的内容,如图25所示。图25好友动态第二页当点击导航菜单中的留言箱时,可以看到该好友的所有好友给他的留言,同时也可以给该好友留言,留言箱界面如图26所示。图26好友留言箱界面实现留言的代码在PMESSAGEJSP中,它是一个表单,用户填写后提交到后台的SERVLET,然后调用JAVABEAN中的MESSAGE()方法来实现。点击“我的空间”,返回个人空间,在我的好友界面还可以在对好友执行删除操作,同样的,在个人空间中,当然少不了个人动态和照片的发布,这两部分功能都在“发布动态”菜单栏下,晒照片的界面如图27所示,在该页面中,除巢湖学院2015届本科毕业论文(设计)27了发布照片,也可以看到自己所有发布的照片。发布照片是由页面提交表单给后台ARTICLEJAVA,然后调用ARTICLEDBJAVA中的UPPHOTOUSERNAME,IMAGE方法实现。图27晒照片的界面个人空间的留言箱界面与好友空间的留言箱界面相似,只不过显示的是自己所收到的留言,并可以点击回复,跳转到该好友的留言箱给予回复。3情侣动态模块最后一项功能是发布成功故事,牵手成功的情侣可将自己的故事与他人分享,当会员发表了成功故事后,他的用户类型会修改为“1”,从而不会再推荐给其他用户。通过点击头部的导航“情侣动态”,能够查看到本网站所有的情侣发表的故事。界面如图28所示。图28情侣动态界面点击看看他/她的成功故事,就能够看到更多关于该会员的恩爱事迹。无独有伴征婚交友网站设计与实现284交友速配模块点击交友速配,即进入CHOOSEFJSP页面,跳转到如图29所示的界面。填写择友条件,点击“提交”,后台的SERVLET中调用CHOOSEF方法实现。如果查询失败则如图30所示,查询成功结果如图34所示。图29交友速配界面图30未查询到结果的界面图31查询成功后的页面如图21所示,如果会员希望添加查询到的某人为好友,则可以点击“添加好友”,如果会员是银牌以上的级别,则进入FRIENDVALIDJSP页面,如图32巢湖学院2015届本科毕业论文(设计)29所示。发送验证消息后经过后台SERVLET中FRIENDVALID方法调用FRIENDDBJAVA中的ADDFRIENDVALID实现。部分代码如下所示FRIENDDBDBNEWFRIENDDBIFDBISEXITFRIENDVALIDUSERNAME,FRIENDTRYDBADDFRIENDVALIDUSERNAME,FRIEND,VALIDMESSAGE,DATE,TYPEOUTFLUSHOUTPRINT“ALERT发送成功WINDOWLOCATIONHREFINDEXJSP“图32验证消息页面发送验证消息后,收到验证消息的用户在登录后的首页上会有提示,如图33所示,用户点击“验证消息”即可对验证消息做出处理。图33会员收到验证消息的提示如图8所示,在首页中有查找好友的功能,点击根据地区和年龄查找好友中的“查找好友”,即跳转到如图34的界面,其中年龄的范围是必须输入的,因此其后有一个提醒的红色星号,如果未填,则无法进行查找。无独有伴征婚交友网站设计与实现30图34查找好友界面5管理员模块在登录时,用管理员的账号登录后会跳到管理员的界面,如图35所示。图35管理员界面点击会员人数统计,并选择要统计的时间段,就会进入MERBERJSP,跳转到如图36所示界面,得到所有会员人数的一个统计。图36会员统计界面管理员点击表格第一行中的会员类型,如“普通会员”即可查看该类型所有会员的部分信息。如图37所示。巢湖学院2015届本科毕业论文(设计)31图37普通会员的部分信息在图35中,点击“成功会员统计分析”进入ANALYZEJSP,跳转到如图38所示的界面,显示的是成功会员的部分信息,并且在表格的下面给出针对成功会员成功特征的一些分析。图38成功会员统计分析6登录注册模块当会员登录时忘记密码,可以通过如图14中的“忘记密码”找回,点击“忘记密码”进入如图39所示的界面。图39忘记密码界面无独有伴征婚交友网站设计与实现3232系统的测试软件测试分类即为软件测试技术的分类,它有好几种类型,包括动态测试,静态测试,黑盒测试,白盒测试等等,其中黑盒测试就是只知道软件的外部情况,根据其界面和接口对软件进行测试,主要关注系统功能的实现10。本文中对网站采用黑盒测试的方法,验证网站是否能达到预期的功能。1根据昵称查找好友功能测试用例1要查找的会员昵称黎娜。预期结果显示查找到的会员的基本信息。测试结果成功查找到昵称为“黎娜”的会员,如图40所示。测试用例2要查找的会员昵称李阳。预期结果显示查找到的会员的基本信息。测试结果查找失败,如图41所示。失败原因数据库中暂无该会员信息,因此查询不到。图40根据昵称查找好友成功的结果图41根据昵称查找好友失败的结果2添加好友测试巢湖学院2015届本科毕业论文(设计)33测试用例1根据上个测试成功的结果,点击右边的“添加好友”

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论