项目运行
环境配置：
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。
项目技术：
vue + mybatis + Maven +mysql5.7或8.0等等组成，B/S模式 + Maven管理等等。
环境需要
1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可
4.硬件环境：windows 7/8/10 4G内存以上；或者 Mac OS；
5.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目
6.数据库：MySql 5.7/8.0等版本均可；
考虑到实际生活中在校园社团管理管理方面的需要以及对该系统认真的分析,将系统权限按进行划分。
管理员登入使用本系统涉到的功能主要有系统首页、个人中心、学生管理、社长管理、社团分类管理、校园社团管理、加入社团管理、活动类型管理、社团活动管理、活动报名管理、取消报名管理、通知公告管理、系统管理等功能。管理员用例如图3-1所示。
图3-1 管理员用例图
社长登入使用本系统涉到的功能主要有系统首页、个人中心、校园社团管理、加入社团管理、社团活动管理、活动报名管理、取消报名管理等功能。社长用例如图3-2所示。
图3-2 社长用例图
学生登入使用本系统涉到的功能主要有系统首页、个人中心、加入社团管理、活动报名管理、取消报名管理等功能。学生用例如图3-3所示。
图3-3 学生用例图
由于不同的系统实际使用用户角色的不同 , 他们的业务分析也会变得有所不一样 , 为了论述方便接下来都将以 管理员、社长和学生 功能权限下的系统业务流程来分析 , 如下图所展示 :
图3-4 用户管理流程
个人中心管理流程如图3-5所示：
图3-5 个人中心管理流程
登录流程如图3-6所示：
图3-6 登录流程
系统整功能如下图4-1所示：
图 4-1 系统总体功能模块图
概念模型是对现实中的问题出现的事物的进行描述， ER 图是由实体线以及关联构成的图， E-R 图可以明确地叙述系统中涵盖的实体线相互关系。
活动报名 实体图如图4-2所示：
图4-2 活动报名实 体图
校园社团 实体图如图4-3所示：
图4-3 校园社团 实体图
社团活动 实体图如图4-4所示：
图4-4 社团活动 实体图
取消报名 实体图如图4-5所示：
图4-5 取消报名 实体图
加入社团 实体图如图4-6所示：
图4-6 加入社团 实体图
当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到 校园社团管理系统 的导航条和 社团资讯、关于我们 等。系统首页界面如图 5-1 所示：
图 5-1 系统首页界面
系统注册：在系统注册页面输入学生注册信息进行注册操作，系统注册页面如图5-2所示：
图5-2系统注册页面
校园社团：在校园社团页面的输入栏中输入社团账号、社长姓名、联系电话、社团分类、社团宗旨、社团人数、社团口号、成立时间进行查询，可以查看到校园社团详细信息；并进行评论操作；校园社团页面如图5-3所示：
图5-3校园社团详细页面
个人中心：在个人中心页面输入个人信息可以进行更新操作，并根据需要对我的收藏行详细操作；如图5-4所示：
图5-4个人中心界面
后台用户登录，在登录页面选择需要登录的角色，在正确输入账号和密码后，进入操作系统进行操作；如图5-5所示。
图5-5后台登录界面
管理员进入主页面，主要功能包括对系统首页、个人中心、学生管理、社长管理、社团分类管理、校园社团管理、加入社团管理、活动类型管理、社团活动管理、活动报名管理、取消报名管理、通知公告管理、系统管理等进行操作。管理员主页面如图5-6所示：
图5-6管理员主界面
管理员点击学生管理。在学生页面输入学号进行查询、新增或删除学生列表，并根据需要对学生详情信息进行详情、修改或删除操作；如图5-7所示：
图5-7学生管理界面
管理员点击社长管理。在社长页面输入社团账号进行查询、新增或删除社长列表，并根据需要对社长详情信息进行详情、修改或删除操作；如图5-8所示：
图5-8社长管理界面
管理员点击社团分类管理。在社团分类页面输入社团分类进行查询、新增或删除社团分类列表，并根据需要对社团分类详情信息进行修改或删除操作；如图5-9所示：
图5-9社团分类管理界面
管理员点击校园社团管理。在校园社团页面输入社团名称进行查询、新增或删除校园社团列表，并根据需要对校园社团详情信息进行详情、加入社团、修改、查看评论或删除操作；如图5-10所示：
图5-10校园社团管理界面
管理员点击加入社团管理。在加入社团页面输入社团名称、姓名和选择是否通过进行查询或删除加入社团列表，并根据需要对加入社团详情信息进行详情、修改或删除操作；如图5-11所示：
图5-11加入社团管理界面
管理员点击活动类型管理。在活动类型页面输入活动类型进行查询、新增或删除活动类型列表，并根据需要对活动类型详情信息进行详情、修改或删除操作；如图5-12所示：
图5-12活动类型管理界面
管理员点击社团活动管理。在社团活动页面输入社团名称、活动名称进行查询、新增或删除社团活动列表，并根据需要对社团活动详情信息进行详情、报名、修改、查看评论或删除操作；如图5-13所示：
图5-13社团活动管理界面
管理员点击活动报名管理。在活动报名页面输入社团名称、活动名称和学号进行查询、新增或删除活动报名列表，并根据需要对活动报名详情信息进行详情、取消、修改或删除操作；如图5-14所示：
图5-14活动报名管理界面
管理员点击取消报名管理。在取消报名页面输入社团名称、活动报名、学号和选择是否通过进行查询或删除取消报名列表，并根据需要对取消报名详情信息进行详情、修改或删除操作；如图5-15所示：
图5-15取消报名管理界面
