上海工程技术大学交友网站的设计与实现

章周

摘要：在数字信息时代，每个大学都有自己的教学管理系统，该系统是将学生与学校之间建立联系，但缺少了学生与学生之间联系的桥梁，所以为了更好地帮助在校大学生更好地适应校园生活、结识同学、搜集信息。有必要设计针对学生的交友网站，该网站集学生论坛，用户注册登录，失误招领，寻人问事等功能为一体。采用ASP.NET平台进行开发，数据库采用Mongo dB，并部署至阿里云服务器，该网站在PC端和手机端都可使用。

关键词：网站设计;ASP.NET;交友网站

中图分类号：TP311 文献标识码：A

文章编号：1009-3044（2020）13-0105-03

1概述

在日新月异的网络时代，信息技术的迅猛发展和广泛、深入地应用，推动了各行各业的技术进步，同时也向高校提出了更高的要求，高校教育的迅速发展对教学手段和教育管理体系逐步网络信息化的同时，校园学生生活也应该与时俱进，基于这种思考，我们本次创新项目开发这个上海工程技术大学交友网站，目的是使志同道合的人有共同奋斗的目标，让彼此遇见有趣的灵魂，加强校园内学生的交流与沟通，同时分享在校园中的心情，留言等一点一滴，让校园生活因此而多一点精彩与期待。

2需求分析

2.1功能需求分析

本网站为学生提供交流沟通的平台，应具备以下几种功能：

1）用户注册登录功能

用户注册登录功能是大部分网站平台的基本功能之一，目的在于识别用户，限制权限，方便完成后續功能，因此用户名的注册应保持唯一性。

2）个人资料设置功能

当用户注册并登录成功后，可以进行资料完善（例如：头像修改、个性签名、联系方式，姓名性别等设置）

3）论坛功能

网站论坛分为三个模块，分别是：失物招领、交友信息、校园新闻模块。学生可以在对应的模块通过发帖来达到所需目的，只有注册成功并且登录的用户才能进行发帖、评论等操作，论坛还设有管理员模式，用于管理论坛各项权限事务，以及过滤删除不良帖子与评论。论坛功能也是该网站最为核心的功能。

4）主页功能

主页功能是该网站的门户，学生用户进入网站看到的第一个页面就是主页。随着时代的进步，用户对界面的要求越来越高，一个美观的主页直接影响了用户体验。所以我们的主页设计也相对比较美观。除此之外，还有关于网站的基本介绍，与问题反馈功能，用于帮助学生更好的使用本网站，并且帮助开发者收集问题，不断维护和完善网站。

2.2非功能需求分析

1）美观简洁的用户界面：一个网站拥有美观的用户界面不仅可以给用户好的用户体验，也能让用户使用网站变得更加方便快捷。

2）实现高并发以及较短的响应时间：随着用户使用人数的增加，对网站服务器的要求越来越高，高并发可以使网站正常运转，使数据与界面保持一致，而响应时长直接决定了用户体验。

3）用户数据安全性：数据库采用MongoDB数据库，这是一种NoSql类型的分布式数据库，以文档的方式记录每一条记录，这样能实现数据的高速读取，而分布式的存储更是加大了数据的安全性。此外，网站还采用了Hash加密的方式对用户密码进行加密。

3技术选型

3.1 ASP.NET

在Web开发的发展过程中，ASP.NET是一种较为主流的开发平台，它为开发者提供了企业级应用所必需的全部服务，并且它还兼容多种公共语言（例如：Visual C#、Visual Basic等）。ASP.NET框架支持面向对象编程的思维模式，使得Web便于阅读与维护，它开发出来的Web程序既支持PC端，也支持移动端，拥有高安全性的同时又减少开发成本。

3.2MongoDB

MongoDB作为NoSQL类型的数据库，所谓NoSQL，就是指不使用SQL作为查询语言，其数据存储也不用采取很严格的表格模式，所以它具有高可拓展性，分布式计算，低复杂度关系，低成本等特点，数据的存储采用Json格式，有很好的代码亲和性，因而在Web应用中大量使用。在一个初期网站，许多数据以及功能有待拓展与完善，而MongoDB可以很好地解决这一点。

3.3阿里云服务器

阿里云作为全球领先的云计算及人工智能科技公司，拥有先进的科学技术，服务于各行各业，业务拓展至200多个国家和地区，在云计算与云服务方面更是首屈一指。在这样的强大背景下，选用阿里云服务器能实现高性价比，节省60%左右的成本投入。能实现高稳定性，有多重备份，秒级恢复，按需扩容等保障功能。数据更是安全可靠，阿里云有全球最大的网络攻击防御经验，为用户服务保驾护航。除此之外，阿里云还有一系列的云服务生态系统和金牌客服服务来帮助用户云上作业。

4网站设计

4.1功能设计

用户首先进入网站主页，在该页面，用户可以了解网站的用途与基本功能。然后以游客身份进入校园论坛页面，此时用户可以进行浏览帖子的操作，但用户要想进行发帖、评论、删除、私信其他用户等操作，必须先要注册一个账户并登录成功。具体功能结构如图1所示。

4.2数据库E-R图设计

5网站实现

5.1网站主页界面实现

网站主页采用以图片作为背景的设计，网站设计为简约风格，界面元素相对较少，直接用一句话言简意赅地表达了网站的功能，使得界面在维持美观的基础上方便用户使用，网站域名的设计为websues.cn，采用了学校名字的缩写，方便学生记忆使用。

网站的主页功能同时支持PC端（图3）和移动手机端，满足不同用户的使用环境需求。

5.2用户登录注册界面实现

进人论坛页面，用户若要进行发帖、评论、回复、私信等功能，必须要进行用户登录。若用户不存在，可先进行用户注册，在注册过程中，还设有验证，例如：用户名必须大于3位数，密码长度必须大于六位。注册成功后即可登录。（登录界面如图4，用户注册界面如图5）

5.3论坛功能界面实现

论坛功能为本网站的核心功能，如图6分为失物招领、交友信息、校园新闻三大模块，学生可在对应的模块进行发帖来达到自己的目的。如图7所示为发帖界面，图8则为发帖成功后进人到该帖子的界面，在该帖子中，其他用户可进行评论。楼主则可进行回复和删帖、编辑等操作。

5.4个人资料设置界面

如图9所示为个人资料设置界面，完善资料可帮助他人更好地了解你，增加帖子的真实性与可信度。在该界面中，可实现头像修改、资料完善、查看已发帖子、查看私信等功能。

6总结

通过该网站的建设，使得学生与学生之间有了直接沟通的桥梁，可以帮助学生们更好地了解学校，帮助新生更快适应大学生活，帮助学生找到自己合适的朋友或群体。

网站实现了较为简洁美观的界面，基本的核心功能也建设完成，但是仍然有需要完善的地方，例如：后期可以连接学校数据库，用于学生身份的验证，增强学生信息的真实性，并且可以使用学号，进行用户登录。随着网站使用人数的增加，也会进行相应的功能拓展，例如：开设心情分享、图书角、音乐角等模块。让学生在交友中更好的学习，学习中扩展自己的朋友圈。

至于技术层面，服务器的并发程度依然不够全校学生同时使用，如果再加上游客浏览，则会出现服务器过载，导致用户长时间得不到响应，所以后期网站完善也应努力扩大服务器的并发程度，服务于更多的用户，给予他们更好的用户体验。