1产品概述
1.1产品背景
随着学校规模不断扩大，学生人数日益增多，有关学生的信息也成倍增长。以往社团招新往往仅使用纸质报名表格，大量的纸张数据给社团管理人员带来了繁琐的工作，有必要开发社团招新管理网站来提高社团招新的工作效率。社团管理人员可以做到对报名信息的规范管理、科学统计、快速查询和高效通知，从而减少了社团招新的工作量。建立属于校园社团的实用性管理网站具有深远意义。
社团招新报名网站是由社团管理人员审核学生报名提交的表单信息并通知学生是否通过录用的网站。系统主要包括以下几点内容：学生报名系统，关于社团的介绍，管理员登录的页面，管理员可以控制报名系统是否开启，查看报名管理列表，对学生进行审核，并进行邮件通知等操作。以便满足社团招新报名的需求。
1.2产品目的
以往社团招新是学生纸质报名，社团管理人员事后手工统计的方式去处理，办事效率较低。因此，开发社团招新管理网站可以规范管理、科学统计、快速查询和高效通知，减少了工作量，使社团招新更加方便、快捷。
1.3产品结构
整个网站分为两大模块，分别是面向学生报名模块和面向社团管理员模块。
2需求内容
2.1功能总览
效果图如下：
2.2功能详情-UI与交互逻辑
2.2.1学生报名模块
（1）导航功能
内容：导航包括：社团logo、首页、社团介绍、报名、管理登录。介绍社团每个小组，包括：管理组、采访组、编辑组，以及各个小组的介绍内容。
交互：鼠标移至首页、社团介绍、报名、管理登录时，字体变黑色，点击首页、社团介绍、报名、管理登录可以切换至对应的界面。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（2）轮播图
内容：招新宣传图片。
交互：图片每隔五秒自动播放下一张，从左往右循环播放。手势左右滑动可以切换图片。
数量：保证三张宣传图片。
异常情况：当网络异常、获取不到服务端数据，即无法加载图片时，展示默认图片。
界面：
（3）社团介绍
内容：介绍社团每个小组，包括：管理组、采访组、编辑组，以及各个小组的介绍内容。
交互：鼠标移至管理组、采访组、编辑组时背景颜色加深，点击各小组名称切换至对应的介绍信息。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（4）报名功能
内容：在线报名表单，包括：姓名、学号、班级、性别、手机号、邮箱、意向、自我描述、提交按钮。
交互：点击姓名、学号、班级、手机号、邮箱、自我描述文本框可以输入对应文本；点击性别列表可以选择：男、女；点击意向列表可以选择：管理组、采访组、编辑组；点击提交按钮，跳出提交成功提示框。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
2.2.2管理员模块
（1）登录功能
内容：管理人员通过导航的“管理登录”切换至管理登录界面，包括：账号、密码文本框、记住密码复选框、登录按钮。
交互：账号和密码文本框可以输入对应文本；点击复选框记住密码；点击登录按钮，进入登录界面。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（2）管理功能
内容：上方导航包括logo，退出按钮。左侧导航包括：仪表盘、报名管理、数据分析、邮件通知。
交互：鼠标移至仪表盘、报名管理、数据分析、邮件通知时，背景颜色加深。鼠标停留在数据分析时，右侧出现报名统计和往届数据菜单。点击左侧导航可出现相应的内容。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（3）仪表盘
内容：当前报名人数，开启报名按钮。
交互：点击开启按钮切换到关闭按钮状态，点击关闭按钮切换到开启按钮状态。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（4）报名管理
内容：报名列表，导出按钮，下拉菜单包含学号和姓名，搜索框，操作包含驳回、通过、删除按钮。
交互：下拉菜单包含学号和姓名。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（5）数据分析-报名统计
内容：下拉菜单包含折线图、柱状图、饼图、列表，以及对应图表。
交互：下拉菜单切换相应图表。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（5）数据分析-往届数据
内容：下拉菜单包含折线图、柱状图、饼图、列表，以及对应图表。
交互：下拉菜单切换相应图表。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
（5）邮件通知
内容：保存模块、选择模块、新建模块、发送记录，发送按钮；标题文本框，发送者文本框；邮箱文本框；发送成员下拉列表。
交互：点击按钮跳转详情页。
异常情况：当网络异常、获取不到服务端数据，即无法获取网站界面时，跳出提示框。
界面：
