基于HTML5技术的在线匹配交友网站的设计与实现.docx

《基于HTML5技术的在线匹配交友网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《基于HTML5技术的在线匹配交友网站的设计与实现.docx（44页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本科毕业设计（论文）基于HTML5技术的在线匹配交友网站的设计与实现窗体顶端Design and Implementation of Online Matching and Dating Website Based on HTML5 Technology院 （系）计算机学院专 业数字媒体技术班 级2班学 号16210320216学生姓名谢丹指导教师李志中提交日期2020年4月12日毕业设计（论文）原创性声明本人郑重声明：所呈交的毕业设计（论文），是本人在指导老师的指导下，独立进行的设计（研究）工作及取得的成果，论文中引用他人的文献、数据、图件、资料均已明确标注出，论文中的结论和结果为本人独立完

2、成，不包含他人已经发表或撰写的作品及成果。对本文的研究作出贡献的个人和集体，均已在论文中作了明确的说明。本人完全意识到本声明的法律结果由本人承担。毕业论文作者（签字）： 签字日期： 年 月 日指导教师评分： 评阅教师评分： 答辩小组评分： 总评成绩： 系主任签字（盖章）： 年 月 日摘要自中国在改革开放以来,人们的经济生活水平不断得到提高，随着吃饱喝暖，人们开始更加注重精神层面的享受，而二十世纪以来，计算机互联网技术在我们的生活中已经变得无处不在，扮演着重要的角色。我们不只是写信问候式的交流，我们已经实现了实时对话和互动，这就促成了交友网站的产生。本毕业设计计划开发一个一站式在线匹配交友网站，

3、该网站可以满足多种基本功能又可以简单操作，为有这个需求的用户提供方便快捷的服务。本在线匹配交友网站的开发技术选用ASP.NET，使用C#语言，基于B/S结构和SQLSERVER数据库原理，用大学课程学习的一些HTML网站开发原理，并添加了自己一些独立学习的课外内容和参考网站相关作品，最终做成了属于我自己的在线匹配交友网站。本设计实现的是最基础的交友功能，简单便捷。关键词： 在线匹配交友网站 ASP.NET SQLServerAbstract窗体顶端窗体顶端窗体顶端窗体顶端Since Chinas reform and opening up, peoples economic living st

4、andard has been continuously improved. With satiated food and warm drink, people begin to pay more attention to spiritual enjoyment. Since the 20th century, computer and Internet technology has become ubiquitous in our life and plays an important role. We have not only written letters and exchanged

5、greetings, we have already realized real-time dialogue and interaction, which has led to the emergence of dating websites. This graduation project plans to develop a one-stop online matching and dating website, which can meet a variety of basic functions and can be operated simply to provide conveni

6、ent and fast services for users with this requirement. The development technology of this online matching and dating website selects ASP.NET, uses C # language, based on B/S structure and SQLSERVER database principle, uses some HTML website development principles learned from university courses, and

7、 adds some independent learning extracurricular contents and relevant works of reference websites, and finally becomes my own online matching and dating website. This design realizes the most basic function of making friends, which is simple and convenient.窗体底端Keywords: Online Matching Dating Websit

8、e ASP.NET SQLServer窗体底端窗体底端广东东软学院本科毕业设计（论文）目录第一章 绪论11.1 开发背景及意义11.2 国内外研究现状和趋势11.3 开发方法简述21.4论文的组织结构2第二章 系统开发技术与环境介绍42.1系统开发技术（ASP.NET）42.2系统开发语言（C#）42.3系统结构（B/S结构）42.4系统数据库的选择52.5系统的运行环境52.5.1硬件环境52.5.2 软件环境5第三章 系统分析63.1系统可行性分析63.1.1 技术可行性63.1.2 操作可行性63.1.3 社会可行性63.2 系统功能需求分析73.2.1 系统需求83.2.2 功能需求8

9、3.2.3 性能需求83.2.4 运行需求93.3 业务需求分析93.3.1 用户需求用例93.3.2 开发流程分析10第四章 系统架构设计124.1系统开发软件的选择124.2系统功能图124.3 系统数据库设计134.3.1概念模型设计134.3.2数据库表设计14第五章 系统详细设计和实现175.1 用户端175.1.1用户登录175.1.2聊天室功能185.1.3搜索用户功能185.1.4密码修改功能195.2管理员端205.2.1管理员登录205.2.2用户管理205.2.3修改密码23第六章 系统测试246.1 测试方法246.2 测试实例246.3 系统维护246.3.1系统维护

10、246.3.2系统内容更新256.3.3系统布局更新256.3.4系统升级25第七章 总结和体会26参考文献27致谢28第一章 绪论1.1 开发背景及意义当今社会，科技发达，社会进步，但是有一些东西却慢慢消逝了.很多时候为了生活，人们崇尚着“金钱至上”，真挚的感情也就沦为次要，可是每当看到身边别人三三两两、成双成对，自己又在忙碌停下的凌晨孤独寂寞，没有机会认识交友，怎么办呢？在工作闲暇之余，如果有一个网站可供大家匹配交友，就省下了许多认识交友的成本。在线匹配交友已经成为互联网中不可缺少的一部分，早在十年前，中国的网络交友规模就达1亿人，在线交友这种网络服务形式得到了越来越多人的认可。针对在线匹

11、配交友网站，或引发人们更多的关注社会交际以及传播学的发展。人类所需要得各种服务都可以在网络端得到实现，比如天猫、淘宝可以购物，爱奇艺、腾讯等平台可以观看影视，网络给我们提供了五花八门的服务和体验，由此可见网络是日渐大众化，只要人们需要它，它就能实现这些需求。那么，在茶余饭后是否可以有一款交友网站来解决人们的精神需求呢？目前，很多在线匹配交友相关的网站都很完善，但是多数网站的功能十分复杂，有时找不到这些功能来使用，有时根本不需要这些功能，这对用户来说显然是不方便的。为此，我想要开发的交友网站一定是以简单实用为主，基本功能模块清晰，一目了然。1.2 国内外研究现状和趋势我国交友网站的兴起相对于西方

12、来说是晚很多的，从2003年欧美国家婚恋交友网站兴起以来，影响至全世界，包括中国，开始有许多婚恋交友真人秀节目产生，也出现了许多可代表性的知名网站，比如世纪佳缘网、百合网等等，这些节目以及网站很受大众欢迎，使得相关研究专家开始关注“单身”“婚恋交友”等现象，并对社会传播学有起了一些显著的作用。目前，我国对交友网站的研究大多是行业调查研究报告、杂志以及期刊论文，在网站开发甚至是互联网行业都没有相对应的研究著作。所以，当前我国对于交友网站的研究尚且处在开端，并且多数是毕业设计论文。而且，国内交友网站大多偏向于企业，或基于企业的大型交友网站网站设计，对于中小型交友网站管理，没有可用便捷的系统，尤其是

13、小型交友网站，用户无法简单方便地使用系统。暂时来说，我国没有类似的系统向用户提供简单便捷交友的服务。根据目前的现状，我们自主研究小型交友网站，要学会借鉴国外优秀交友网站的风格和定位，但也要根据我国的国情加以改变，比如我们中国人比较内敛，相对于没有那么开放，那交友网站必须保证到用户的私密性和安全性。主要是注重简单交友，有互动的功能，比如聊天室，也有发表自己想法的功能，比如朋友圈。1.3 开发方法简述系统的建立和应用一般说来是三个阶段：系统开发、运行及总体规划，而每阶段都有相应的文档进行审评，确认现阶段的工作已经完成，而且在进入下一阶段之前也要满足之前的要求，在未来的工作中不能轻易改变之前的审查结

14、果。本设计与实现运用ASP.NET技术，加上SQLSERVER数据库存储用户信息。一开始，我主要应用大学相关知识，大致勾勒网站模块，后面通过百度查找相关开发案例学习代码，并结合网站相关要求确定交友网站需求分析。再后面一个阶段，我主要进行各种功能需求的设计和开发。该设计的页面主要是用Web语言设计的，通过数据库的查询搜索、表单和数据的验证以及页面正确显示和用户类型权限设计，最终达成了网站开发，而SQLSERVER数据存储用户信息，调用数据实现整个系统的操作。1.4论文的组织结构（1）绪论从该交友网站的开发背景和意义、国内外研究现状、开发方法的简述和论文的组织结构来进行总结说明。（2）开发技术与环

15、境本设计开发语言及使用到的框架技术、系统结构简述、数据库的选择以及系统运行环境介绍。（3）系统需求分析 主要从技术可行性、经济可行性、系统需求、功能需求，运行需求、用户需求用例、开发流程等来进行分析。（4）系统设计概要 主要是系统开发软件选择，应用的是系统数据流程图、系统业务流程图、系统概念结构图等。（5）系统详细设计和实现用户模块和管理员模块的设计和实现以及相应代码及成果的展示。（6）总结包括参考文献和致谢，为论文画上一个圆满的句号。3广东东软学院本科毕业设计（论文）第二章 系统开发技术与环境介绍2.1系统开发技术（ASP.NET）根据目前的网站设计来说，系统的开发一般由专业人员完成，而且在

16、开发程序时，我需要编译这个程序，但由于它需要脚本来进行控制，因此运行程序非常的慢。由于上面列出的原因，Microsoft引入了 ASP.NET技术，ASP.NET的网络技术是动态的，它可以和数据库进行交流，还可以和计算机里面的其他的程序进行交流，很方便，加上他的代码和页面是分离开的，操作会更加流畅方便，使我可以扩展我所需要的的功能。另外一种程度来说，我可以借鉴参考使用一些已开发出的代码原理，从而更好地实现我的毕业设计。2.2系统开发语言（C#）由于C语言具有面向对象的性质，所以无论是业务对象还是普通应用程序，我们都可以在开发时选择许多的构建组件。使用C语言，可以轻松地将相应的组件转换为Web服

17、务，从而允许通过操作系统在Internet上调用它们。最重要的是C使我们能够有效地开发程序，但它不会对原始的C / C +函数造成任何损失。C和C / C +具有很强的相似性，如果我们熟悉这些开发语言，就大概率会使用C。C#在设计初期就已经考虑到了效率和安全性，因此我们可以用较少的代码做更多的事情，并且不那么容易出现错误。2.3系统结构（B/S结构）我的在线匹配交友网站在开放上选择的是B/S结构，B/S结构是一种服务器网络结构模式，目前人们使用最多客户端浏览器就是web浏览器。使用B/S结构，可以使web结构更加统一，它大大的简化了系统开发，提高了开发人员的开发效率。它不需要任何安装，在何时何

18、地都可以进行访问，不受地域场次限制，并且使用此框架开发的系统可塑性很强，在后期的维护以及升级扩展上十分的便利。客户端除了使用浏览器，一般无须操作任何用户程序，只需从Web服务器上下载程序到本地来执行。这大大的便利了操作。2.4系统数据库的选择Microsoft更新发布的SQL Server 2008版本提供了一系列丰富的集成服务，可以对数据进行增、删、改、查的操作和同步、报告和分析等功能，除此之外，库的数据可以存储在各种设备上，无论数据存储在何处，用户都可以控制数据，不管是移动设备还是PC段。主要功能有：数据库资料保护、花费更少的时间在服务器的管理操作中、增加应用程序稳定性和系统执行效能最佳化

19、与预测功能等，它进一步可以增强性能得实现，添加可以自动搜索数据的功能，并将其存储在中央数据容器中，也能比较容器中的数据，方便管理员进一步地管理和分析。2.5系统的运行环境2.5.1硬件环境处理器：i7；内存：4GB；硬盘空间：尽量大，无要求；2.5.2 软件环境软件环境是系统开发的工具，在系统开发的过程中，开发人员若是对此系统软件开发极为熟悉，那便大大的节约了系统的开发时间，节省投入人工作业的环节，降低开发系统的成本。选择一个自己熟悉的软件环境对系统开发影响极大，使用自己熟悉环境的是很重要的。操作系统：windows 10；数据库：SQL SERVER 2008R2；开发工具：Microsof

20、t Visual Studio 2015；34第三章 系统分析3.1系统可行性分析在进行可行性分析期间，需要对系统进行全面评估。本设计可行性分析主要分为三个方面：技术、操作和社会三个层面。在开发过程中，会遇到很多不可逆的操作，以至于我们要经常进行系统可行性分析，这样有利于我们减少不必要的无用功，使得开发过程能够尽可能的高效、合理、可行。在整个设计过程中，偶尔会发生报错，也有做出来的功能不理想的情况，这意味着必须根据需求分析来完善，记录网站功能的实现过程和相关问题的解决办法，查漏补缺。等到系统开发完成后，不断调试运行，并记录相关信息。3.1.1 技术可行性在ASP.NET + SQLSERVER

21、的技术基础上，我对在校课程学习阶段学习到的技术和课外了解到的开发原理进行了深入研究，这使得一些框架知识变得较容易上手。MVC框架软件构件模式可以同时提供对HTML、CSS、JavaScript的完全控制，而且能为应用程序处理很多不同的视图，这对我开发在线匹配交友网站提供了很大的帮助。另外，代码和原理方面的问题，一般经过重复调试都能解决。所以我的在线匹配交友网站具有一定的技术可行性。3.1.2 操作可行性对于一个交友网站来讲，开发之后它的操作难度决定了它能否受到大规模的推广，这是我做交友网站必须考虑到的问题。所以我简化了很多操作，这款交友网站的用户只要有一台电脑，里面有浏览器可以打开网页，就根本

22、就不需要指导，用户能够很自然的自己学会使用，操作完全没有复杂性。而且基于前面这一点，我在开发这个网站的时候，并没有设置提示框来提供帮助，但我认为这完全不影响使用。所以，我做的这个网站是广大群众非常熟练的功能板块，一切的操作都很简单，易于上手。在操作上来说，具有可行性。3.1.3 社会可行性我的交友网站设计前期进行了大量的资料查询，事实证明在线交友这种网络服务形式会得到了越来越多人的认可。能够满足人们交友互动的需求，这也符合当今社会人们日益增长的精神需求。所以是有一定的社会可行性的，能够为社会各层面带来效益。3.2 系统功能需求分析随着互联网技术的发展和用户对网络交友的重视，在线匹配交友网站的潜

23、力巨大，因此可以建立以下基本需求：用户管理，个人信息管理，用户信息匹配，好友管理，聊天室以及用户搜索管理。本设计旨在改变交友网站的传统方式，设计一款简单便捷的在线在线匹配交友网站。数据流图可以很好的表达本设计的系统内部流向，可以清楚明白的查看系统逻辑功能和逻辑变化交互，以至于各个功能之间的关系一目了然，可以很容易的看懂这款网站各部分之间的逻辑关系。系统数据流图如下图3-1所示：图3-1系统数据流图通过业务流程图，我们可以清晰的看出网站的各种业务操作流程，反应出网站的使用业务流程信息。系统业务流程图如下图3-2所示：图3-2系统业务流程图3.2.1 系统需求本系统使用.NET技术进行开发编写，架

24、构方面基于B/S模式的系统，在服务器中集中存放系统软件和数据，在服务器上进行软件的安装与升级。3.2.2 功能需求对系统进行分析后，我可以确定交友网站设计的基本模块信息，这些模块信息包括了好友、聊天、朋友圈等模块管理功能，既要对用户登录注册信息进行存储，还要满足用户查找发布等等功能需求。3.2.3 性能需求本设计在性能功能达到以下要求：1.可扩展性本设计暂时是以现阶段的功能需求为目标进行开发的，是做一项毕业设计，但是这款网站还有很多可开发的内容，为了适应未来实际需求的变化，而且要方便将来有一些功能的维护和扩展，就意味着我必须要考虑到网站功能的扩展性问题。意思是我们在根据实际得需求增添新功能时，

25、不会对原系统架构和功能模块造成什么影响。2.稳定性为了方便答辩，本设计的运行应该要稳定，尽量不要经常报错，但是当网站功能比较多的时候，就要尽量做到提高各个功能的独立性，不要互相产生依赖，这样可以保证网站功能的稳定性。3.易用性这款交友网站的用户只要有一台电脑，里面有浏览器可以打开网页，就根本就不需要指导，用户能够很自然的自己学会使用，操作完全没有复杂性。而且基于前面这一点，我在开发这个网站的时候，并没有设置提示框来提供帮助，但我认为这完全不影响使用。所以，我做的这个网站是广大群众非常熟练的功能板块，一切操作都很简单。4.流畅性为提升用户体验感，本设计的使用过程中应该加载流畅、响应快速，尽量避免

26、用户等待时间。通过提升代码质量、建立高效的刷新机制、合理优化布局和内存等来提高响应速度，避免使用时出现加载卡顿的问题，从而减少等待时间。而且，在界面设计的时候，我通过提高布局复用、减少层级、删除一些控件的无用属性的办法来优化界面，这样做极大地提高网站页面的加载速度。最后，我使用线程初始化、异步延期加载等等方法，优化了闪屏页布局以及启动逻辑，这样大大地提高了启动速度，这款在线匹配交友网站流畅性已经达到最佳状态。5.安全性本设计中可以存储着大量的个人信息数据，所以我开发的时候就必须建立安全机制和权限设置，要保证操作用户身份的私密性和合法性，在源头就杜绝越权操作，这也能很好的保证用户的安全操作。3.

27、2.4 运行需求本设计适用于Windows平台，处理器不限，CPU内存尽量大，硬盘容量不限。3.3 业务需求分析3.3.1 用户需求用例在开发过程中，我需要研究用户需求，需要充分的了解用户对这款网站功能的需求再进行调整和开发。当确认用户的交友功能需求之后，需要建立可识别和可验证的交友基础。用户需求分析应提供尽可能多的有关本设计实现要求的信息，以便更好的运行这个交友网站。所以要求我的这个设计内容分析正确、完整、一致且可验证。此外，为了确保本设计的质量，便于用户交友功能的识别和验证，要求所有的表达没有任何歧义，可追溯性和可修改性。任务书和开题报告完成之后，我首先进行用户需求分析，根据系统的需要和要

28、求,进行可行性分析。所有角色及操作介绍如下用户用例图3-3所示：图3-3用户用例图管理员用例图如下图3-4所示：图3-4管理员用例图3.3.2 开发流程分析本网站在开发时，首先进行了需求分析，再是设计网站各功能模块，最后对系统进行总体设计规划和数据库的选择建立。系统开发流程图如下图3-5所示：图3-5系统开发流程图代码运行后会自动弹出本交友网站，用户可以登录网站的主页。因为后台存在数据库，所以当用户使用正确的用户名和密码登录时会向后台发送登录请求，我的后台会调用数据库以检查用户登录信息是否正确。如果信息正确，则用户进入相应的用户功能界面，否则提示账户密码错误，登录失败。系统操作流程如下图3-6

29、所示：图3-6系统操作流程图第四章 系统架构设计4.1系统开发软件的选择本设计使用ASP.NET语言进行前后台web的编写，在开发过程中采用的VS2015开发工具，VS是之前在校课程上就已经多使用过的，对于它的使用，我还是比较熟练。本设计采用了安全可靠的SQLSERVER数据库，这也是我们之前就使用过的数据库，相对来说操作上会容易一些，当我们的网站各种数据存储在数据库之中，后台可以调用这些数据以完成用户对网站功能的操作。本设计采用了MVC框架软件构件模式，它可以同时提供对HTML、CSS、JavaScript的完全控制，而且能为应用程序处理很多不同的视图，这对我开发这款在线匹配交友网站提供了很

30、大的帮助。4.2系统功能图系统设计的过程是将需求转换为用网站功能的过程。第一步要研究并分析目标体系，接下来要对该在线匹配交友网站来做总体的规划，这个是开发网站首要的步骤。在对系统做出分析研究以后，就可以制定我对这个网站的整体规划。本设计分为六部分，分为整体设计、详细设计、数据库设计和开发工具、技术及模式。经过对在线匹配交友网站需求分析的了解，我对网站的功能模块进行了一些划分，并进行了画图展示。图4-1是本系统所涉及的功能模块图：图4-1系统功能模块图4.3 系统数据库设计4.3.1概念模型设计通俗的说，数据库的建立是根据设计的网站需求，再结合选择的DBMS数据库管理系统来设计最适合的数据存储模

31、型，同时也要建立好表的结构，以及确定表与表之间的关联关系，最后达成的是有效的储存数据，可以高效的从数据库中取出已存储的数据。这个过程是：需求分析逻辑设计物理设计维护优化需求分析：数据是什么；数据有哪些属性；数据和属性分别有什么特点。逻辑设计：使用ER图对数据库进行逻辑建模。物理设计：根据数据库自身的特点，逻辑设计转变为物理设计。维护优化：新的需求要进行建表；索引优化；大表拆分。本设计中的朋友圈功能，实体E-R图如图4-2所示：图4-2 朋友圈实体E-R图（1） 本设计中的管理员功能，实体E-R图如图4-3所示：图4-3 管理员实体E-R图概念结构设计图是在分析数据的基础上建立了系统的分析和数据

32、库设计，然后从前面分析的角度，将设计的观点整合在一起，最终完成了系统的结构分析和优化设计，能清楚、直观、方便的表达出系统功能的逻辑关系，易于大家理解各种功能的作用。而E-R图能让大家对网站中每个角色或功能的具体属性模块一目了然，为设计数据库打下了良好的基础。通过对在线匹配交友网站的数据库设计需求分析，我们可以得出在线匹配交友网站的基本E-R图如图4-6所示：图4-6 系统E-R图4.3.2数据库表设计在线匹配交友网站的设计和实现需要数据库对信息进行保存，本设计采用SQLServer对系统所需数据的进行存储，通过对用户信息字段描述、数据类型、长度和是否为主外键进行信息存储，将这些数据以表格形式对

33、其进行描述，可以清晰地看到各个功能里面的信息数据。在建立数据库时，我们首先要做的是设计数据库表结构。也就是说，先有表结构的设计，才能进行数据库管理开发。所以，表结构做的不好可能会影响数据库的建立，甚至整个网站开发的进度，这会影响到我是否能按时完成论文和参加毕业答辩。而且数据库表结构设计的好坏也能看出数据库性能的优劣。以下各个表中的详细数据就是在线匹配交友网站数据库中存储的相关信息，分别从管理员以及用户几个方面对该设计的物理结构设计进行表述。数据库名：JiaoYou表名：TB_Admin序号列名数据类型长度小数位标识主键外键允许空默认值说明1IDint40是是否2UserNamenvarchar

34、500是3PassWordnvarchar500是表名：TB_News序号列名数据类型长度小数位标识主键外键允许空默认值说明1IDint40是是否2NeiRongnvarchar00是3AddTimedatetime83是表名：TB_PengYouQuan序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint40是是否2titlenvarchar500是3contentnvarchar00是4student_idint40是5addtimedatetime83是表名：TB_Room序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint40是是否2titlenvarcha

35、r500是表名：TB_Student序号列名数据类型长度小数位标识主键外键允许空默认值说明1IDint40是是否2StudentNonvarchar500是3UserNamenvarchar50是4PassWordnvarchar500是5Mannvarchar500是6Womannvarchar500是7ZhuangTainvarchar500是表名：TB_Student_Op序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint40是是否2friend1int40是3friend2int40是4typetinyint10是1好友2 拉黑 3 分组 4 备注5contentnva

36、rchar500是第五章 系统详细设计和实现5.1 用户端5.1.1用户登录当用户打开浏览器找到该网站时，页面将会显示一个登录窗口，当用户输入用户名和密码后，单击登录按钮，页面的js脚本会检查用户的账号和密码是否已填写。日过没有输入账号密码，系统会弹出提示框提醒用户输入账号和密码；当用户输入完成点击登录，后台会将这些数据提交到服务器，服务器调用数据库检查是否正确输入了用户名和密码。当输入正确的用户名和密码后，用户将成功登录，页面自动跳转到功能主页。当输入用户名不存在或密码不正确时，提示框会跳出来提示用户名或密码错误。以下所有界面运行都使用无痕模式，避免出现报错。登录页面如图5-1-1所示：图5

37、-1-1登录界面本界面为了符合交友的特性，选用了粉色的色彩基调，布局cover覆盖整个页面，登陆窗口设置在中间位置，一目了然，背景图用PS软件绘画设计，略显单调，所以后期加上雪花飘飘的动态效果，由JS和CSS3共同实现。5.1.2 聊天室功能用户登录网站后可以在聊天室内进行在线聊天，输入的信息是实时的，也就是说用户之间的互动是即时产生的，发送成功后对面的用户立马就能看到信息内容。只要用不同的浏览器就可以同时登录两个甚至更多的账号进行聊天室对话。另外我还设置了在聊天室页面，用户可以看到当前在线人数及用户昵称，点击用户名就可以查看用户信息详情。聊天室页面如下图5-1-2所示：5-1-2聊天室界面5

38、.1.3搜索用户功能用户登陆网站后可以搜索你想查看的用户的相关信息，输入用户名或者昵称也可以进行搜索，而且可以点击选择用户类型进行搜索查看该类型的用户信息。用户搜索界面如下图5-1-3所示：5-1-3搜索界面5.1.4密码修改功能用户注册了账号密码后数据库会进行登记，当用户登录网页后，可以通过点击修改密码按钮进入修改密码页面，但是用户必须先输入旧的密码，以确保是本人操作，身份信息验证完再进行新密码更换的操作，这样能保证一定的用户信息安全。密码修改界面展示如下图5-1-4所示：5-1-4密码修改界面5.2管理员端这是管理员的功能，用户不能进入操作。5.2.1管理员登录当打开管理员登录页面，就会出

39、现一个管理员登录窗口，和用户登录一样，设置了用户名和密码两个框，当管理员输入密码后会自动与后台数据库账号密码相比对，正确的话会进入管理界面，进行管理功能。管理员登录界面展示如下图5-2-1所示：5-2-1密码修改界面5.2.2用户管理（1）添加用户管理员登陆系统后可以点击添加用户，输入用户名、姓名和密码，而且可以设置用户的状态为正常或者拉黑。添加用户界面展示如下图5-2-2所示：5-2-2-1添加用户界面（2）用户管理管理员登陆系统后可以点击用户管理，系统会先去用户表中查询用户信息，后台获取返回值后将返回值返回到页面，管理员就可以查看到历史用户信息。当管理员点击新增用户信息，页面将跳转到新增页

40、面，在此页面管理员可以输入用户信息，然后提交表单，表单数据载入后台并进行解析，通过每个字段的获取将用户信息解析后生成sql语句，对数据库中用户信息表做添加数据操作。用户管理界面如下图5-2-2-2所示：5-2-2-2用户管理界面（3）用户信息匹配管理员登录网站后可以查看用户的详情信息，为了促进交友，管理员可以点击匹配管理进入用户列表页面，添加用户匹配信息，判定用户账号的状态，或者为用户添加或者删除好友。匹配管理界面如下图5-2-2-3所示：5-2-2-3匹配管理界面（4）已拉黑用户管理员登陆系统后可以查看用户增加的黑名单用户列表，也可以对黑名单信息进行操作。黑名单管理界面如下图5-2-2-4所

41、示：5-2-2-4黑名单用户管理界面5.2.3修改密码不仅仅用户可以修改密码，管理员也能更改自己的密码，原理和用户端一致。修改密码界面如下图5-2-3所示：5-2-3黑名单用户管理界面第六章 系统测试6.1 测试方法多次运行，用不同的浏览器打开，查看功能是否都能正确实现。6.2 测试实例本系统一共有2个需要测试的模块，即：（1）管理员模块的使用测试（2）用户模块的使用测试测试用例号输入数据测试结果T1登录正常T2用户聊天管理正常T3管理员用户管理正常T4管理员匹配管理正常表6-1测试结果表在这里管理员只测试系统的管理功能，测试结果如表6-1所示。经过测试和调试，系统可以根据需求正常运行，基本没

42、有错误，可以满足用户需求。在系统的整体测试过程中，系统功能相对简单，只需要进一步完善数据库储存。6.3 系统维护当网站调试结束，将会进入正常运行，这个阶段主要是进行系统维护。系统维护主要包括升级与更新。这些工作都是要一直进行。6.3.1系统维护对用户提出的系统中存在的情况应当立即检查，如果证实的确是服务器及页面的问题，则应及时改进。对于用户对系统提出的建议，应该取其优点去其糟粕，并在今后加以应用。同时将过期的、无用的信息删除，减轻程序的负担，并且要提高服务器的稳定性以及减短响应时间。这个过程主要是我本人和几位同学一起使用此网站，并进行意见建议反馈，再加以更新网站各方面内容。6.3.2系统内容更

43、新不断更新用户信息。6.3.3系统布局更新当需要经常更新系统内容情形下，该系统很难长久博眼球，这就需要定期更新系统。6.3.4系统升级（1）系统应用程序升级：网站经过长时间的运行，可能会产生一些问题，类似用户信息丢失或者更改，这样会带来许多麻烦，因此管理员要经常进行实时监控，发现问题立即处理，这样会一定程度上降低风险。（2）系统后台数据库升级：系统长久运行后可能存在数据库的速度问题。在业务量小的起始阶段因采用的数据库为小型所以处理大量数据可能产生服务器停机的后果。出现上述情况时就要考虑升级数据库。（3）操作系统的升级：稳固的系统亦是服务器性能的强有力的保证。第七章 总结和体会还记得大二的网站开

44、发课程，虽然一问三不知，但是看到自己模仿着做出来了新浪微博时，就决定了毕业设计要选择做网站。可是我们学的东西实在是太浅了，最开始做网站时，我只有迷茫，通过不断地翻以前的项目和参考网络上各个平台教学视频，我慢慢理解和熟悉怎么设计和开发一款网站。事实上，虽然网站自己并不太会做，但是市面上却已经有千千万万个成熟的网站在运营了。所以做什么网站好，我也思考了许久。最终决定做一款在线匹配交友网站，希望能够实现开发。经过此次项目的设计和开发，我从其中明白：要遵循一个项目的开发流程和每步实施过程的逻辑关系，并且要更加清楚明白的了解相关的代码和可以实现的功能。这个过程中，我也知道了自己专业知识的薄弱，因为开发过程中确实付出了大量的时间和精力。这次开发刷新了我对程序设计的认知，做一个程序员多么的不容易！开发并不是简单的代码堆积就可