基于.NET在线交友网站系统的设计与实现

摘 要

Internet在今天已经渗透到人们日常学习、生活、工作的各个方面，越来越多的人每天都要在互联网上发布和获取信息。计算机应用技术的日益成熟进一步给互联网的无限空间。一方面使网站用户能够获取到更丰富的信息与服务，一方面却也给人们对于如何更方便地获取自己真正想要的内容带来了很大困扰，用户要求越来越高，希望网站能够尽量智能化地了解自己的需求，帮助个人得到适应性的信息和服务。

本网站遵循网站开发生命周期法和结构化方法，基于.NET技术设计并实现了一套基于Web的在线交友网站。该网站基于B/S（浏览器/服务器）模式，采用了C#语言开发，选择了SQLServer数据库。在线交友网主要实现了系统用户管理、站内新闻管理、学术交流管理、所有日志管理、资料共享查询、联谊信息查询、系统管理等功能模块。

关键词：在线交友，数据库，asp.net，B/S架构

第一章 绪论

1.1 课题背景

历年来，国外以Facebook为代表的社会性网络服务网站越来越流行起来，中国的网络发展迅速崛起，一大批互联网创业者争先恐后地挤进这发红发紫的科技范围。最先，网民们的积极使用结果让开发管理者和入股人高兴至极，越来越多的网民跃跃欲试地去使用网上社交网络的游戏，嗜此不疲，甚而沉醉。不过在社交网络的游戏带给网民的好奇劲慢慢退去，国内的社会性网络服务开发管理者们仿佛正无法补救即将失去的用户。从史至今，本国的社交网络平台基本都是寄托在社会性网络服务绑定社交游戏的变化形式招揽用户的。基本就是一层不变的形式。因为对于社交网络平台核心观念的模棱两可，导致越来越多的用户失去。Facebook的成功最大的关键是其主要的就是社交网站的核心观念——社交，即人际网络关系，经过各类APP不但将实际价值延长到网络，而且这样的社会交际关系越加在网络平台上与日俱增。不但产生了寄托于网络的人际关系，而且使用的用户数也增加到一个新的台阶。从现在的状况看来看，中国的社会性网络服务，依旧徘徊在玩玩游戏，转发帖子，各种看着没啥用，但是还得有的部分，社交关系依旧只是实际生活当中的延伸，并没有增加新样式，如果社交网络依旧不进行改变，形式上又停滞不前，再结合收益形式的模棱两可，国内的社交性网络服务会每况愈下，直至退出网络平台。

1.2 目的和意义

按照目前网络科技的持续成长得状况来看，网络现已变成我们了解一些实时消息的最有用的渠道，经过在网络上进行结交朋友俨然变成一种全新形式的社会交际关系，高等院校学生是个相比较别具一格的大集体，往往对于生成的新鲜事物容易上手，况且生成的新鲜事物时不时的会感染到这些学生的实际生活当中、在社会的人际交往关系中，乃至对他们人生这段道路当中的人生观、世界观、价值观等全能产生重大作用。在线交友网站系统是把日常生活当中的认识和结交好友与电脑互联网功能绑定的的一种全新形式的交换消息的方式方法，是如今世界里在技术创新中一个相当活跃并且还存在相当强有劲的生命力的技术使用规模，并且还是信息在社会下的产生物，通过目前的网络平台上看起来已存在部分比较日常见到的结交好友网站，例如全城热恋、完美告白、百合网等，基本是我们经常看到的与婚姻恋爱相结合的结交好友网站，还有亿友网和校内网提供了一个很好的网上交友平台，这些基本都是在现今高效率高节奏高压力的生活当中加强了社会中人们之间的相互交流，为和平发展和谐的社会提供重大贡献。

通过网络服务平台，五湖四海的人，无论是上班族，还是大学生都可逾越过跨时间跨种族跨地域进行网络服务平台的学习及交流。创出一个安全性高的、真实靠谱的、完全开放的、单纯干净的纯聊天交友的交友网站系统，为想要结交好友的人群提供一个操作容易的、页面好看的结交好友场所。

1.3 国内外研究现状

就现在来看，中国和外国的社会性网络服务平台的发展形式越来越好，并且越加的形成，对使用者的感受越加重视，还会进行相应的更改。例如在中国相对比较好的社交网络平台有腾讯微博，人人网等。比如说腾讯微博，它不仅为使用者提供了网站上的最新信息的获取，而且还大大方便了使用者在社交的时候更能简单明了的沟通。而人人网基本上都是要求实名制的，使用者寻找好友可以缩小范围，在这个范围中根据自己的兴趣可以更加快速地找到好友。这些都不同程度地增强了使用者的社交体验。

依据国外数据来看，在过去的半年里，Tumblr的用户积极使用数现已经增长了120%，已经超过了Instagram被称为增长速度最快的社会交往平台。同时Instagram的用户积极使用数增长率只有64%，甚至低于Pinterest的111%，排在社会交往产品的第三位。Facebook的用户积极使用数增长率仅仅是2%。不过，所有社交网络在Q2和Q3期间用户积极使用数均有不同程度地增加。就从目前总用户数的增长来看，排在第一名的竟是Pinterest,Tumblr仅仅排名第二。

1.4 组织结构

本文针对一个基于C#语言的小型的在线交友网站的设计和开发。

第1章为绪论，此章节介绍简单介绍了的课题背景、研究的目的和意义、国内外研究的现状。

第2章为系统的开发语言、工具与环境，此章节介绍了设计的语言，还有网站所需要的运行环境，还有后台支持。

第3章为需求分析和总体设计，分析了网站的需求分析，按照需求分析将功能进行划分。

第4章为系统数据库设计，介绍数据库的概念结构设计逻辑结构设计以及物理结构设计的实现。

第5章为详细设计与实现，此章节介绍各个功能模块的设计与实现。

第6章为系统的测试，测试网站的安全性，严谨性。

最后是结论，致谢与参考文献。

第2章 系统的开发语言、工具与环境

2.1 C#语言

C#是微软公司发布的一种完全面向对象的、运行于.NET Framework和.NET Core(完全开源，跨平台)之上的高级程序设计语言。它是微软公司为了配合.NET战略推出的一种编程语言。它的语法和传统的C或C++差不多。适合做快速开发，如Windows系统下的中小型企业项目、小工具、游戏、桌面开发（播放器、音乐、截图工具、图片查看器、计算器）等。学习起来难度比较小，容易掌握。

2.2 SQL Server2008

SQL Server 2008在Microsoft的数据平台上发布，越加的方便快捷，对于数据的处理是更加的安全。是一个性能强大并且安全性高的数据管理系统，SQL Server 2008功能非常全并且非常丰富，不但可以使数据不能丢失还能减少冗余，还可以改良完善嵌入式APP、中小型网站和APP，还可以对本地数据存储的性能进行改良完善，使其变得更好。为任何规模的APP提供完善的信息平台。可用于管理的、熟悉的自服务商业智能工具。此版本增强了开发能力，提高了可管理性，强化了商业智能技术局仓库。

2.3 Microsoft Visual Studio2010

在线交友网站的开发采用的是Microsoft Visual Studio2010，是微软目前杰出代表之一，Microsoft Visual Studio2010版本在创建、调试和部署应用程序的基本任务上由复杂化变得简单化，我们可以尽力的发挥我们的想象力并轻松实现我们的目标。此版本软件是至今为止最受欢迎的Windows平台应用程序开发环境，支持最新的一代编程体系基础架构，同时还兼容.NET Framework 2基础架构，若没有此基础架构，那么系统无法运行。支持64位Windows系统和多显示器，方便我们按照自己的需求进行设计与开发。

2.4 ASP.NET

ASP.NET是微软的ASP是一种动态网页技术，开发网站容易方便快捷。而且学起来更加的容易。是一种服务器端脚本编写环境。.NET平台语言包含多。相比JAVA更容易上手。用ASP开发网站更简单。ASP.NET又叫ASP+，是asp的一种升级，建立强大的Web应用程序，适用于PC以及移动设备所需的基础设施和各种服务。

ADO.NET提供了三种方法连接到该数据库：（1）通过ODBC连接。（2）由一个无赖相连接。（3）直接连接到SQL Server。

2.5 系统运行环境

（1）操作系统：Windows 7

（2）软件工具：Microsoft Visual Studio 2010

（3）数据库：Microsoft SQL Server 2008

（4）浏览器：适用于任何浏览器

（5）其它

登录地址：http://localhost:2032/交友/Default.aspx

用户：

管理员：账号：wkh 密码：123

会员：会员用户名：cindy密码：123

第3章 需求分析与总体设计

3.1 需求分析

为了满足广大用户结交好友的需求我开发了这个在线交友网站，本网站包括未注册用户、普通用户和管理员三个角色，未注册用户只能查看站内新闻，、联谊信息、好友留言等功能；用户登录系统实现了个人资料管理、我的日志管理、我的相册管理等；管理员登录系统实现了系统用户管理、站内新闻管理、学术交流管理、所有日志管理、资料共享查询、系统管理等功能模块。具体的功能需求有如下方面。

本网站设计的用户角色共有三个分别是未注册用户、普通用户、后台管理员。

未注册的用户：实现在第一时间内显示部分网站推出的站内新闻、友情链接、学术交流、联谊信息等，可以按照分类搜索相关标题、学术交流等。

普通用户：用户需要注册，成功后登录，可对个人资料管理模块进行修改，我的日志模块进行查找，添加，修改和删除，我的相册管理模块进行添加，修改和删除，资料共享管理模块进行查找，添加，修改和删除，联谊信息管理模块进行查找，添加，修改和删除，学术交流管理模块进行查找，添加，修改和删除，难题求解模块进行查找，添加，修改和删除，我的好友管理模块进行查询，修改，添加和删除，最后可退出系统。

后台管理员：管理员登录后，可对系统用户管理模块进行修改密码，管理员添加，查询和删除及对注册用户是否通过审核，站内新闻管理模块进行查询，添加，修改和删除，学术交流管理模块进行查找，添加，修改和 删除，所有日志管理模块进行查找，修改和删除，资料共享管理模块进行查找，添加，修改和删除，联谊信息管理模块进行查找，添加，修改及删除，系统管理模块主要包括友情链接添加、友情链接查询、系统公告设置、系统简介设置、留言管理、数据备份等功能子模块，实现管理员对友情链接、系统公告、系统简介等信息的查询、添加、删除、修改以及对留言信息的查看、回复和数据备份的功能以及修改密码功能。

3.2 功能模块分析

本人设计的在线交友网站是由首页显示部分网站推出的站内新闻、友情链接、学术交流、联谊信息等相关信息及后台管理员管理两部分组成。

（1）系统前台功能：

系统主页面：实现在第一时间内显示部分网站推出的站内新闻、友情链接、学术交流、联谊信息等，可以按照分类搜索相关标题、学术交流等。

用户注册：用户需要填写用户名，密码（字母或数字），确认密码（字母或数字），姓名，电话（手机或电话格式），邮箱（电子邮箱格式），QQ，上传头像，籍贯，地址，选择性别和备注，最后点击注册按钮，若格式错误，则注册失败。

个人资料管理：用户登录成功后，还是在网站首页，点击个人后台后，可对个人资料进行修改，但用户名不得修改，密码，姓名，电话，邮箱，QQ，头像，籍贯，地址，性别和备注都可修改。

我的日志管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行对我的日志的查询，添加，修改和删除。

我的相册管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行对我的相册的查询，添加，修改和删除。

资料共享管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行资料共享的查询，添加，修改和删除。

联谊信息管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行联谊信息的查询，添加，修改和删除，对社团交流的添加，查询，修改及删除。

学术交流管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行学术交流的查询，添加，修改和删除。

难题求解管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行难题求解的查询，添加，修改和删除。

我的好友管理：用户登录成功后，还是在网站首页，点击个人后台后，可进行我的好友的查询，添加，修改和删除，对方请求好友的查询，修改及删除。

退出系统：用户是有网本网站后，必须退出登录，防止被他人盗取信息。

（2）后台管理

系统用户管理：后台管理员登录成功后，可以修改密码，管理员添加，管理员查询及删除和注册用户是否通过审核。

站内新闻管理：后台管理员登录成功后，可以进行站内新闻添加，查询，修改和删除。

学术交流管理：后台管理员登录成功后，可以进行对所有学术交流查询，修改和删除。

所有日志管理：后台管理员登录成功后，可以进行对所有日志的查询，修改和删除。

资料共享管理：后台管理员登录成功后，可以进行资料的查询，添加，修改和删除。

联谊信息管理：后台管理员通过登录之后，可以进行联谊信息的查询，添加，修改和删除。

系统管理：管理员登录实现的功能，主要包括友情链接添加、友情链接查询、系统公告设置、系统简介设置、留言管理、数据备份等功能子模块，实现管理员对友情链接、系统公告、系统简介等信息的查询、添加、删除、修改以及对留言信息的查看、回复和数据备份的功能。

修改密码：此部分的功能是对已存在的管理员的登录密码进行更改。

退出系统：网站后台管理员对于整个网站的维护与管理是一份重要的工作。在对网站的管理完事以后，必须退出系统，防止他人盗取用户名和密码对网站进行串改。

3.3 系统功能模块图

3.3.1 功能模块图

在线交友网站的总体功能模块图，如图3.1所示。

图3.1 总体功能模块图

3.3.2 流程图

（1）前台流程图

未注册的用户只能浏览首页的站内新闻，联谊信息，在线留言，用户展示，学术交流，当未注册用户想要在线交友时，需要选中用户头像并点击查看详细信息，系统会提示你注册或登录，如果用户没注册过，就必须先注册，等管理员审核过了，方可登录。登录后方可继续加好友，进行交友。前台流程图如图3.2所示。

图3.2 前台流程图

（2）用户登录功能

在网站首页左下角会有个登录界面，当输入用户名、密码和验证码后单击登录按钮后，系统会查询后台数据库是否有此用户名密码，如若没有，系统会弹出一条消息显示没有注册或未通过审核，如果输入的密码不正确，则提示您用户名或密码不正确，如果密码输入正确且验证码正确则登录成功。用户登录流程图如图3.3所示。

图3.3 用户登录流程图

第4章系统数据库设计

4.1 数据库的概念结构设计

分析系统，得出本系统的实体有：管理员、用户注册、联谊、好友、友情链接、留言板和评论，下面是对应的实体属性图。

（1）管理员(allusers)实体属性图，如图4.1所示。

图4.1管理员实体属性图

（2）用户注册(yonghuzhuce)实体属性图，如图4.2所示。

图4.2用户注册实体属性图

（3）联谊(allgonggao)实体属性图，如图4.3所示。

图4.3联谊实体属性图

（4）友情链接(youqinglianjie)实体属性图，如图4.4所示。

图4.4友情链接实体属性图

（5）留言板(liuyanban)实体属性图，如图4.5所示。

图4.5留言板实体属性图

（6）评论(pinglun)实体属性图，如图4.6所示。

图4.6评论实体属性图

（7）在线交友网站总体E-R图，如图4.7所示。

图4.7在线交友网站总体E-R图

4.2 数据库的逻辑结构设计

本设计网站包含以下关系模式（下划线的部分为主键）：

管理员（管理员编号，用户名，密码）

用户（用户编号，用户名，密码，姓名，电话，邮箱，QQ，头像，籍贯，地址，性别，备注，审核）

好友（好友编号，用户名，姓名，用户编号，审核）

评论（头像编号，编号，评论内容，评论人，评分）

留言板（留言编号，标题，内容，回复）

联谊（编号，标题，类别，首页图片，点击率）

友情链接（链接编号，网名，网址）

4.3 数据库的物理结构设计

下面列出了系统重要的数据表：

(1)管理员信息表设计如表4.1所示，主要有管理员编号、用户名、密码和身份信息。

表4.1管理员信息表(allusers)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	管理员编号
username	varchar	50	否	否	用户名
pwd	varchar	50	否	否	密码
cx	varchar	50	否	否	身份

(2)用户信息表设计如表4.2所示，主要有用户编号，用户名，密码，姓名，电话，邮箱，QQ，头像，籍贯，地址等信息。

表4.2用户信息表(yonghuzhuce)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	用户注册编号
yonghuming	varchar	50	是	否	用户名
mima	varchar	50	是	否	密码
xingming	varchar	50	是	否	姓名
dianhua	varchar	50	是	否	电话
youxiang	varchar	50	是	否	邮箱
QQ	varchar	50	是	否	QQ
touxiang	varchar	50	是	否	头像
jiguan	varchar	50	是	否	籍贯
dizhi	varchar	50	是	否	地址
xingbie	varchar	50	是	否	性别
beizhu	varchar	50	是	否	备注
issh	varchar	2	是	否	审核

(3)好友信息表设计如图4.3所示，主要有好友编号、用户名、姓名，用户编和审核信息。

表4.3好友信息表(haoyou)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	好友编号
username	varchar	50	是	否	用户名
xm	varchar	50	是	否	姓名
uid	varchar	50	是	外键	用户编号
issh	varchar		是	否	审核

(4)评论信息表设计如表4.4所示，主要有头像编号，评论内容，评论人和评分信息。

表4.4评论信息表(pinglun)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	编号
xiangpinaID	varchar	50	是	否	头像编号
pinglunneirong	varchar	50	是	否	评论内容
pinglunren	varchar	50	是	否	评论人
pingfen	varchar	50	是	否	评分

(5)留言板信息表设计如表4.5所示，主要有留言编号、标题、内容和回复信息。

表4.5留言板信息表(liuyanban)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	留言编号
biaoti	varchar	50	是	否	标题
neirong	varchar	50	是	否	内容
huifu	varchar	50	是	否	回复

(6)联谊信息表设计如表4.6所示，主要有留言编号、标题、内容和回复信息。

表4.6联谊信息表(allgonggao)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	编号
title	varchar	255	是	否	标题
leibie	varchar	50	是	否	类别
shouyetupian	varchar	50	是	否	图片
dianjilv	varchar	50	是	否	点击率

(7)友情链接信息表设计如表4.7所示，主要有留言编号、标题、内容和回复信息。

表4.7友情链接信息表(youqinglianjie)

列名	数据类型	长度	允许空	是否主键	说明
ID	int		否	是	链接编号
wangzhanmingcheng	varchar	50	是	否	网名
wangzhi	varchar	50	是	否	网址

4.4 数据库的连接原理

由于SQL Server数据库的安全性高可靠性强冗余度小，本网站的设计采用SQLServer2008数据库作为后台数据库管理系统，所以可以查看数据库中的完整的数据包括建数据库时的类型及限制要求，并且保证数据的完整性及安全性。本网站使用的数据库连接原理是通过项目解决方案中的web.config文件中appSetting进行连接的。此种方法简便容易，并且连接数据库不需要用户名和密码。

第5章 系统的详细设计与实现

5.1 后台管理的详细设计与实现

在系统主页面的导航栏右侧设计了后台管理员登录的入口，单击导航栏“后台”按钮，就会跳到管理员后天登录界面。在此界面，当后台管理员输入相应正确的用户名、密码以及验证码就会登录成功。进入到后台管理员的主界面。进行对整个网站的管理和维护工作。当后台管理员输入错误的用户名、密码以及验证码时，便会跳出一个对话框提示输入的用户名或密码错误。

后台管理员部分主要由系统注册用户的审核、修改及删除、站内新闻的查询与添加，学术交流的添加与查询等功能。

注册用户管理：实现修改密码，管理员添加，管理员查询，注册用户审核，未通过审核无法登录。

站内新闻管理：对站内新闻进行查询、添加、修改以及删除等操作。

学术交流管理：对学术交流进行查询、添加、修改以及删除操作。

所有日志管理：对所有日志进行查询、添加、修改以及删除等操作。

资料共享查询：对共享资料的上传和查询等管理。

联谊信息管理：实现对联谊信息的添加和查询等管理。

系统管理：对于友情链接主要是添加和查询功能。对系统公告和系统简介的设置。可进行留言管理和数据备份。

5.1.1 后台登录页面的详细设计与实现

后台管理员想要对整个网站的管理与维护工作就必须要登录进入到后台方可。后台登录界面主要是用户名、密码、验证码三部分以及登录、重置两个组件，当输入用户名、密码以及验证码后，便可登录。若输入的用户名、密码以及是正确无误的，就会登录成功，进入到后台管理员的主界面。如果输入的用户名、密码以及验证码是错误的，可选择重置或手动删除。管理员登录页面设计如图5.1所示。

图5.1 管理员登录页面设计

当输入正确的用户名、密码以及验证的信息登录成功后，就会跳转到后天管理员的主界面，在界面的左边会显示管理员所拥有的功能，主要包括系统用户注册管理、联谊信息管理、系统设置等几个相应的选项，在右面会显示你点击每个功能时的内容。后台管理员页面显示如图5.2所示。

图5.2后台管理页面

5.1.2 系统用户管理的详细设计与实现

（1）修改密码

本界主要是由原密码、新密码和确认密码三个部分组成，若是管理员想要更改一下自己账户的密码，就必须输入原密码、新密码和确认密码，最后选择修改。若输入的原密码、新密码以及确认密码是错误的，可选择重填或手动删除。页面显示如下图5.3所示。

图5.3 修改密码

（2）管理员添加

管理员选择系统用户管理后选“管理员添加”，会右侧界面显示用户名、密码、确认密码、权限，进行添加管理员若填错可点击重填按钮。页面显示如下图5.4所示。

图5.4 管理员添加

（3）管理员查询

管理员选择左侧的系统用户管理后选择“管理员查询”，在右侧会显示管理员的用户名、密码、角色、添加时间，还可对管理员进行删除操作。页面显示如下图5.5所示。

图5.5管理员查询

（4）注册用户管理

管理员选择左侧系统用户管理后选“注册用户管理”，在右侧界面会显示所有注册的用户，可对注册用户进行查找，修改和删除操作，对用户进行审核，若通过则用户方可登录页面显示如下图5.6所示。

图5.6注册用户管理

5.1.3 站内新闻管理的详细设计与实现

（1）站内新闻添加

此界面主要包括新闻的标题、内容、图片、点击率及类别文本框，填完新闻的标题、内容方可发布新闻，还可进行上传新闻的图片最后选择添加。页面显示如图5.7所示。

图5.7站内新闻添加

（2）站内新闻查询

管理员左侧的站内新闻管理后选“站内新闻查询”，在右侧界面会显示此网站上的所有的站内新闻，可按照标题进行快速查找。并且可对相应的新闻进行修改和删除。页面如下图5.8所示。

图5.8站内新闻查询

5.1.4 学术交流管理的详细设计与实现

管理员左侧的学术交流管理后选“学术交流查询”，在右侧界面会显示此网站上的所有的学术交流，可按照标题进行快速查找。并且可对相应的学术交流进行修改和删除。页面显示如图5.9所示。

图5.9学术交流管理

5.1.5 所有日志管理的详细设计与实现

管理员左侧的所有日志管理后选“所有日志查询”，在右侧界面会显示此网站上的所有的日志，可按照标题进行快速查找。并且可对相应的日志进行修改和删除。页面显示如图5.10所示。

图5.10所有日志管理

5.1.6 资料共享查询的详细设计与实现

（1）资料上传

此界面主要由资料的标题、内容、图片、点击率以及类别几部分组成，填完资料的标题、内容、点击率以及类别和上传图片后选择添加即可。页面显示如图5.11所示。

图5.11资料上传

（2）资料查询

后台管理员选择左侧的资料共享中的“资料查询”，在右侧界面会显示所有用户的的共享资料信息，可按照标题进行快速查找。并且可对相应的资料进行修改和删除。页面如下图5.12所示。

图5.12资料查询

5.1.7联谊信息的详细设计与实现

（1）联谊信息添加

后台管理员选择左侧的联谊信息中的“联谊信息添加”功能，在右侧界面会显示联谊信息的标题、内容、类别以及点击率，填写相应信息和上传图片后选择添加。页面显示如图5.13所示。

图5.13联谊信息添加

（2）联谊信息查询

后台管理员选择左侧的联谊信息中的“联谊信息查询”功能，在右侧界面会显示所有用户的联谊信息，可根据联谊信息的标题进行相应的查找，还可对联谊信息进行修改及删除。页面显示如图5.14所示。

图5.14联谊信息查询

5.1.8 系统管理的详细设计与实现

（1）友情链接添加

管理员选择左侧的系统管理中的“友情链接添加”，在界面右侧会显示要添加的网站名称以及网址，填写相应的信息内容后选择添加，如果是填写错误的信息就可以选择重置或手动删除错误信息。页面显示如图5.15所示。

图5.15友情链接添加

（2）友情链接查询

后台管理员选择左侧的系统管理中的“友情链接查询”，在界面右侧会显示所有的链接的网站名称和网址，可按照网站名称和网址进行快速查找。并且可对相应的链接进行修改和删除，也可进行打印。页面显示如图5.16所示。

图5.16友情链接查询

（3）系统公告设置

后台管理员选择左侧的系统管理中的 “系统公告设置”功能，在界面右侧会显示公告的内容以及字体等得的设置，可对公告内容进行修改。页面显示如图5.17所示。

图5.17系统公告设置

（4）系统简介设置

后台管理员选择左侧的系统管理中的“系统简介设置”功能，在界面右侧会显示系统简介的内容以及字体等相应的设置，可对简介内容进行修改。页面显示如图5.18所示。

图5.18系统简介设置

（5）留言管理

后台管理员选择左侧的系统管理中的“留言管理”功能，在界面右侧会显示所有用户的留言时的昵称、标题、内容以及回复等，可对留言进行回复和删除，也可通过昵称和标题进行快速查找。页面显示如图5.19所示。

图5.19留言管理

（5）数据备份

后台管理员选择左侧的系统管理中的“数据备份”功能，在界面右侧会跳出备份成功提示框。页面显示如图5.20所示。

图5.20数据备份

5.2 普通用户模块的详细设计与实现

5.2.1系统主页面的详细设计与实现

经过对网上各个网站的研究与观察后，此网站设计了相对简单明了操作简单的首界面，界面的最上方是此网站的宣传图片、导航栏、搜索类别文本框、标题文本框和搜索按钮；中间左侧部分是系统公告、用户登录和友情链接，中间右侧部分是站内信息、会员风采、学术交流等，选择其中任意一个按钮，就可以跳转到相应的界面。当用户选择进入网站，此网站显示的就是整个网站的主界面，主界面将展示出网站所有新闻中的部分站内新闻、用户头像风采以及所有学术中的部分学术交流，用户可以选择任意一个信息进行查看详细信息，用户还可以在左侧选择模糊搜索指定类型站内新闻，学术交流等。系统首页主界面显示如图5.21所示。

图5.21系统首页面

5.2.2用户注册模块的详细设计与实现

若是普通用户想要进入本网站，例如选择结交兴趣爱好相同的好友，发表查看学术等，就必须要先注册，等管理员审核通过后登录，就可以添加好友查看发表学术。在网站主界面的左侧部分有用户登录注册界面，点击注册按钮，包括用户名、密码、确认密码、姓名等组件，按照相应的要求输入相应的用户名、密码姓名等信息后，选择注册完成注册，如果没有按照相应的要求填写信息，可以选择重置或者手动删除错误内容进行重新填写。用户注册页面如图5.22所示。

图5.22用户注册页面

5.2.3 用户登录模块的详细设计与实现

为了让用户可以正常的没有限制的进行网上交友，就必须先注册等管理员审核通过后登录。本页面主要由用户名、密码和验证码三个部分组成以及登录、会员注册两个组件，在相应的位置输入对应的用户名、密码以及验证码，填写后选择登录，网站对用户名，密码以及验证码进行判断，如果用户名、密码以及验证码没有错误，会跳出对话框显示“登录成功”文字，用户便可进行加好友，发表学术等，如果错误则跳出的对话框会显示“用户名或密码错误或未经审核”，并返回网站的主界面。当输入正确的用户名、密码以及验证码，就会显示登录成功，用户登录界面实现如图5.23所示。

图5.23会员登录页面

5.2.4个人资料管理模块的详细设计与实现

用户通过用户和密码登录成功后会进入系统主界面，但与之前未登录有一点区别，在登录界面部分由登录界面变成用户名和登录权限，会有退出和个人后台两个选择按钮，点击个人后台进入到个人界面，在左侧木块选择个人资料管理。对于个人资料里面内容，用户名不可修改，密码、姓名、电话、邮箱、QQ、头像、籍贯、地址、性别、备注都可更改。商品个人资料页面如图5.24所示。

图5.24个人资料管理

5.2.5 我的日志管理的详细设计与实现

（1）我的日志添加

当用户登录成功之后，进入到个人后台，在左侧选择“我的日志管理”，再选择“我的日志添加”，在右侧界面即可显示添加日志标题、内容、类别、图片和点击率。我的日志添加页面如图5.25所示。

图5.25我的日志添加

（2）我的日志查询

当用户登录成功之后，进入到个人后台，在左侧选择“我的日志管理”，再选择“我的日志查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。我的日志查询页面如图5.26所示。

图5.26我的日志查询

5.2.6 我的相册管理的详细设计与实现

（1）我的相册添加

当用户登录成功之后，进入到个人后台，在左侧选择“我的相册管理”，再选择“我的相册添加”，在右侧界面即可显示添加相册的标题、内容、类别、图片、点击率。我的相册添加页面如图5.27所示。

图5.27我的相册添加

（2）我的相册查询

当用户登录成功之后，进入到个人后台，在左侧选择“我的相册管理”，再选择“我的相册查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。我的相册查询页面如图5.28所示。

图5.28我的相册查询

5.2.7 资料共享管理的详细设计与实现

（1）资料上传

当用户登录成功之后，进入到个人后台，在左侧选择“资料共享”，再选择“资料上传”，在右侧界面即可显示上传资料的标题、内容、类别、图片、点击率。资料上传页面如图5.29所示。

图5.29资料上传

（2）资料查询

当用户登录成功之后，进入到个人后台，在左侧选择“资料共享”，再选择“资料查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。资料查询页面如图5.30所示。

图5.30资料查询

5.2.8 联谊信息管理的详细设计与实现

（1）联谊信息添加

当用户登录成功之后，进入到个人后台，在左侧选择“联谊信息”，再选择“联谊信息添加”，在右侧界面即可显示上传资料的标题、内容、类别、图片、点击率。联谊信息添加页面如图5.31所示。

图5.31联谊信息添加

（2）联谊信息查询

当用户登录成功之后，进入到个人后台，在左侧选择“联谊信息”，再选择“联谊信息查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。资料查询页面如图5.32所示。

图5.32联谊信息查询

（3）社团交流添加

当用户登录成功之后，进入到个人后台，在左侧选择“联谊信息”，再选择“社团交流添加”，在右侧界面即可显示上传资料的标题、内容、类别、图片、点击率。社团交流添加页面如图5.33所示。

图5.33社团交流添加

（4）社团交流查询

当用户登录成功之后，进入到个人后台，在左侧选择“联谊信息”，再选择“社团交流查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。资料查询页面如图5.34所示。

图5.34社团交流查询

5.2.9 学术交流管理的详细设计与实现

（1）学术交流添加

当用户登录成功之后，进入到个人后台，在左侧选择“学术交流”，再选择“联学术交流添加”，在右侧界面即可显示上传资料的标题、内容、类别、图片、点击率。学术交流添加页面如图5.35所示。

图5.35学术交流添加

（2）学术交流查询

当用户登录成功之后，进入到个人后台，在左侧选择“学术交流”，再选择“学术交流查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。学术交流查询页面如图5.36所示。

图5.36学术交流查询

5.2.10 难题求解管理的详细设计与实现

（1）发布难题求解

当用户登录成功之后，进入到个人后台，在左侧选择“难题求解”，再选择“发布难题求解”，在右侧界面即可显示上传资料的标题、内容、类别、图片、点击率。发布难题求解页面如图5.37所示。

图5.37发布难题求解

（2）难题求解查询

当用户登录成功之后，进入到个人后台，在左侧选择“难题求解”，再选择“难题求解查询”，在右侧界面显示标题文本框和查找按钮，查询后也可进行打印。难题求解查询页面如图5.38所示。

 

图5.38难题求解查询

5.2.11 我的好友管理的详细设计与实现

（1）我的好友

当用户登录成功之后，进入到个人后台，在左侧选择“我的好友”，再选择“我的好友”，在右侧界面即可显示我的好友用户名和姓名的相关查找，选择后即可打印。我的好友页面如图5.39所示。

图5.39我的好友

（2）对方请求好友

当用户登录成功之后，进入到个人后台，在左侧选择“我的好友”，再选择“对方请求好友”，在右侧界面显示用户名文本框和查找按钮，查询后也可进行打印。对方请求好友页面如图5.40所示。

图5.40对方请求好友

第6章 系统测试

6.1测试的重要性与目的

基于.NET在线交友网站的设计开发完成后就必须进行整个系统的测试，主要原因就是要求整个网站能让用户正常的使用，当将网站完整交到客户手里时，看看客户是否满意我们的网站，通过客户的验收审查。

此网站次测试的主要宗旨在于从网站的几个方面验证系统是否具备可靠性、易用性，是否具有安全性、规范性以及容错性。此网站验证采取的方法是黑盒测试。黑盒测试对系统的各个功能模块逐一进行测试，尽最大的可能发现网站中存在的不足然后进行更改并加以完善，然后在通过运行结果来判断本网站能否达到最后的设计要求。

此网站测试的关键任务是尽最大的可能查找出此网站中存在的漏洞，对漏洞加以修改，为了让网站更加的稳定。然而网站的测试就是为了能够完全满足客户提出的需求，若没有达到客户提出的需求就必须立刻就行修改，查找出网站中的漏洞，之后继续反反复复的进行测试，直直到最后整个网站没有漏洞和错误，直到完全满足客户提出的要求为止。

6.2 测试的主要内容

6.2.1 单元测试

系统的单元测试这个环节是非常重要的测试方式，经过单元测试这个环节，同时编程写出代码，对每个单元做一个定向的测试验证，并对测试验证的结果判断是否正确无误。在我们进行单元测试的时候必须注意到几个问题，有没有达到我们所想的要求；更换使用的操作系统或者电脑时是否也可以正常运行出来；有没有特殊要求的数据值会导致系统的不正常运行。

6.2.2 集成测试

系统的集成测试这个环节就是将单元测试组合起来，形成相应的连接，产生接口，进行相应的测试。可以组合两个或多个集成，之后进行相应的测试，用来检查系统每一个功能模块之间的相关运行情况，是否能够通过测试。

6.2.3 确认测试

系统的确定测试这个环节是在这个集成测试的基础之上，对整个网站进行相应测试，来排除部分各别地方的错误，之后判断网站是否能够通过测试，如果通过，就会向客户展示，判断是否满足客户提出的预期要求，如果要是满足，就可以对整个网站的进行验证，然后判断网站的可靠性、安全性、有效性。知道达到客户提出的需求。

6.3 测试过程

在网站开始测试的时候，可以随便找一些数据不必按照要求进行测试系统，但是为了测试整个系统，就要按照要求选择相应的数据来测试，为了提高系统的可靠性，之后将前面测试的无用的数据进行删除，最后按照要求的输入基本的数据来进行测试，最终查看最后有用的测试结果，如果发现问题，就改正问题，如此反反复复，整体处理，是为了确保本网站的正确使用。

6.3.1 主页面的用户注册模块测试

（1）测试用例

当用户选择打开交友网站后，只能浏览主页面和一些快捷导航，若没有账户想进行深入了解，就必须进行会员注册，在注册时必须填写一些基本信息，经管理员审核通过后方可进行登录。

当用户未通过审核时，不可以执行操作。无法在线交友添加好友。

（2）测试结果

如果如果注册用户通过管理员审核就可登录成功，会有对话框提示“登录成功”，并跳转到网站初始的主界面，成功登录页面如图6.1所示。

图6.1 登录成功页面

如果用户没有注册，就无法登录并无法通过管理员的审核，而且不能随意自由的浏览网站信息，所以想要自由随意的进行交友时，就必须先注册再登录。如图6.2所示。

图6.2提示信息

6.3.2 主页面的用户登录模块测试

用户登录模块测试用例表，如表6.1所示。

表6.1 登录模块测试用例表

模块名称	测试用例	预期结果	实际结果	是否通过
用户登录模块	用户名：null 密码：null	出现提示错误的信息，请输入完整	系统提示信息，请输入完整	通过
用户登录模块	用户名：wkh 密码：null	出现提示错误的提示，请输入完整	系统提示信息，请输入完整	通过
用户登录模块	用户名：wkh 密码：123	出现正确提示，登录成功	系统提示信息，登录成功	通过

测试结果：

如果输入的用户名、密码以及验证码的内容信息全正确，会有对话框提示，之后跳转到网站前台主界面，成功登录页面如图6.3所示。

图6.3登录成功页面

当输入错误的信息和账户密码验证码填写不全时，系统会自行判断，然后自动弹出错误对话框并提示相关信息，登录失败页面如图6.4所示。

图6.4登录失败页面

6.3.3 在线交友模块测试

（1）测试用例

当用户通过用户名、密码以及验证码成功登录后，可以对其执行操作。选择好友“cindy”，点击“详细”查看详细信息，选择“加为好友”，就可以将好友加入自己好友列表中。

当用户未登录时，是不可以对好友执行任何操作。更无法将选定的好友加入到自己好友列表中。

（2）测试结果

用户通过用户名、密码以及验证码完成登录后可以把自己选定的好友加入到自己好友列表并通过审核中，如图6.5所示。

如果用户没有注册过，就无法登录，不能通过管理员审核，也不能加为好友。当选择想添加好友时，一定会跳出一个对话框提示“对不起，请您先登录！”，如图6.6所示。

图6.6提示信息

结 论

此次毕业设计的是基于.NET在线交友网站，利用ASP技术，SQLServer数据库、C#以及vs2010等相关的知识。此在线交友网站完成了用户的管理工作，网站的前台主要包括个人资料管理、我的日志管理、我的相册管理、资料共享、联谊信息、学术交流、难题求解、我的好友等功能模块。网站的后台主要包含系统注册用户管理、所有站内新闻管理、所有学术交流管理、所有日志管理、资料共享管理、联谊信息管理、系统管理等功能模块。经过对本网站的整体设计用户可以方便查询联谊信息、站内新闻、难题求解、学术交流等信息，按想要搜索的信息名称和类别进行模糊搜索指定信息等相关的详细内容；当用户完成注册后经管理员审核就可以进行选择想要添加的好友、并且可以看好友的详细信息、在线聊天留言等；后台管理员通过登录在后台对整个网站的相关信息进行维护与管理，完成学术交流、公告等信息的不断更新。

通过在线交友网站，人们可以足不出户的进行交友无论来自哪里，都可以进行沟通了解还可以查看一些实时更新的新闻、联谊信息、学术交流等，可以方便的找到志同道合的好友，从而可以学习更多知识，给交友用户带来了非常大的方便。

此网站还存在些许不足之处，例如网站的好友列表里还需要进行简单化；还有部分功能模块未实现的问题等，在此次设计网站的过程中，还需进行改良与完善。

致 谢

在此次毕业设计的过程中，能顺利完成与xxx老师的指导密不可分。xxx老师予以了我尽心的指导和关切的帮助，并且给我提出了很多可贵的设计意见。我也从xxx老师身上学到了很多知识。况且，不论是在理论上还是在实践当中，我的运用能力都取得了很大的进步，在我之后的工作和学习当中都是巨大的帮助，在此，特向闻丽华老师表示诚挚的感谢！

经过此次的毕业设计过程，从定题目到具体功能模块的实现，再到最后的最终测试和维护的认识有了很大的提高，让我对网站开发有了更加深刻的认识，不仅提高了我的动手能力还提高了我的独立面对解决问题的能力，这是在此次设计中最大的收获。不过也存在很多不足之处，而这些不足的地方让我的能力无法发挥出来。虽然存在很多生疏的问题，但是我并没有逃避，并且还选择了面对它，去认真的解决它。

最后，在整个网站设计开发中，我的老师，同学们和朋友们都给了我许多的建议和帮助，是他们让我快速的确定了本网站的设计结构。非常感谢所有人的帮助，是你们让我不断的进步！

参考文献

[1]Russ Basiura.康埔译．ASP.NET Web服务高级编程[M]．北京：清华大学出版社．2002.

[2]张立科.ASP开发CRM网站实例导航[M].北京：北京人民邮电出版社，2005.

[3]陈承欢,彭勇.管理信息网站基础与开发技术(第一版)[M]．北京：北京人民邮电出版社，2005.

[4]邝孔武,王晓敏.信息网站分析与设计[M].北京：清华大学出版社，2006.

[5]张洪.交朋识友好去处——交友网站[J].互联网天地,2006(06):52-54.

[6]沈凡.Web2.0环境下交友平台网站的分析与设计[D].北京邮电大学,2011.

[7]网络交友安全守则[J].微电脑世界,2011(03):118-119.

[8]冯梦兰.交友网站与微博的异同——以人人网和新浪微博为例[J].青年记者,2011(24):98-99.

[9]Lan Sommerville, Michael Hirsch, Software Engineering Ninth Edition [M]. Machinery Industry Press, 2011:84-87.

[10]Nayak, R., Meng Zhang, Lin Chen. A Social Matching System for an Online Dating Network: A Preliminary Study[P]. Data Mining Workshops (ICDMW), 2010 IEEE International Conference on,2010.

[11]Lin Chen, Nayak, R., Yue Xu. A Recommendation Method for Online Dating Networks Based on Social Relations and Demographic Information[P]. Advances in Social Networks Analysis and Mining (ASONAM), 2011 International Conference on,2011.

[12]吴培培.我国婚恋网站O2O模式研究[D].辽宁大学,2016.

[13]侯丽,徐麟杰,杨豪,左建鹏,康宁.You尽交友旅游网的设计与实现[J].中国地名,2019(12):35.

[14]乔诗绮.工作场所社交媒体使用对员工工作绩效的影响[D].河南大学,2019.

[15]高恺旋.社交媒体时代群体性孤独问题研究[D].兰州财经大学,2019.

[16]周恋榕.手机网络游戏的社交化研究[D].山东大学,2019.

[17]段延锐.基于Android系统的婚恋交友APP设计与实现[D].东南大学,2018.