摘要：本项目基于React架构，实现组件化开发，页面布局采用Material UI框架，采用模块化的方式进行开发，Scss预编译生成元素样式及定位，再通过JavaScript实现相应的效果和交互，并由React控制数据的变化。系统主要以大学生的兴趣为对象，建立兴趣圈，比如将兴趣圈分为运动、文学、艺术、休闲等几个大类，然后每个大类下有各个二级分类，例运动下有篮球、羽毛球、游泳等，二级分类下则是同学们的各种兴趣圈，如游泳下大家可以建立自由泳、游泳小常识等等圈子。大家可以关注自己感兴趣的兴趣圈，及时通过公众号的推送获得所关注的兴趣圈的最新动态，每个圈子里大家可以自由发表文章，在文章的内部大家还可以自由的发表评论，若是喜欢本篇文章也可以收藏，方便下次阅读。关注的圈子、收藏的文章、发表的评论可以在我的个人中心里找到。

    本项目实现的功能包括：用户登录，申请创建兴趣圈，关注兴趣圈，发表文章，收藏文章，随时发表评论进行交流、申请成为管理员等功能。通过一些调查，资料查看，代码实现以及一系列的测试，最终将这些功能尽最大可能实现。

关键词：兴趣圈；交流分享；React

目录

摘要

Abstract

1 绪论-1

1.1 研究背景与意义-1

1.2 研究内容-1

1.3 相关技术简介-2

2 系统可行性及需求分析-3

2.1 系统可行性分析-3

2.1.1技术可行性分析-3

2.1.2 经济可行性分析-3

2.1.3 操作可行性分析-4

2.2 系统需求分析-4

2.2.1 系统功能需求分析-4

2.2.2 系统性能需求分析-5

2.2.3 系统主要技术分析-6

3 系统模块设计与实现-7

3.1 系统操作流程设计-7

3.2 个人资料页面-9

3.3 兴趣圈列表页面-9

3.4 博文列表页面-10

3.5 兴趣圈详情页面-11

3.6 博文详情页面-11

3.7 主页面-12

3.8 管理员页面-13

4 系统测试-14

4.1 功能测试-14

4.1.1 UI测试-14

4.1.2 安全测试-14

4.1.3 主要测试用例-15

4.2 测试结果-15

4.3 小结-16

结    论-17

参 考 文 献-18

致    谢-19