无独有伴征婚交友网站设计与实现(模板)

本科毕业论文（设计）

题 目 无独有伴征婚交友网站设计与实现 院（系） 信息工程学院 专 业 网络工程 学生姓名 学 号 11012058 指导教师 职称 论文字数 13225

完成日期: 2015 年5月26日

巢湖学院本科毕业论文(设计)诚信承诺书

本人郑重声明：所呈交的本科毕业论文(设计)，是本人在导师的指导下，进行研究工作所取得的成果。除文中已经注明引用的内容外，本论文不含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。

本人签名：

日期：

巢湖学院本科毕业论文 (设计)使用授权说明

本人完全了解巢湖学院有关收集、保留和使用毕业论文 (设计)的规定，即：本科生在校期间进行毕业论文(设计)工作的知识产权单位属巢湖学院。高校根据需要，有权保留并向国家有关部门或机构送交论文的复印件和电子版，允许毕业论文 (设计)被查阅和借阅；高校可以将毕业论文(设计)的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存、汇编毕业，并且本人电子文档和纸质论文的内容相一致。

保密的毕业论文(设计)在解密后遵守此规定。

本人签名： 日期： 导师签名：

日期：

巢湖学院2015届本科毕业论文（设计）

无独有伴征婚交友网站设计与实现

摘 要

随着社会的快速发展，现代人的生活节奏越来越快，工作压力不断增加，导致年轻人的交友时间少，交际圈变窄，宅男宅女越来越多，未婚人口占应婚人口比例逐年增长。如此一来，征婚网站随之兴起，为许多单身人士提供了一个大的交友平台，让年轻人不会有地域的局限，能够在更大的范围认识更多的好友，有更多的选择。

本网站采用了MVC设计模式，以MTE——MySQL、Tomcat、Eclipse为开发环境，并基于JSP+JavaBean+Servlet的三层架构，使用Ajax、JQuery等技术实现表单验证。本网站主要实现的功能包括用户登录注册，修改完善个人资料，查找添加删除好友，给好友留言，发表心情动态以吸引更多关注，发表照片，查看成功的情侣发布的成功故事，根据择偶条件表查找符合条件的会员等等。本文针对这个网站做了比较详细的介绍，给出了部分代码和测试结果，征婚网站现在是一种非常有用和流行的交友平台，时下特别契合现代人的心理，具有非常大的发展潜力。

关键词: 征婚网站；MVC；MySQL；Eclipse；JSP

无独有伴征婚交友网站设计与实现

Design and Implement for Website of “Be

companied” Marriage Seeking

Abstract

With the rapid development in society, the pace of life has been growing faster. Increasing working pressure of young people leads time limitations on making friends, narrowing social circle and growing indoorsmen. And the proportion of unmarried people in the amount who are supposed to be married is increasing every year. Therefore, marriage-seeking websites spring up. Marriage-seeking website provides a vast stage of making friends for single persons by removing geography limitations, and allows young people to make more friends in a greater range to have more choices.

This website adopts MVC design pattern within the development environment of MTE which includes MySQL, Tomcat and Eclipse and is based on a three-tier architecture of JSP+JavaBean+Servlet. Moreover, it accomplishes form validation through Ajax, JQuery and other technology. On this website, following functions are included: users can update personal information after registering and logging, they’re able to find strangers, add or delete friends by willing, and they can also publish social dynamics and photos to attract attentions. Besides, users are available to check updated stories of couples who are successfully matched, and seek members on website according to tables of spouse conditions, etc. This article makes a detailed introduce of the website, presents a part of code and test results. Marriage-seeking website is a popular and useful social platform which conforms to modern people’s psychology, thus it has a great development potential.

Keywords: Marriage-seeking website；MVC；MySQL；Eclipse；JSP

目 录

第1章 开发背景及相关技术 .......................................... 1

1.1 系统开发背景 ................................................ 1 1.2 系统开发的目的和意义 ........................................ 1 1.3 开发技术简介 ................................................ 2

1.3.1 MySQL简介 ............................................. 2 1.3.2 Eclipse简介 ........................................... 2 1.3.3 Ajax简介 .............................................. 3 1.3.4 MVC设计模式 ........................................... 3 1.3.5 JSP技术简介 ........................................... 3

第2章 系统分析与设计 .............................................. 4

2.1 可行性分析 .................................................. 4 2.2 系统的总体需求分析 .......................................... 4

2.2.1 网站页面设计 .......................................... 4 2.2.2 网站功能描述 .......................................... 5 2.3 网站设计指导思想 ............................................ 6 2.4 数据库设计 .................................................. 6

2.4.1 概念结构设计 .......................................... 6 2.4.2 数据库表设计 ......................................... 10 2.5 系统结构设计 ............................................... 17

2.5.1 系统结构图 ........................................... 17 2.5.2网站功能模块设计 ...................................... 17 2.6 网站界面设计 ........................................... 18

第3章 系统的实现与测试 ........................................... 22

3.1 系统的实现 ................................................. 22 3.2 系统的测试 ................................................. 32 第4章 结论与展望 ................................................. 37

4.1 系统总结 ................................................... 37 4.2 前景展望 ................................................... 37 参考文献 .......................................................... 38

巢湖学院2015届本科毕业论文（设计）

第1章 开发背景及相关技术

1.1 系统开发背景

Internet是一个由世界上数不清的计算机互联网络组成的、是一个覆盖全球的巨大的计算机互联网络体系，是世界范围的网络、网关、服务器的计算机集合。Internet向全世界提供信息服务，成为人们生活中不可缺少的一部分0。

年轻人不仅仅是一个简单地社会组织，他们是促进这个社会进步的重要力量。社会从工业化社会进入到信息化社会，人们的生活节奏不断加快。繁重的工作使年轻人用于社交的时间变得更少，巨大的压力使人们更愿意周末的时候宅在家中，如此一来，现实的交际圈也变窄了。没有足够的交际时间和大的交际范围，未婚人士在应婚人士中所占的比例正在逐年增加。

第一则征婚广告最初出现在英国，当时仅限于在报纸上传播，并不为人们所喜欢。但是随着社会的发展，征婚这一文化越来越为人们所接受，逐渐发展到有电视征婚，网络征婚等等。原本在中国也有红娘、媒婆一类的婚介，当越来越多的人从事这一行业，就出现了有婚介公司一类的机构。近几年，屏幕上也相继出现了许多知名的相亲节目，使得相亲也成为了一种流行。征婚网站满足了人们希望了解更广泛的未婚人士信息的一种愿望，具有极大的发展潜力。

1.2 系统开发的目的和意义

随着计算机技术的发展，各种聊天软件被研发出来，使更多的宅男宅女们乐于宅在家中，在这些人当中，逐渐增加许多未婚人士，使得征婚网站应运而生。只要注册一个征婚网站，就能够从其中得到许多的异性信息。现在人们现实中的交际圈比较窄，亲戚朋友等所处的环境行业都有趋同性，而征婚网站上汇聚了五湖四海的未婚人士的基本信息，因此通过征婚网站来寻找交友就有了更广泛的选择。同时，征婚网站提供了许多必要的信息，往往这些信息在面对面的交谈中会比较难以询问，而通过网站了解则避免了尴尬，这是一种很大的便利。

人们可以通过征婚网站进行一些简单地交流，避免了面对面交流，减少了部分人士犯罪的犯罪几率。除此之外，征婚网站的活动都是经过网络来进行的，减少了对资源的浪费，是一种健康环保的交流方式。为了保证会员之间的了解够深，网站需要对会员的个人资料充分的获取，保证好友之间的基本交流。

1

无独有伴征婚交友网站设计与实现

1.3 开发技术简介

1.3.1 MySQL简介

MySQL是一种非常优秀的数据库管理系统，它现在有多个版本，能够适应于许多不同的操作系统，比如说Linux,windows等等，这样一种跨平台的可用性大大增加了MySQL的流行性。另外，MySQL的大部分代码是开源且免费的，十分受程序员的欢迎。

虽然说MySQL数据库并不是最为完善的数据库，但是它运行速度快，相对成本低，开源免费的代码使得它在中小型企业和网站中特别受用。它也拥有许多的程序应用接口，开发人员能够通过编写不同语言的程序来接入和塑造数据库。其中在网站程序接口中比较受欢迎的是PHP和Perl。

MySQL在以下的几个方面做的比较好：

1.网站应用：MySQL有体积小、速度快、总体成本低、开放源码等特点0。因此许多中小型网站为了降低总体拥有成本而选择了MySQL作为网站数据库。

2.企业级系统的应用：MySQL的特点包括能够提供企业级应用程序的一切需要0。

3.开源代码：MySQL的代码是开源的，每个人都可以下载其代码，并修改成自己所需要的0。

4.稳定性：所有的软件都是在不断地发展创新中，MySQL的功能也是在不断的完善，可靠性也在不断的提高0。 1.3.2 Eclipse简介

Eclipse是一种通用工具平台，它由一个很小的核心与许多加诸于该核心上的插件所组成，如果需要在这个平台上实现各种功能，比如HTML编辑，数据库设计等等，添加相应的的插件即能实现。同样的，这样一个基于插件组合的架构，使得Eclipse不仅仅能实现Java语言开发环境，同时也能够实现C、C++等环境。

Eclipse是由IBM公司在2001年研发出来，经过几年的研发，当2.1版本出现时，因为其友好的界面而大受欢迎。IBM公司为了Eclipse能够得到更好的发展，于2003年将其捐赠给了开源社区，在开源社区一众成员的共同努力下，Eclipse开始了有了长足的进步。Eclipse包括许多的研发项目，其中IBM公司参与的就占到一半多。Eclipse是开源的，因此它除了有自己的开发团队以外，个体的研发者也可以通过自己的努力，在前期参与一些Eclipse新闻组的讨论，修

2

巢湖学院2015届本科毕业论文（设计）

复一些Bug，当能力得到认可时，便可以成为项目组真正的开发成员。 1.3.3 Ajax简介

Ajax（Asynchronous JavaScript and XML)不是一项技术，它实际上是好几种正在蓬勃发展的技术以一种强有力的新的方式整合在一起的。组成Ajax的技术有以下几种：基于XTML和CSS的表现标准，使用DOM来进行动态的展示和交互，通过XML和XSLT实现数据的内部改变和操作，使用XMLHttpRequest实现异步数据检索以及JavaScript0。

传统的Web应用是用户行为触发一个Http请求，然后发回到Web服务器中0。由Web服务器对数据进行一系列处理之后再返回给客户端的HTML页面0。这种方式采用的是同步应答方式，从数据发送给服务器到数据返回到客户端的这个过程中，用户一直处于等待的状态。

Ajax的应用改变了用户的这种请求-等待-请求-等待的状态，使得用户发出请求后不必等待在一个空白的页面。在开始的一段时间里，浏览器会加载一个Ajax引擎，它代表客户端来与服务器进行交互，实现了客户端与服务器的异步交流0。

1.3.4 MVC设计模式

MVC（Model-Viewer-Controller)是集显示层、业务逻辑层和控制器于一体的一种设计模式。这种模式下，客户的请求不是直接处理，而是发送给控制器，由控制器根据请求的方式来调用不同的事务逻辑，再将其返回到显示层。

MVC设计模式很清楚的划定了程序员与设计者的角色界限0。这种模式是让设计者集中于设计应用程序的显示部分，而开发者则集中于开发驱动应用程序功能所需的组件0。 1.3.5 JSP技术简介

JSP（Java Server Pages，Java服务器页面）是以Sun公司为主建立的一种动态网页技术标准，其实质就是在传统的HTML网页文件中加入Java程序片段和JSP标记后所形成的文档（后缀名是jsp）0。

3

无独有伴征婚交友网站设计与实现

第2章 系统分析与设计

2.1 可行性分析

可行性分析是指根据一个网站的主要内容和配套条件对其进行合理的分析与预测，分析其中所提出的问题是否值得去解决，在技术上可否实现，在经济上是否值得去投入研发，是否具有开发的前景，同时预测在开发出来投入使用后对社会所产生的影响是不是有利的。以下是从技术可行性、经济可行性、风险可行性、社会影响可行性等方面进行分析。

技术可行性：本网站采用的是Web开发比较简单基础的几种技术，是基于JSP+JavaBean+Servlet的三层架构，使用的是MySQL数据库，因此技术上是可以实现的。

经济可行性：网站的构建一般都不需要花费太多的人力和物力，本网站主要功能是实现征婚交友，让会员通过网站可以互相交流了解，无需花费太多。

风险可行性：现在的征婚网站比较流行，有不少成功的案例，未婚人士逐年增加，也为征婚网站打开了市场，并且经济上无需过多支出，因此风险比较小。

社会影响可行性：征婚网站可以帮助一部分应婚的未婚人士脱离单身，让注册网站的会员有更广泛的选择，促进了不同地区的交流，同时也减少了见面时可能发生的犯罪事件。

综上所述，本网站的可行性已明确研究，是有可行性的。

2.2 系统的总体需求分析

需求分析的目的是为了系统开发人员能够更清楚地了解系统需求，为计划迭代的技术内容提供基础0。因此需求分析十分重要。 2.2.1 网站页面设计

网站的页面总体是采用CSS样式表进行设计，中间嵌入一些表来进行排版。页面的基色是粉色，除去登录注册以外，每个页面的首部是网站的名称以及导航，导航中分五个模块，分别是首页，我的空间，情侣动态，好友动态以及交友速配。其中，首页分上中下三个部分，上部是用户的基本信息，动态图片以及查找，中部是显示几个情侣动态，下部是会员推荐；我的空间中包括的都是个人信息，在头部的下面分为左右两个部分，左边是导航部分，右边显示具体的信息；情侣动

4

巢湖学院2015届本科毕业论文（设计）

态和好友动态以及交友速配是以表格的形式显示的。 2.2.2 网站功能描述

本网站主要包括五个功能模块，分别是登录注册模块， 个人空间模块，好友动态模块，情侣动态模块，交友速配模块，管理员模块。以下是对五个功能模块的详细描述。

1.注册登录模块

本模块主要包括注册登录，非会员用户仅仅能够浏览首页以及部分情侣动态，会员注册后为普通会员，其等级为0。会员登录网站后，可以通过充值升级的方式进行升级，不同等级的会员拥有不同的权限。

2.个人空间模块

本模块实现的功能针对所有的会员，有查看和修改个人的基本资料以及详细资料，详细资料中包括生活习惯，工作情况，外型体型和个人的择偶条件，在我的空间中能够对这些信息进行查看和修改操作。同时，我的空间中可以查看到我的好友，并对这些好友做出一些相应的操作，例如查看好友空间等等。除此之外，本模块中会员能够发表一些自己的日常动态和照片，如果感觉自己发表的内容欠妥，也可以删除自己曾发表的内容。最后，在我的空间中，会员还能查询好友给自己的留言，以进一步加深与好友的沟通。

3.好友动态模块

点开好友动态模块，就能够查看到自己所有的好友发表的心情动态，可以点击右下角的小图片给好友的文章点赞。点击左上角的会员昵称，就能够进入到该好友的空间中，首先看到的是好友的个人资料，包括基本资料和详细资料，接下来可以查看该好友所发表的所有动态以及照片。当打开留言箱时，不仅能看到该好友的所有好友留下的留言，自己也能够给该好友留言，对于自己的留言，同样也能做删除操作。在好友动态模块只有银牌以上的会员才能够进入，因为只有银牌以上的会员才拥有添加好友的权限。在进入好友空间之后，银牌会员仅仅能够看到该好友的基本信息，当升级成为金牌会员时，方可看到好友的联系方式以及其他的详细资料。如果好友选择将个人信息保密，那么仅仅只有钻石级会员可以看到好友的个人资料。

4.情侣动态模块

本模块中包含了本网站中所有成功牵手的情侣的动态，刚点开时是一个大概的浏览，点击查看成功故事后，则可以看到该会员发表的详细的故事。

5

无独有伴征婚交友网站设计与实现

5.交友速配模块

本模块是根据会员填写的择偶条件表中的择偶条件或者是会员在页面中填写的择偶条件，在页面上以表格形式显示查询出的相应记录。如果会员是银牌以上的会员，能够执行添加好友的操作。当点击添加好友时，需要填写好友验证信息并发送给该好友。如果该好友选择“同意”，则两人成为好友，如果选择“拒绝”，则系统自动给会员回复拒绝消息。同样会员能够选择“继续添加”或者“忽略”该信息。

6.管理员模块

登录时，系统会对会员的类型进行判断，如果type=“2”时，则是管理员，登陆后进入管理员的界面。管理员界面有两大功能，一个是对网站的会员进行数字统计，同时查看会员的基本信息。另一个功能是对成功会员的统计，分析会员

的学历、月薪以及有无头像等方面，给出成功率较高的会员的特征分析。

2.3 网站设计指导思想

1. 软件工程的思想

本网站从最初的设计到后面的实现基本上是依据软件工程的一个思想，它实现的一个过程是先开始需求分析，明确了网站需要实现的功能模块，其次是对网站进行数据库的设计，界面设计等等概念上的设计，之后就是对网站功能的具体实现，最后则是对网站的测试，当发现有问题时，及时对网站做出修改。总的来说，网站设计的主要任务包括：网站架构设计，以浏览器为客户端的Web应用程序开发，系统测试及网站发布等0。

2.MVC设计思想

在MVC实例中，外部世界的模型以及反馈给用户的视图都被明确的分离开来，每一个部分有着不同的任务。视图管理的是图片以及文本输出在位图现实中的比例，即网页中的界面显示。控制器是控制由页面传来的请求的处理，并调用模型中的方法。模型是应用程序的主体部分，它基本包括了网站中所有实现的方法。

2.4 数据库设计

2.4.1 概念结构设计

概念模型用于信息世界的建模，是现实世界到信息世界的第一层抽象0。它是数据库设计人员进行数据库设计的有力工具0。同时也是数据库设计人员和用户之

6

巢湖学院2015届本科毕业论文（设计）

间进行交流的语言。因此概念模型一方面应该具有较强的语言表达能力，能够方便、直接地表达应用中的各种语义知识，另一方面它还应该简单、清晰、易于用户理解。

基于无独有伴征婚网站的主要实体图和E-R图如下：

省份 城市

头像

升级日期 注册日期 成功日期

0

月薪 学历 身高 出生日期 出生月份 用户 出生年份 婚姻状况 电话 密码 图1 用户基本信息实体图 充值金额 持卡人 余额 卡号 密码 银行卡 昵称 性别 类型 邮箱 等级 图2 银行卡实体图

会员昵称 好友昵称 好友关系 图3 好友关系实体图

7

无独有伴征婚交友网站设计与实现

接收者 发送者 图4 验证消息实体图

是否吸烟 是否饮酒 锻炼情况 饮食习惯 购物习惯 生活习惯 会家务否 最大消费 人际关系 宠物 家务分配 会员昵称 是否保密 经济观念 发送时间 消息内容 验证消息 消息类型 时间作息 图5 生活习惯实体图 标题 正文 图6 情侣动态实体图

发布日期 图片 情侣动态 发布人 8

巢湖学院2015届本科毕业论文（设计）

留言标题 留言内容 图7 留言实体图

发布人 标题 正文 好评 发布时间 动态文章 差评 留言者 留言时间 留言 接受者 图8 动态文章实体图

会员昵称 图9 照片实体图

会员昵称 职业职位 公司行业 工作情况 工作调动 工作状态 福利待遇 工作家庭 海外工作 是否保密 照片路径 照片 公司类型 图10 工作情况实体图

9

无独有伴征婚交友网站设计与实现

游客

1

动态照片 N

好友

N

M

留言

M

注册

1

1

1

1

普通会员

1

发表

1

速配

1

管理

发表

1

1

银牌会员

升级

1

金牌会员

1

M

保密资料

N

管理

查看

1

钻石会员

1

管理 N

升级

升级

管理

1

个人资料

M

1

1

M

1

图11 网站E-R图

管理员

管理

管理

1

2.4.2 数据库表设计

通过对本网站功能的分析可得如下的数据库信息：

（1）用户表user：此表中保存了注册本网站的会员的基本资料信息，主要包括昵称，密码，性别，电话号码，邮箱，婚姻状况，出生年月日，身高，学历，月薪，所在地，头像，类别等信息，具体表结构如表1所示。

（2）银行卡表bankcard：此表中保存了会员的充值信息，主要包括了会员绑定的银行卡号，支付密码，充值金额，银行卡余额，会员昵称，具体表结构如图2所示。

（3）好友表friends：此表保存的是会员之间的好友关系，主要包括会员的昵称，对应该会员的好友的昵称，具体表结构如表3所示。

（4）验证消息表friendvalid：此表保存的是添加好友时所产生的验证消息

10

巢湖学院2015届本科毕业论文（设计）

的内容，主要包括接收者，发送者，消息内容，发送时间，消息类型，具体表结构如图4所示。

（5）生活习惯表life：此表中保存了会员的一些详细的生活习惯，主要包括昵称，是否吸烟，是否饮酒，锻炼情况，饮食习惯，购物习惯，作息时间，最大消费，是否会家务，对家务分配的看法，对宠物的态度，经济观念，具体表结构如表5所示。

（6）情侣动态表lovers：此表保存的是成功牵手的会员发表的成功故事，主要包括发表人，标题，正文，图片，发表日期，具体表结构如表10所示。

（7）留言表message：此表保存的是会员给其好友的留言，主要包括留言标题，留言正文，留言时间，留言者，接收者，具体表结构如表9所示。

（8）动态表particle：此表保存的是所有会员发表的心情动态，主要包括标题，正文内容，发布时间，发布人，好评，差评，具体表结构如表7所示。

（9）照片表photo：此表保存的是所有会员发表的照片，主要包括会员的昵称，照片的名称，具体表结构如表8所示。

（10）工作情况表work：此表保存了会员工作的一些具体情况，主要包括昵称，工作职位，工作行业，公司类型，福利待遇，工作状态，是否有调动工作的可能，是否有到海外工作的可能性，还有就是家庭与工作将会如何平衡，具体表结构如表3所示。

（11）外貌体型表appearance：此表保存了会员外貌体型的具体细节，主要包括昵称，体重，体型，脸型，眼型，眼色，发色，发型，发长，皮肤类型，肤色，健康状况，具体表结构如表4所示。

网站数据库表结构如下：

表1 用户表

字段名 类型 是否允许空 No No Yes Yes Yes 备注 昵称 密码 性别 电话 邮箱 说明 userName Varchar(255) password sex telphone email Varchar(255) Varchar(10) Varchar(20) Varchar(255)

11

无独有伴征婚交友网站设计与实现

续表1

IsMarry year month day height education salary city head province grade Varchar(20) Int(10) Int(10) Int(10) Varchar(10) Varchar(60) Varchar(100) Varchar(255) Varchar(255) Varchar(255) Int(11) Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes 婚姻状况 出生年份 出生月份 出生日期 身高 学历 月薪 所在城市 头像 所在省份 会员等级 “0”表示普通会员，“1”表示银牌会员，“2”表示金牌会员，“3”表示钻石会员 type Int(11) No 用户类型 “0”表示单身的会员，“1”表示牵手成功的会员，“2”表示管理员 registdate upGradeDate successday date date No No 注册日期 升级日期 date No 成功日期

12

巢湖学院2015届本科毕业论文（设计）

表2 银行卡表

字段 类型 是否允许空 No No No Yes Yes 备注 持卡人 银行卡号 支付密码 充值金额 余额 userName Varchar(255) card pwd money remain

Varchar(255) Varchar(255) Int(11) Int(11) 表3 好友表

字段 userName friendName

类型 Varchar(255) Varchar(255) 是否允许空 No No 备注 昵称 好友昵称 表4 验证消息表

字段 reciver sender validMessage time type 类型 Varchar(255) Varchar(255) text datetime Int(11) 是否允许空 No No Yes Yes No

备注 接收者 发送者 消息内容 发送时间 消息类型 13

无独有伴征婚交友网站设计与实现

表5 生活习惯表

字段 userName somke drink exercise food shopping shcedule relationship maxExpense houswork 类型 Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) 是否允许空 No Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes 备注 昵称 是否吸烟 是否饮酒 锻炼情况 饮食习惯 购物习惯 作息时间 交际圈 最大消费 是否会家务 对家务分配的看法 对宠物的态度 经济观念 hwAllocation Varchar(255) pet encoNotion

Varchar(255) Varchar(255) 表6 情侣动态表

字段 username title content image date 类型 Varchar(255) Varchar(255) text Varchar(255) datetime 是否允许空 No Yes No Yes Yes

备注 发布人 标题 正文 图片 发布日期 14

巢湖学院2015届本科毕业论文（设计）

表7 留言表

字段 mtitle mcontent mtime muser user

类型 Varchar(255) text datetime Varchar(255) Varchar(255) 是否允许空 Yes No Yes No No 备注 留言标题 留言内容 留言时间 留言者 接收者 表8 心情动态表

字段 title content pubtime pubUser praise fall

类型 Varchar(255) text datetime Varchar(255) Int(11) Int(11) 是否允许空 Yes No Yes No Yes Yes 备注 标题 正文内容 发表时间 发布人 好评 差评 表9 照片表

字段 userName photo

类型 Varchar(255) Varchar(255) 是否允许空 No No 备注 昵称 照片名称

15

无独有伴征婚交友网站设计与实现

表10 工作情况表

字段 userName position industry comType welfare workState tansferWork workOversea woFa 类型 Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) 是否允许空 No Yes Yes Yes Yes Yes Yes Yes Yes 备注 昵称 职业职位 公司行业 公司类型 福利待遇 工作状态 调动工作可能性 海外工作可能性 家庭事业平衡性 表11 外貌体型表

字段 userName weight size face eyes eyesColor hairColor hairStyle hairHeight skin skinColor health

类型 Varchar(255) Int(11) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) 是否允许空 No Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes 16

备注 昵称 体重 体型 脸型 眼型 眼色 发色 发型 发长 皮肤类型 肤色 健康状况 巢湖学院2015届本科毕业论文（设计）

2.5 系统结构设计

2.5.1 系统结构图

本网站的系统结构图大体如图12所示。

本网站仅仅分为未注册的普通用户和已注册的会员，普通用户的权限十分有限，只能够进入首页和查看情侣动态。而会员几乎拥有所有的权限，可以实现交友的所有功能，同时可以管理自己的个人资料等等。具体框架如下图：

无独有伴征婚网 普通用户 管理员

普通会员 银牌会员 金牌会员 钻石会员 个人资料管理 发表动态照片 发布成功故事 查找好友 添加好友 查看好友基本信息及好友动态 查 看好友 联系 方式 查看好友非保密详细资料 给好友留言 查看好友保密的详细资料 成功会员统计分析 会员信息统计 图12 无独有伴征婚网站系统结构图

2.5.2网站功能模块设计

1.登录注册模块

（1）注册：当用户选择注册时，首先注册一个昵称和账号，选择快速注册，跳转到下一个页面时，用户可以选择是否完事个人的基本资料，如此，才算注册完成。

（2）登录：会员输入正确的昵称和密码即可登陆本网站，登陆之后首先到达的页面即是首页，如果是管理员，则跳到管理员的界面。

17

无独有伴征婚交友网站设计与实现

2.我的空间模块

（1）个人资料：会员点击导航部分的我的空间即可进入个人基本资料的页面，在左边的导航部分能够查看填写个人的详细资料。

（2）好友动态：此功能针对银牌以上会员能够查看会员的所有好友，在查看好友的同时，还可以进入好友的空间，银牌会员仅仅能够查看好友的基本信息，金牌可以进一步了解好友的信息，包括好友的联系方式，详细资料，如果好友的资料选择了保密，那么就只有钻石级会员能够看到。除此之外，会员能够删除好友。

（3）个人动态：此部分包括会员发布心情动态和平时的照片，发布的同时也能看到以前自己所发布的内容，对于自己不满意的内容或照片可以实行删除操作。

（4）留言箱：此部分会员能够查看到所有的好友给自己的留言。 （5）发布成功故事：若是会员牵手成功，可以在自己的空间中分享自己的故事。

3.好友动态模块

（1）好友心情动态：此部分的内容是该会员所有的好友发布的内容，按时间排序，会员能够给好友的动态好评或差评。

（2）好友资料：此部分是显示好友填写的所有个人资料，以方便好友之间的了解，当然，不同等级的会员所了解的信息是不一样的。

（3）留言箱：金牌以上会员能通过这个部分给自己的好友留言。 4.情侣动态模块

此模块就是显示成功牵手的会员发表的故事，包括内容和图片。 5.交友速配模块

此模块根据会员填写的择偶条件表从数据库中查找出符合条件的会员，并推荐，银牌以上的会员可以添加推荐的会员为好友，然后给好友发送验证消息。

6.管理员模块

此模块有两个功能，一个是统计所有注册的会员人数，另一个是对成功会员的统计与分析。

2.6 网站界面设计

网站是由多个有序的网页构成的，网页由文本、图像和动画、声音和视频、超级链接、表格、表单等基本元素构成0。本网站的页面是采用的JSP页面，通过CSS语言样式表赋予了网页文字更多的属性，使用CSS样式表与表格结合实现了

18

巢湖学院2015届本科毕业论文（设计）

网页的布局。

界面就是网站给浏览者的第一印象，往往决定了网站的观赏性。设计网站界面最主要的是栏目与板块编排，其需要注意的是：

（1）尽可能删除那些与主题无关的栏目0。 （2）尽可能将网站内最有价值的内容列在栏目上0。

（3）尽可能从访问者角度来编排栏目以方便访问者的浏览和查询0。 1.网站首页

网站首页如图13所示：

图13 无独有伴征婚网首页

19

无独有伴征婚交友网站设计与实现

2.登录界面

网站的登陆界面有两个输入项，分别是用户的昵称以及密码，当用户输入昵称及密码时，会通过JQuery进行验证输入的正确性，同时表单提交给后台的Logindo.java,在servlet中会验证该用户名和密码是否正确，若正确，则允许登录，否则，刷新登录页面，提示用户名错误。

本网站的登录界面如14所示：

图14 无独有伴征婚网登录界面

3.登录界面测试

测试用例：用户名：xia 密码：123456，测试结果如下：

图15 登录页面测试

登录之后用户会直接进入到网站首页，首页的右上角在未登录时显示的内容如图16，登录后如图17所示：

20

巢湖学院2015届本科毕业论文（设计）

图16 登录前 图17 登录后

21

无独有伴征婚交友网站设计与实现

第3章 系统的实现与测试

此网站使用的是JSP技术和MySQL数据库。系统主要实现的是需求分析中提出来的功能模块以及对各模块的整合，还有网页页面的设计。在实现代码之后需要对网站进行测试，以保证在交付之后能够正常运行，以下是对本网站的实现以及测试。

3.1 系统的实现

1.个人空间模块

从首页的导航部分点击“我的空间”即能进入个人空间模块，个人空间模块的页面布局是分为三个部分，头部引用的是head.jsp文件，这也是整个网站的头部，头部下方分为左右两个部分，左边的上部是显示的会员的头像、昵称等等，下部是导航菜单，也是个人空间中会员所能做的全部操作。右边的部分主要是显示相对于左边导航菜单中每一项的详细内容。如图18，图19显示的是进入个人空间时首先显示的内容，即个人基本资料，实现导航菜单的是通过CSS和JS结合，在left.jsp中实现，部分代码如下：

图18 个人资料上部

22

巢湖学院2015届本科毕业论文（设计）

图19 个人基本资料下部

点击左边导航菜单中的“详细资料”，会弹出下拉菜单，然后点击“生活方式”，即进入如图20所示的界面。

图20 生活方式页面

在图19显示的界面最下方有修改和重置两个按钮，会员可以对自己的个人资料进行完善补充，然后点击“修改”，通过UserSe.java中的change()方法，则会弹出如图21所示的对话框，当点击确定后，即修改成功，那么该页面显示修改后的内容。生活方式这部分功能是由life.jsp和UserSe.java中的add1（）方法实现的，部分代码如下所示：

会不会家务：

<%if(db.isExist(g)){ %>

<%=housework %> <% }else{%>

23

无独有伴征婚交友网站设计与实现

<%} %>

不会 会一点 精通

图21 修改个人信息页面

在详细资料下的下拉菜单中包括生活方式，工作情况，外貌体型，择友条件四个部分，后面的三个部分所显示的页面与生活方式类似，操作也与生活方式相同。

2.好友动态模块

在详细个人资料之后是好友动态，点击“好友动态”，出现下拉菜单，内容包括我的好友，点击“我的好友”，进入如图22的界面，显示我的所有好友。

图22 我的好友界面

24

巢湖学院2015届本科毕业论文（设计）

点击“他/她的空间”即可进入该位好友的空间查看该好友的一些信息，该部分显示的代码主要是在finformation.jsp中，如图23是该好友的个人资料。

图23好友个人资料界面

好友空间的布局与个人空间的布局是一样的，只是左边导航菜单的内容不一样，好友空间的导航内容包括好友的个人资料，好友的动态，以及留言箱。好动态中又包括好友的心情动态和照片，点击“心情动态”所显示的页面如图24显示。

图24 好友心情动态界面

25

无独有伴征婚交友网站设计与实现

如图24所示，每页可以显示五条好友动态，好友动态超过五条可以点击下一页，显示后面的内容，如图25所示。

图25 好友动态第二页

当点击导航菜单中的留言箱时，可以看到该好友的所有好友给他的留言，同时也可以给该好友留言，留言箱界面如图26所示。

图26 好友留言箱界面

实现留言的代码在pmessage.jsp中，它是一个表单，用户填写后提交到后台的servlet，然后调用JavaBean中的message（）方法来实现。

点击“我的空间”，返回个人空间，在我的好友界面还可以在对好友执行删除操作，同样的，在个人空间中，当然少不了个人动态和照片的发布，这两部分功能都在“发布动态”菜单栏下，晒照片的界面如图27所示，在该页面中，除了

26

巢湖学院2015届本科毕业论文（设计）

发布照片，也可以看到自己所有发布的照片。发布照片是由页面提交表单给后台Article.java，然后调用ArticleDB.java中的upphoto(username,image)方法实现。

图27 晒照片的界面

个人空间的留言箱界面与好友空间的留言箱界面相似，只不过显示的是自己所收到的留言，并可以点击回复，跳转到该好友的留言箱给予回复。

3.情侣动态模块

最后一项功能是发布成功故事，牵手成功的情侣可将自己的故事与他人分享，当会员发表了成功故事后，他的用户类型会修改为“1”，从而不会再推荐给其他用户。通过点击头部的导航“情侣动态”，能够查看到本网站所有的情侣发表的故事。界面如图28所示。

图28 情侣动态界面

点击看看他/她的成功故事，就能够看到更多关于该会员的恩爱事迹。

27

无独有伴征婚交友网站设计与实现

4.交友速配模块

点击交友速配，即进入choosef.jsp页面，跳转到如图29所示的界面。填写择友条件，点击“提交”，后台的servlet中调用choosef()方法实现。如果查询失败则如图30所示，查询成功结果如图34所示。

图29 交友速配界面

图30 未查询到结果的界面

图31 查询成功后的页面

如图21所示，如果会员希望添加查询到的某人为好友，则可以点击“添加好友”，如果会员是银牌以上的级别，则进入friendvalid.jsp页面，如图32所示。

28

巢湖学院2015届本科毕业论文（设计）

发送验证消息后经过后台servlet中friendvalid()方法调用FriendDB.java中的addFriendValid()实现。部分代码如下所示：

FriendDB db=new FriendDB();

if(!db.isExitFriendValid(username, friend)){ try{

db.addFriendValid(username,friend,validmessage,date,type); out.flush();

out.print(\"\"); }

图32 验证消息页面

发送验证消息后，收到验证消息的用户在登录后的首页上会有提示，如图33所示，用户点击“验证消息”即可对验证消息做出处理。

图33 会员收到验证消息的提示

如图8所示，在首页中有查找好友的功能，点击根据地区和年龄查找好友中的“查找好友”，即跳转到如图34的界面，其中年龄的范围是必须输入的，因此其后有一个提醒的红色星号*，如果未填，则无法进行查找。

29

无独有伴征婚交友网站设计与实现

图34 查找好友界面

5.管理员模块

在登录时，用管理员的账号登录后会跳到管理员的界面，如图35所示。

图35 管理员界面

点击会员人数统计，并选择要统计的时间段，就会进入merber.jsp,跳转到如图36所示界面，得到所有会员人数的一个统计。

图36 会员统计界面

管理员点击表格第一行中的会员类型，如“普通会员”即可查看该类型所有会员的部分信息。如图37所示。

30

巢湖学院2015届本科毕业论文（设计）

图37普通会员的部分信息

在图35中，点击“成功会员统计分析”进入analyze.jsp，跳转到如图38所示的界面，显示的是成功会员的部分信息，并且在表格的下面给出针对成功会员成功特征的一些分析。

图38 成功会员统计分析

6.登录注册模块

当会员登录时忘记密码，可以通过如图14中的“忘记密码”找回，点击“忘记密码”进入如图39所示的界面。

图39 忘记密码界面

31

无独有伴征婚交友网站设计与实现

3.2 系统的测试

软件测试分类即为软件测试技术的分类，它有好几种类型，包括动态测试，静态测试，黑盒测试，白盒测试等等，其中黑盒测试就是只知道软件的外部情况，根据其界面和接口对软件进行测试，主要关注系统功能的实现[10]。本文中对网站采用黑盒测试的方法，验证网站是否能达到预期的功能。

1.根据昵称查找好友功能

测试用例1：要查找的会员昵称：黎娜。 预期结果：显示查找到的会员的基本信息。

测试结果：成功查找到昵称为“黎娜”的会员，如图40所示。 测试用例2：要查找的会员昵称：李阳。 预期结果：显示查找到的会员的基本信息。 测试结果：查找失败，如图41所示。

失败原因：数据库中暂无该会员信息，因此查询不到。

图40 根据昵称查找好友成功的结果

图41 根据昵称查找好友失败的结果

2.添加好友测试

32

巢湖学院2015届本科毕业论文（设计）

测试用例1：根据上个测试成功的结果，点击右边的“添加好友”。 预期结果：添加好友成功，会员黎娜收到好友验证消息。 测试结果：添加失败，如图42所示。 失败原因：普通会员没有添加好友的权限。 测试用例2：会员升级后重新添加好友黎娜。 预期结果：黎娜收到验证消息。

测试结果：黎娜收到验证消息，如图43所示。

图42 好友添加失败

图43 验证消息

测试用例3：如图43所示，黎娜同意添加对方好友，点击“同意”。 预期结果：添加好友成功，lili收到成功消息验证。 测试结果：添加好友成功，如图44所示。

图44 好友添加成功

33

无独有伴征婚交友网站设计与实现

测试用例4：如图43所示，黎娜不同意添加对方好友，点击“不同意”。 预期结果：lili收到拒绝的消息。 测试结果：lili收到如图45的消息。

图45 拒绝消息验证

3.根据年龄和所在地区广泛的查找好友

测试用例1：如图34，在其中输入年龄的范围为20-30岁，省份为安徽，城 市为合肥。

预期结果：查找成功，显示查找到的会员的基本记录。 测试结果：查找成功，结果如图46所示。

测试用例2：如图34，在其中输入年龄的范围为20-30岁，省份为云南，城 市为昆明

预期结果：查找成功，显示查找到的会员的基本记录。 测试结果：查找失败，结果如图47所示。 失败原因：数据库中没有符合该条件的会员。

图46 好友查找成功

34

巢湖学院2015届本科毕业论文（设计）

图47 好友查找失败

4.发布动态

测试用例1：在我的空间中点击左侧导航菜单中的“发布动态”，然后选择 “晒心情”，即可发表自己的动态。 预期结果：发表成功。

测试结果：发表成功，弹出如图48所示的对话框。

图48 动态发表成功

图49 动态发表后

测试用例2：发表动态后，在我的空间会显示，点击右侧“删除动态”。

35

无独有伴征婚交友网站设计与实现

预期结果：动态删除。

测试结果：动态删除，如图50所示。

图50 动态删除成功

图51 动态删除后

5.找回密码测试

测试用例：昵称：xia 邮箱：1466215671@qq.com 预期结果：邮箱中收到找回密码的邮件。 测试结果：收到邮件，如图52所示。

图52 找回密码邮件

36

巢湖学院2015届本科毕业论文（设计）

第4章 结论与展望

4.1 系统总结

通过本次对网站的设计与实现，我进一步掌握了软件工程设计与实现软件的基本步骤和原理。对于一个网站的设计，前期的准备工作是特别重要的，没有一个完整的需求分析，就可能导致后期的实现过程中需要不断返工。另外，如果前期对于素材的收集不完善的话，后期实现的效果也可能会达不到预想的目的。一个网站要想吸引用户，就必须要有美观的页面设计和对于用户来说方便简单地功能模块，因为用户是不清楚网站内部的逻辑功能的，必要时，还需给用户一些简单提示。本网站目前还有许多不足之处，一是页面设计并不美观，还有待优化。二是网站实现的只是几项简单地交友功能，因为所学有限，只能在不断地摸索中一步步完成这个网站的实现，然而要真正做到完美的会员之间的快速匹配以及真正的完善用户资料，还需要更深入的学习与思考。

4.2 前景展望

如今互联网时代，各种各样的征婚网站可谓是十分流行，许多婚恋网站也是非常的成功，因此征婚网站的市场前景是非常可观的。但是本网站还是一个不成熟的网站，功能较少，需要在今后不断去完善它的功能，推出更多的活动来吸引更多的用户。

37

无独有伴征婚交友网站设计与实现

参考文献

[1] 李兰友,江中,李玮.Web应用程序设计[M].北京:清华大学出版社,2006. [2] 崔洋,贺亚茹.MySQL数据库应用从入门到精通[M].北京:中国铁道出版 社,2013.

[3] Jesse James Garrett.Ajax:A New Approach to Web Applications[S/OL]. http://coureses.cs.washington.edu/courses/cse490h/07sp/readings /ajax_adaptive_path.pdf,2005.

[4] 刘中兵.开发者突击：Java Web主流框架整合开发 (J2EE+Struts+ +Spring)(第二版)[M].北京:电子工业出版社,2011. [5] 李咏梅,余元辉.JSP应用教程[M],2011.

[6] 王立峰,延伟东,章华.软件工程理论与实践[M].北京:清华大学出版社, 2003.

[7] 任永功,李风燕,孙洪雁.网站规划与网页设计[M].北京:电子工业出版 社,2003.

[8] 王珊,萨师煊.数据库系统概论（第4版）[M].北京:高等教育出版社,2006. [9] 贾庆萍.网页设计与制作实训教程[M].北京：中国广播电视出版社,2012.

[10] 赵池龙,姜义平,软件工程实践教程[M].北京：电子工业出版社,2007.

38