摘要：随着大学的校园生活不断丰富多彩，同学、校友之间的沟通交流也越来越密切，人际关系也越来越复杂。从最开始的一个寝室，到一个专业，再到同一所大学，学生的交际范围越来越大，形成了密密麻麻的校园社交圈，学生的见识和思想也在不断的提升，沟通交流都得到了大幅度的锻炼和提升，还在其中找到了与自己志同道合的朋友、兄弟。在当今的互联网大时代中，越来越多的社交软件、网站出现在人们的生活里，校园社交也应运而生。校园社交网站是一个服务于校园人群的社交系统，其诞生是为了让人们拥有更好的校园生活以及为学生创造更多爱好与知识碰撞的机会与平台。与其他社交网站相比较，本网站还提供了校园内专属服务，例如查成绩、考试时间、课程表等等便捷服务，为用户们创造了更多的便捷之路，真正意义上的做到了学习、社交两不误。

本论文主要描述了校园社交网站的设计与实现。校园社交网站实现了用户之间的便捷聊天，发文件、发动态等等功能，管理员可以发布通知，查看用户的分布图和每天在线人数的实时数据等，本网站前端页面的UI设计更是独特，清晰明了，轻快明朗。

本网站采用最主流的前后端分离模式，前端界面主要以Vue.js前端框架进行开发，用Node.js作为后端开发框架，UI设计方面使用了Element UI组件库，数据库采用了MySql数据库，本网站主旨为用户提供美观的聊天、学习环境以及良好的使用体验。

 

关键词：校园社交；前后端分离；Vue.js；Node.js

 

目录

摘要

Abstract

第1章 绪论 1

1.1系统的研究背景 1

1.2研究的目的和意义 1

1.3国内外的研究现状 1

1.3.1 国内研究现状 1

1.3.2 国外研究现状 2

1.4 相关应用技术的介绍 2

1.4.1 Vue.js框架 2

1.4.2 Node.js框架 2

1.5 论文研究内容 3

1.6 论文组织结构 3

第2章 校园社交网站系统需求分析 4

2.1用户需求 4

2.2可行性分析 4

2.2.1 技术可行性分析 4

2.2.2 操作可行性分析 4

2.2.3 经济可行性分析 5

2.3 系统功能需求 5

2.3.1 系统功能参与者 5

2.3.2 系统用例模型 5

2.4各模块用例描述 6

2.4.1登录注册模块用例描述 6

2.4.2动态模块用例描述 8

2.4.3好友模块用例描述 10

2.4.4个人中心模块用例描述 12

2.4.5 管理员模块用例描述 14

2.5 非功能性需求 16

2.5.1环境需求 16

2.5.2完整性需求 17

2.5.3 适应性需求 17

2.6本章小结 17

第3章 校园社交网站系统设计 18

3.1 系统设计原则 18

3.2 系统总体架构设计 18

3.3 系统功能模块结构设计 19

3.4 系统类图设计 19

3.5 数据库设计 20

3.5.1 数据库概念模型设计 20

3.5.2 数据库逻辑结构设计 24

3.6 系统界面设计 28

3.7 本章小结 29

第4章 系统详细设计与实现 30

4.1 用系统开发与运行环境 30

4.2 发布动态功能详细设计与实现 30

4.2.1 界面详情 30

4.2.2 实现细节 31

4.2.3 功能流程 31

4.3 选择动态背景主题功能详细设计与实现 32

4.3.1 界面详情 32

4.3.2 实现细节 33

4.3.3 功能流程 33

4.4 添加好友功能详细设计与实现 34

4.4.1 界面详情 34

4.4.2 实现细节 35

4.4.3 功能流程 36

4.5 聊天功能详细设计与实现 36

4.5.1 界面详情 36

4.5.2 实现细节 37

4.5.3 功能流程 37

4.6 管理员授予用户权限删除用户功能详细设计与实现 38

4.6.1 界面详情 39

4.6.2 实现细节 39

4.6.3 功能流程 39

4.7本章小结 40

第5章 系统测试 41

5.1 系统测试的目的 41

5.2 系统测试的方法 41

5.3 系统测试用例 41

5.3.1 登录注册模块测试用例 41

5.3.2 动态模块测试用例 42

5.3.3 好友模块测试用例 42

5.3.4 个人中心模块测试用例 44

5.3.5 管理员模块测试用例 44

5.4 本章小结 45

第6章 结论 46

致谢 47

参考文献 48