oracle课程设计模板.doc

信息工程学院课程设计报告课程名称： oracle数据库 课题名称： * 专业班级： 12计科 * 班 学 号： 姓 名： 联系方式：指导教师： 邢慧芬 完成日期: 年 月 日目 录第1章 开发背景及相关技术11.1 系统开发背景11.2 系统开发的目的和意义11.3 开发技术简介21.3.1 MySQL简介21.3.2 Eclipse简介21.3.3 Ajax简介31.3.4 MVC设计模式31.3.5 JSP技术简介3第2章 系统分析与设计42.1 可行性分析42.2 系统的总体需求分析42.2.1 网站页面设计42.2.2 网站功能描述52.3 网站设计指导思想62.4 数据库设计62.4.1 概念结构设计62.4.2 数据库表设计102.5 系统结构设计172.5.1 系统结构图172.5.2网站功能模块设计172.6 网站界面设计18第3章 系统的实现与测试223.1 系统的实现223.2 系统的测试32第4章 结论与展望374.1 系统总结374.2 前景展望37参考文献38第1章 开发背景及相关技术1.1 系统开发背景 Internet是一个由世界上数不清的计算机互联网络组成的、是一个覆盖全球的巨大的计算机互联网络体系，是世界范围的网络、网关、服务器的计算机集合。Internet向全世界提供信息服务，成为人们生活中不可缺少的一部分0。年轻人不仅仅是一个简单地社会组织，他们是促进这个社会进步的重要力量。社会从工业化社会进入到信息化社会，人们的生活节奏不断加快。繁重的工作使年轻人用于社交的时间变得更少，巨大的压力使人们更愿意周末的时候宅在家中，如此一来，现实的交际圈也变窄了。没有足够的交际时间和大的交际范围，未婚人士在应婚人士中所占的比例正在逐年增加。第一则征婚广告最初出现在英国，当时仅限于在报纸上传播，并不为人们所喜欢。但是随着社会的发展，征婚这一文化越来越为人们所接受，逐渐发展到有电视征婚，网络征婚等等。原本在中国也有红娘、媒婆一类的婚介，当越来越多的人从事这一行业，就出现了有婚介公司一类的机构。近几年，屏幕上也相继出现了许多知名的相亲节目，使得相亲也成为了一种流行。征婚网站满足了人们希望了解更广泛的未婚人士信息的一种愿望，具有极大的发展潜力。1.2 系统开发的目的和意义 随着计算机技术的发展，各种聊天软件被研发出来，使更多的宅男宅女们乐于宅在家中，在这些人当中，逐渐增加许多未婚人士，使得征婚网站应运而生。只要注册一个征婚网站，就能够从其中得到许多的异性信息。现在人们现实中的交际圈比较窄，亲戚朋友等所处的环境行业都有趋同性，而征婚网站上汇聚了五湖四海的未婚人士的基本信息，因此通过征婚网站来寻找交友就有了更广泛的选择。同时，征婚网站提供了许多必要的信息，往往这些信息在面对面的交谈中会比较难以询问，而通过网站了解则避免了尴尬，这是一种很大的便利。人们可以通过征婚网站进行一些简单地交流，避免了面对面交流，减少了部分人士犯罪的犯罪几率。除此之外，征婚网站的活动都是经过网络来进行的，减少了对资源的浪费，是一种健康环保的交流方式。为了保证会员之间的了解够深，网站需要对会员的个人资料充分的获取，保证好友之间的基本交流。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新闻组的讨论，修复一些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。第2章 系统分析与设计2.1 可行性分析可行性分析是指根据一个网站的主要内容和配套条件对其进行合理的分析与预测，分析其中所提出的问题是否值得去解决，在技术上可否实现，在经济上是否值得去投入研发，是否具有开发的前景，同时预测在开发出来投入使用后对社会所产生的影响是不是有利的。以下是从技术可行性、经济可行性、风险可行性、社会影响可行性等方面进行分析。技术可行性：本网站采用的是Web开发比较简单基础的几种技术，是基于JSP+JavaBean+Servlet的三层架构，使用的是MySQL数据库，因此技术上是可以实现的。经济可行性：网站的构建一般都不需要花费太多的人力和物力，本网站主要功能是实现征婚交友，让会员通过网站可以互相交流了解，无需花费太多。风险可行性：现在的征婚网站比较流行，有不少成功的案例，未婚人士逐年增加，也为征婚网站打开了市场，并且经济上无需过多支出，因此风险比较小。社会影响可行性：征婚网站可以帮助一部分应婚的未婚人士脱离单身，让注册网站的会员有更广泛的选择，促进了不同地区的交流，同时也减少了见面时可能发生的犯罪事件。综上所述，本网站的可行性已明确研究，是有可行性的。2.2 系统的总体需求分析需求分析的目的是为了系统开发人员能够更清楚地了解系统需求，为计划迭代的技术内容提供基础0。因此需求分析十分重要。2.2.1 网站页面设计网站的页面总体是采用CSS样式表进行设计，中间嵌入一些表来进行排版。页面的基色是粉色，除去登录注册以外，每个页面的首部是网站的名称以及导航，导航中分五个模块，分别是首页，我的空间，情侣动态，好友动态以及交友速配。其中，首页分上中下三个部分，上部是用户的基本信息，动态图片以及查找，中部是显示几个情侣动态，下部是会员推荐；我的空间中包括的都是个人信息，在头部的下面分为左右两个部分，左边是导航部分，右边显示具体的信息；情侣动态和好友动态以及交友速配是以表格的形式显示的。2.2.2 网站功能描述本网站主要包括五个功能模块，分别是登录注册模块， 个人空间模块，好友动态模块，情侣动态模块，交友速配模块，管理员模块。以下是对五个功能模块的详细描述。1.注册登录模块本模块主要包括注册登录，非会员用户仅仅能够浏览首页以及部分情侣动态，会员注册后为普通会员，其等级为0。会员登录网站后，可以通过充值升级的方式进行升级，不同等级的会员拥有不同的权限。2.个人空间模块本模块实现的功能针对所有的会员，有查看和修改个人的基本资料以及详细资料，详细资料中包括生活习惯，工作情况，外型体型和个人的择偶条件，在我的空间中能够对这些信息进行查看和修改操作。同时，我的空间中可以查看到我的好友，并对这些好友做出一些相应的操作，例如查看好友空间等等。除此之外，本模块中会员能够发表一些自己的日常动态和照片，如果感觉自己发表的内容欠妥，也可以删除自己曾发表的内容。最后，在我的空间中，会员还能查询好友给自己的留言，以进一步加深与好友的沟通。3.好友动态模块点开好友动态模块，就能够查看到自己所有的好友发表的心情动态，可以点击右下角的小图片给好友的文章点赞。点击左上角的会员昵称，就能够进入到该好友的空间中，首先看到的是好友的个人资料，包括基本资料和详细资料，接下来可以查看该好友所发表的所有动态以及照片。当打开留言箱时，不仅能看到该好友的所有好友留下的留言，自己也能够给该好友留言，对于自己的留言，同样也能做删除操作。在好友动态模块只有银牌以上的会员才能够进入，因为只有银牌以上的会员才拥有添加好友的权限。在进入好友空间之后，银牌会员仅仅能够看到该好友的基本信息，当升级成为金牌会员时，方可看到好友的联系方式以及其他的详细资料。如果好友选择将个人信息保密，那么仅仅只有钻石级会员可以看到好友的个人资料。4.情侣动态模块本模块中包含了本网站中所有成功牵手的情侣的动态，刚点开时是一个大概的浏览，点击查看成功故事后，则可以看到该会员发表的详细的故事。5.交友速配模块本模块是根据会员填写的择偶条件表中的择偶条件或者是会员在页面中填写的择偶条件，在页面上以表格形式显示查询出的相应记录。如果会员是银牌以上的会员，能够执行添加好友的操作。当点击添加好友时，需要填写好友验证信息并发送给该好友。如果该好友选择“同意”，则两人成为好友，如果选择“拒绝”，则系统自动给会员回复拒绝消息。同样会员能够选择“继续添加”或者“忽略”该信息。6.管理员模块 登录时，系统会对会员的类型进行判断，如果type=“2”时，则是管理员，登陆后进入管理员的界面。管理员界面有两大功能，一个是对网站的会员进行数字统计，同时查看会员的基本信息。另一个功能是对成功会员的统计，分析会员的学历、月薪以及有无头像等方面，给出成功率较高的会员的特征分析。 2.3 网站设计指导思想1. 软件工程的思想本网站从最初的设计到后面的实现基本上是依据软件工程的一个思想，它实现的一个过程是先开始需求分析，明确了网站需要实现的功能模块，其次是对网站进行数据库的设计，界面设计等等概念上的设计，之后就是对网站功能的具体实现，最后则是对网站的测试，当发现有问题时，及时对网站做出修改。总的来说，网站设计的主要任务包括：网站架构设计，以浏览器为客户端的Web应用程序开发，系统测试及网站发布等0。2. MVC设计思想在MVC实例中，外部世界的模型以及反馈给用户的视图都被明确的分离开来，每一个部分有着不同的任务。视图管理的是图片以及文本输出在位图现实中的比例，即网页中的界面显示。控制器是控制由页面传来的请求的处理，并调用模型中的方法。模型是应用程序的主体部分，它基本包括了网站中所有实现的方法。2.4 数据库设计 2.4.1 概念结构设计概念模型用于信息世界的建模，是现实世界到信息世界的第一层抽象0。它是数据库设计人员进行数据库设计的有力工具0。同时也是数据库设计人员和用户之间进行交流的语言0。因此概念模型一方面应该具有较强的语言表达能力，能够方便、直接地表达应用中的各种语义知识，另一方面它还应该简单、清晰、易于用户理解。基于无独有伴征婚网站的主要实体图和E-R图如下：省份月薪学历城市身高头像出生日期 出生月份升级日期 出生年份用户注册日期婚姻状况成功日期电话邮箱性别类型等级密码昵称图1 用户基本信息实体图银行卡密码充值金额余额卡号持卡人图2 银行卡实体图好友关系好友昵称会员昵称图3 好友关系实体图验证消息消息类型接收者发送时间发送者消息内容图4 验证消息实体图会员昵称是否吸烟是否保密是否饮酒经济观念锻炼情况 宠物生活习惯饮食习惯家务分配购物习惯会家务否时间作息最大消费人际关系图5 生活习惯实体图情侣动态发布人 标题发布日期 正文 图片图6 情侣动态实体图留言接受者留言标题留言者留言内容留言时间图7 留言实体图动态文章 差评发布人 好评 标题发布时间 正文图8 动态文章实体图 照片照片路径会员昵称图9 照片实体图是否保密会员昵称工作家庭工作情况职业职位海外工作公司行业工作调动公司类型工作状态福利待遇图10 工作情况实体图游客留言好友动态照片NNM1M发表管理发表注册1速配11111111升级升级金牌会员银牌会员普通会员1N1M1升级管理保密资料1N1管理管理1查看个人资料钻石会员M1M11管理管理管理员1图11 网站E-R图2.4.2 数据库表设计通过对本网站功能的分析可得如下的数据库信息：（1） 用户表user：此表中保存了注册本网站的会员的基本资料信息，主要包括昵称，密码，性别，电话号码，邮箱，婚姻状况，出生年月日，身高，学历，月薪，所在地，头像，类别等信息，具体表结构如表1所示。（2） 银行卡表bankcard：此表中保存了会员的充值信息，主要包括了会员绑定的银行卡号，支付密码，充值金额，银行卡余额，会员昵称，具体表结构如图2所示。（3） 好友表friends：此表保存的是会员之间的好友关系，主要包括会员的昵称，对应该会员的好友的昵称，具体表结构如表3所示。（4） 验证消息表friendvalid：此表保存的是添加好友时所产生的验证消息的内容，主要包括接收者，发送者，消息内容，发送时间，消息类型，具体表结构如图4所示。（5） 生活习惯表life：此表中保存了会员的一些详细的生活习惯，主要包括昵称，是否吸烟，是否饮酒，锻炼情况，饮食习惯，购物习惯，作息时间，最大消费，是否会家务，对家务分配的看法，对宠物的态度，经济观念，具体表结构如表5所示。（6） 情侣动态表lovers：此表保存的是成功牵手的会员发表的成功故事，主要包括发表人，标题，正文，图片，发表日期，具体表结构如表10所示。（7） 留言表message：此表保存的是会员给其好友的留言，主要包括留言标题，留言正文，留言时间，留言者，接收者，具体表结构如表9所示。（8） 动态表particle：此表保存的是所有会员发表的心情动态，主要包括标题，正文内容，发布时间，发布人，好评，差评，具体表结构如表7所示。（9） 照片表photo：此表保存的是所有会员发表的照片，主要包括会员的昵称，照片的名称，具体表结构如表8所示。（10） 工作情况表work：此表保存了会员工作的一些具体情况，主要包括昵称，工作职位，工作行业，公司类型，福利待遇，工作状态，是否有调动工作的可能，是否有到海外工作的可能性，还有就是家庭与工作将会如何平衡，具体表结构如表3所示。（11） 外貌体型表appearance：此表保存了会员外貌体型的具体细节，主要包括昵称，体重，体型，脸型，眼型，眼色，发色，发型，发长，皮肤类型，肤色，健康状况，具体表结构如表4所示。网站数据库表结构如下：表1 用户表字段名类型是否允许空备注说明userNameVarchar(255)No昵称passwordVarchar(255)No密码sexVarchar(10)Yes性别telphoneVarchar(20)Yes电话emailVarchar(255)Yes邮箱 续表1IsMarryVarchar(20)Yes婚姻状况yearInt(10)Yes出生年份monthInt(10)Yes出生月份dayInt(10)Yes出生日期heightVarchar(10)Yes身高educationVarchar(60)Yes学历salaryVarchar(100)Yes月薪cityVarchar(255)Yes所在城市headVarchar(255)Yes头像provinceVarchar(255)Yes所在省份gradeInt(11)会员等级“0”表示普通会员，“1”表示银牌会员，“2”表示金牌会员，“3”表示钻石会员typeInt(11)No用户类型“0”表示单身的会员，“1”表示牵手成功的会员，“2”表示管理员registdatedateNo注册日期upGradeDatedateNo升级日期successdaydateNo成功日期 表2 银行卡表字段类型是否允许空备注userNameVarchar(255)No持卡人cardVarchar(255)No银行卡号pwdVarchar(255)No支付密码moneyInt(11)Yes充值金额remainInt(11)Yes余额表3 好友表字段类型是否允许空备注userNameVarchar(255)No昵称friendNameVarchar(255)No好友昵称表4 验证消息表字段类型是否允许空备注reciverVarchar(255)No接收者senderVarchar(255)No发送者validMessagetextYes消息内容timedatetimeYes发送时间typeInt(11)No消息类型 表5 生活习惯表字段类型是否允许空备注userNameVarchar(255)No昵称somkeVarchar(255)Yes是否吸烟drinkVarchar(255)Yes是否饮酒exerciseVarchar(255)Yes锻炼情况foodVarchar(255)Yes饮食习惯shoppingVarchar(255)Yes购物习惯shceduleVarchar(255)Yes 作息时间relationshipVarchar(255)Yes交际圈maxExpenseVarchar(255)Yes最大消费housworkVarchar(255)Yes是否会家务hwAllocationVarchar(255)Yes对家务分配的看法petVarchar(255)Yes对宠物的态度encoNotionVarchar(255)Yes经济观念表6 情侣动态表字段类型是否允许空备注usernameVarchar(255)No发布人titleVarchar(255)Yes标题contenttextNo正文imageVarchar(255)Yes图片datedatetimeYes发布日期表7 留言表字段类型是否允许空备注mtitleVarchar(255)Yes留言标题mcontenttextNo留言内容mtimedatetimeYes留言时间muserVarchar(255)No留言者userVarchar(255)No接收者表8 心情动态表字段类型是否允许空备注titleVarchar(255)Yes标题contenttextNo正文内容pubtimedatetimeYes发表时间pubUserVarchar(255)No发布人praiseInt(11)Yes好评fallInt(11)Yes差评表9 照片表字段类型是否允许空备注userNameVarchar(255)No昵称photoVarchar(255)No照片名称表10 工作情况表字段类型是否允许空备注userNameVarchar(255)No昵称positionVarchar(255)Yes职业职位industryVarchar(255)Yes公司行业comTypeVarchar(255)Yes公司类型welfareVarchar(255)Yes福利待遇workStateVarchar(255)Yes工作状态tansferWorkVarchar(255)Yes调动工作可能性workOverseaVarchar(255)Yes海外工作可能性woFaVarchar(255)Yes家庭事业平衡性表11 外貌体型表字段类型是否允许空备注userNameVarchar(255)No昵称weightInt(11)Yes体重sizeVarchar(255)Yes体型faceVarchar(255)Yes脸型eyesVarchar(255)Yes眼型eyesColorVarchar(255)Yes眼色hairColorVarchar(255)Yes发色hairStyleVarchar(255)Yes发型hairHeightVarchar(255)Yes发长skinVarchar(255)Yes皮肤类型skinColorVarchar(255)Yes肤色healthVarchar(255)Yes健康状况2.5 系统结构设计 2.5.1 系统结构图本网站的系统结构图大体如图12所示。本网站仅仅分为未注册的普通用户和已注册的会员，普通用户的权限十分有限，只能够进入首页和查看情侣动态。而会员几乎拥有所有的权限，可以实现交友的所有功能，同时可以管理自己的个人资料等等。具体框架如下图：无独有伴征婚网普通用户管理员普通会员银牌会员金牌会员钻石会员会员信息统计成功会员统计分析个人资料管理发表动态照片发布成功故事查找好友添加好友查看好友基本信息及好友动态查看好友联系方式查看好友非保密详细资料给好友留言查看好友保密的详细资料图12 无独有伴征婚网站系统结构图2.5.2网站功能模块设计 1.登录注册模块（1）注册：当用户选择注册时，首先注册一个昵称和账号，选择快速注册，跳转到下一个页面时，用户可以选择是否完事个人的基本资料，如此，才算注册完成。（2）登录：会员输入正确的昵称和密码即可登陆本网站，登陆之后首先到达的页面即是首页，如果是管理员，则跳到管理员的界面。2.我的空间模块（1）个人资料：会员点击导航部分的我的空间即可进入个人基本资料的页面，在左边的导航部分能够查看填写个人的详细资料。（2）好友动态：此功能针对银牌以上会员能够查看会员的所有好友，在查看好友的同时，还可以进入好友的空间，银牌会员仅仅能够查看好友的基本信息，金牌可以进一步了解好友的信息，包括好友的联系方式，详细资料，如果好友的资料选择了保密，那么就只有钻石级会员能够看到。除此之外，会员能够删除好友。（3）个人动态：此部分包括会员发布心情动态和平时的照片，发布的同时也能看到以前自己所发布的内容，对于自己不满意的内容或照片可以实行删除操作。（4）留言箱：此部分会员能够查看到所有的好友给自己的留言。（5）发布成功故事：若是会员牵手成功，可以在自己的空间中分享自己的故事。3.好友动态模块（1）好友心情动态：此部分的内容是该会员所有的好友发布的内容，按时间排序，会员能够给好友的动态好评或差评。（2）好友资料：此部分是显示好友填写的所有个人资料，以方便好友之间的了解，当然，不同等级的会员所了解的信息是不一样的。（3）留言箱：金牌以上会员能通过这个部分给自己的好友留言。4.情侣动态模块此模块就是显示成功牵手的会员发表的故事，包括内容和图片。5.交友速配模块此模块根据会员填写的择偶条件表从数据库中查找出符合条件的会员，并推荐，银牌以上的会员可以添加推荐的会员为好友，然后给好友发送验证消息。6.管理员模块此模块有两个功能，一个是统计所有注册的会员人数，另一个是对成功会员的统计与分析。 2.6 网站界面设计网站是由多个有序的网页构成的，网页由文本、图像和动画、声音和视频、超级链接、表格、表单等基本元素构成0。本网站的页面是采用的JSP页面，通过CSS语言样式表赋予了网页文字更多的属性，使用CSS样式表与表格结合实现了网页的布局。界面就是网站给浏览者的第一印象，往往决定了网站的观赏性。设计网站界面最主要的是栏目与板块编排，其需要注意的是：（1） 尽可能删除那些与主题无关的栏目0。（2） 尽可能将网站内最有价值的内容列在栏目上0。（3） 尽可能从访问者角度来编排栏目以方便访问者的浏览和查询0。1. 网站首页 网站首页如图13所示：图13 无独有伴征婚网首页2.登录界面网站的登陆界面有两个输入项，分别是用户的昵称以及密码，当用户输入昵称及密码时，会通过JQuery进行验证输入的正确性，同时表单提交给后台的Logindo.java,在servlet中会验证该用户名和密码是否正确，若正确，则允许登录，否则，刷新登录页面，提示用户名错误。本网站的登录界面如14所示：图14 无独有伴征婚网登录界面3. 登录界面测试测试用例：用户名：xia 密码：123456，测试结果如下：图15 登录页面测试登录之后用户会直接进入到网站首页，首页的右上角在未登录时显示的内容如图16，登录后如图17所示： 图16 登录前 图17 登录后第3章 系统的实现与测试此网站使用的是JSP技术和MySQL数据库。系统主要实现的是需求分析中提出来的功能模块以及对各模块的整合，还有网页页面的设计。在实现代码之后需要对网站进行测试，以保证在交付之后能够正常运行，以下是对本网站的实现以及测试。3.1 系统的实现1. 个人空间模块 从首页的导航部分点击“我的空间”即能进入个人空间模块，个人空间模块的页面布局是分为三个部分，头部引用的是head.jsp文件，这也是整个网站的头部，头部下方分为左右两个部分，左边的上部是显示的会员的头像、昵称等等，下部是导航菜单，也是个人空间中会员所能做的全部操作。右边的部分主要是显示相对于左边导航菜单中每一项的详细内容。如图18，图19显示的是进入个人空间时首先显示的内容，即个人基本资料，实现导航菜单的是通过CSS和JS结合，在left.jsp中实现，部分代码如下：基本资料 基本资料 修改密码图18 个人资料上部图19 个人基本资料下部点击左边导航菜单中的“详细资料”，会弹出下拉菜单，然后点击“生活方式”，即进入如图20所示的界面。图20 生活方式页面在图19显示的界面最下方有修改和重置两个按钮，会员可以对自己的个人资料进行完善补充，然后点击“修改”，通过UserSe.java中的change()方法，则会弹出如图21所示的对话框，当点击确定后，即修改成功，那么该页面显示修改后的内容。生活方式这部分功能是由life.jsp和UserSe.java中的add1（）方法实现的，部分代码如下所示： 会不会家务： 不会 会一点 精通图21 修改个人信息页面在详细资料下的下拉菜单中包括生活方式，工作情况，外貌体型，择友条件四个部分，后面的三个部分所显示的页面与生活方式类似，操作也与生活方式相同。2.好友动态模块在详细个人资料之后是好友动态，点击“好友动态”，出现下拉菜单，内容包括我的好友，点击“我的好友”，进入如图22的界面，显示我的所有好友。图22 我的好友界面点击“他/她的空间”即可进入该位好友的空间查看该好友的一些信息，该部分显示的代码主要是在finformation.jsp中，如图23是该好友的个人资料。图23好友个人资料界面好友空间的布局与个人空间的布局是一样的，只是左边导航菜单的内容不一样，好友空间的导航内容包括好友的个人资料，好友的动态，以及留言箱。好动态中又包括好友的心情动态和照片，点击“心情动态”所显示的页面如图24显示。 图24 好友心情动态界面如图24所示，每页可以显示五条好友动态，好友动态超过五条可以点击下一页，显示后面的内容，如图25所示。图25 好友动态第二页当点击导航菜单中的留言箱时，可以看到该好友的所有好友给他的留言，同时也可以给该好友留言，留言箱界面如图26所示。图26 好友留言箱界面实现留言的代码在pmessage.jsp中，它是一个表单，用户填写后提交到后台的servlet，然后调用JavaBean中的message（）方法来实现。点击“我的空间”，返回个人空间，在我的好友界面还可以在对好友执行删除操作，同样的，在个人空间中，当然少不了个人动态和照片的发布，这两部分功能都在“发布动态”菜单栏下，晒照片的界面如图27所示，在该页面中，除了发布照片，也可以看到自己所有发布的照片。发布照片是由页面提交表单给后台Article.java，然后调用ArticleDB.java中的upphoto(username,image)方法实现。图27 晒照片的界面个人空间的留言箱界面与好友空间的留言箱界面相似，只不过显示的是自己所收到的留言，并可以点击回复，跳转到该好友的留言箱给予回复。3.情侣动态模块最后一项功能是发布成功故事，牵手成功的情侣可将自己的故事与他人分享，当会员发表了成功故事后，他的用户类型会修改为“1”，从而不会再推荐给其他用户。通过点击头部的导航“情侣动态”，能够查看到本网站所有的情侣发表的故事。界面如图28所示。 图28 情侣动态界面点击看看他/她的成功故事，就能够看到更多关于该会员的恩爱事迹。4.交友速配模块点击交友速配，即进入choosef.jsp页面，跳转到如图29所示的界面。填写择友条件，点击“提交”，后台的servlet中调用choosef()方法实现。如果查询失败则如图30所示，查询成功结果如图34所示。图29 交友速配界面 图30 未查询到结果的界面图31 查询成功后的页面如图21所示，如果会员希望添加查询到的某人为好友，则可以点击“添加好友”，如果会员是银牌以上的级别，则进入friendvalid.jsp页面，如图32所示。发送验证消息后经过后台servlet中friendvalid()方法调用FriendDB.java中的addFriendValid()实现。部分代码如下所示： FriendDB db=new FriendDB();if(!db.isExitFriendValid(username, friend)trydb.addFriendValid(username,friend,validmessage,date,type);out.flush();out.print(alert(发送成功);window.location.href=index.jsp;);图32 验证消息页面发送验证消息后，收到验证消息的用户在登录后的首页上会有提示，如图33所示，用户点击“验证消息”即可对验证消息做出处理。图33 会员收到验证消息的提示如图8所示，在首页中有查找好友的功能，点击根据地区和年龄查找好友中的“查找好友”，即跳转到如图34的界面，其中年龄的范围是必须输入的，因此其后有一个提醒的红色星号*，如果未填，则无法进行查找。图34 查找好友界面5. 管理员模块在登录时，用管理员的账号登录后会跳到管理员的界面，如图35所示。图35 管理员界面点击会员人数统计，并选择要统计的时间段，就会进入merber.jsp,跳转到如图36所示界面，得到所有会员人数的一个统计。图36 会员统计界面管理员点击表格第一行中的会员类型，如“普通会员”即可查看该类型所有会员的部分信息。如图37所示。图37普通会员的部分信息在图35中，点击“成功会员统计分析”进入analyze.jsp，跳转到如图38所示的界面，显示的是成功会员的部分信息，并且在表格的下面给出针对成功会员成功特征的一些分析。图38 成功会员统计分析6. 登录注册模块当会员登录时忘记密码，可以通过如图14中的“忘记密码”找回，点击“忘记密码”进入如图39所示的界面。图39 忘记密码界面3.2 系统的测试软件测试分类即为软件测试技术的分类，它有好几种类型，包括动态测试，静态测试，黑盒测试，白盒测试等等，其中黑盒测试就是只知道软件的外部情况，根据其界面和接口对软件进行测试，主要关注系统功能的实现10。本文中对网站采用黑盒测试的方法，验证网站是否能达到预期的功能。1.根据昵称查找好友功能测试用例1：要查找的会员昵称：黎娜。预期结果：显示查找到的会员的基本信息。测试结果：成功查找到昵称为“黎娜”的会员，如图40所示。测试用例2：要查找的会员昵称：李阳。预期结果：显示查找到的会员的基本信息。测试结果：查找失败，如图41所示。失败原因：数据库中暂无该会员信息，因此查询不到。图40 根据昵称查找好友成功的结果图41 根据昵称查找好友失败的结果2.添加好友测试测试用例1：根据上个测试成功的结果，点击右边的“添加好友”。预期结果：添加好友成功，会员黎娜收到好友验证消息。测试结果：添加失败，如图42所示。失败原因：普通会员没有添加好友的权限。测试用例2：会员升级后重新添加好友黎娜。预期结果：黎娜收到验证消息。测试结果：黎娜收到验证消息，如图43所示。图42 好友添加失败图43 验证消息测试用例3：如图43所示，黎娜同意添加对方好友，点击“同意”。预期结果：添加好友成功，lili收到成功消息验证。测试结果：添加好友成功，如图44所示。图44 好友添加成功测试用例4：如图43所示，