1、引言
##1.1 项目源代码整合:html
- 学生会管理系统WEB端: 连接
- 学生会管理系统小程序: 连接
- 学生会管理系统后端: 连接
- 学生会管理系统安卓端:连接
- 前期接口文档以及需求文档:连接
- 后端后期spring整合swagger文档:连接
- 墨刀原型:连接
- 分布式部分
因为服务器缘由,目前分布式相关已经关闭服务器,再也不运行。 ##1.2 各个成员我的总结:前端
- 王樟:https://www.cnblogs.com/athony/p/12012699.html
- 林型双:https://www.cnblogs.com/xingslin/p/12014029.html
- 张雅慧:https://www.cnblogs.com/zhangyahui/p/12014022.html
- 王志伟:https://www.cnblogs.com/wzw-blog/p/12011050.html
- 朱文建:https://www.cnblogs.com/zhuwenjian/p/12013163.html
- 黄晨觉:https://www.cnblogs.com/Wakerhcj/p/12000920.html
##1.3 项目分工 | 学号 | 姓名 | 分工 | | :------- | :----- | :--------------------------------------------------- | | 31702283 | 王樟 | 后端设计与开发(java)、Druid数据池 | | 31703178 | 林型双 | 网页前端设计开发(web) | | 31701424 | 王志伟 | 微信小程序开发及小程序前端设计 | | 31701090 | 朱文建 | App开发、软件测试(Android)、部分UI设计、APP架构 | | 31701072 | 黄晨觉 | App开发、软件测试(Android)、部分UI设计、文档博客撰写 | | 31701066 | 张雅慧 | 原型设计、前端总设计(Android)、UI优化 |java
2、需求分析
2.1项目简介:
“学生会管理系统”是一个校园学生会管理系统,主要是为了实现互联网+校园的推广,简化学生会办公流程,提升管理和活动审批效率。git
2.2整体目标:
整体目标:为了实现互联网+校园的推广,简化学生会办公流程,提升活动审批效率。github
2.3具体需求分析:
需求分析文档:https://www.showdoc.cc/531866446040267?page_id=3215826359892937(内容过长不在博客里详细列出,若是有兴趣能够在showdoc中查看)web
3、user case图,类图,流程图展现
3.1 文件连接
设计图文件连接:https://github.com/ZhuwenJ/Designspring
3.2 博客相关
博客连接:https://www.cnblogs.com/zhuwenjian/p/11884350.html小程序
4、网页端原型展现
##4.1 登陆与注册界面 登陆界面: 后端
注册界面: 微信小程序
- 登陆界面展现
- 注册界面展现
##4.2 主界面 登录后界面:
- 登陆后进入主界面
- 主界面显示所属部门成员数
- 显示审核事件数
- 显示通知数及最近通知
- 侧边栏能够跳转到各个管理模块的界面
##4.3 综合管理-成员管理 成员管理:
- 综合管理下的成员管理主界面
- 按列表显示成员信息
- 能够输入关键字搜索相关成员信息
- 能够添加新成员信息、刷新信息
##4.4 综合管理-部门管理 部门管理:
编辑部门信息功能展现:
- 综合管理下的部门管理主界面
- 编辑部门信息,新改部门的信息
- 按列表显示部门信息
- 能够输入关键字搜索相关部门信息
- 能够添加新部门信息、刷新信息
##4.5 综合管理-历史活动管理
历史活动管理:
- 能够搜索活动相关信息
- 能够刷新活动管理界面检查是否有新的活动
- 能够对现有的活动进行删除
##4.6 审核管理界面 审核管理界面(包括请假审核和活动审核):
- 现有的相关申请都会以列表形式显示
- 能够点击审批按钮进行对应活动的审核
##4.7 申请管理
活动申请:
请假申请:
查看历史申请记录:
- 申请界面能够填写并提交申请
- 活动申请提交须要填写活动名称、人员数量、活动时间、参与部门
- 请假申请提交须要填写学号、部门、请假时间、请假缘由
- 能够查看历史申请记录
##4.8 部门信息
修改部门信息:
- 部门信息界面显示部门的相关信息
- 主要信息设置为不可写状态,以避免随意更改
##4.9 通知
通知:
- 查看通知
- 能够看到现有的全部的通知
- 通知显示发送通知的部门、时间、具体人员、内容
##4.10 我的信息
修改我的信息:
修改密码:
- 我的信息界面下能够修改我的信息、修改密码
- 修改我的信息处只容许修改分院、专业班级、电话号码、电子邮箱
- 修改密码处不容许对学号进行修改
##4.11 不一样权限用户的主界面
游客界面:
干事界面:
部长界面:
副主席、主席、指导老师界面:
- 游客权限用户的主界面展现
- 干事权限用户的主界面展现
- 部长权限用户的主界面展现
- 副主席、主席、指导老师权限用户的主界面展现
5、安卓端原型展现
##5.1 登陆界面 登陆界面:
- 登陆界面输入帐号和密码便可登陆
- 能够在登陆界面跳转到帐号注册界面和找回密码界面
##5.2 注册界面
注册界面:
- 注册界面输入相关信息点击最下方的注册按钮
- 注册须要填写具体的信息
##5.3 消息界面
消息界面:
- 消息界面会显示其余用户发来的消息
- 显示其余用户的消息内容并统计未读的消息
##5.4 管理主界面 管理主界面:
- 管理界面包含六个模块和下方导航栏
- 六个模块分别是部门管理、活动管理、人员管理、请假管理、考评管理、审批管理
##5.5 用户我的界面 用户我的界面:
- 我的界面会显示用户的职位
- 用户能够经过在我的界面点击审批消息和增长事项跳转到对应界面
- 不熟悉具体操做的用户能够点击使用手册来了解各个功能
##5.6 部门管理界面
部门管理:
部门信息界面:
部门搜索:
- 在管理主界面能够经过点击部门管理跳转到部门管理界面
- 部门管理界面会显示现有的部门和简介
- 点击某一部门能够查看该部门的相关信息
- 选择查询内容来进行部门信息的搜索
##5.7 活动管理界面 活动管理:
申请活动:
活动消息:
**活动搜索: **
- 在管理主界面能够经过点击活动管理跳转到活动管理界面
- 活动管理界面含有5个选项:申请活动、删除活动、修改活动、查看全部、活动通知
- 申请活动界面须要填写活动的相关信息后才能提交
- 删除活动能够经过点击现有的活动进行
- 活动消息以列表形式显示
- 能够选择查询内容来查询相关活动
##5.8 人员管理界面 人员管理界面:
- 在管理主界面能够经过点击人员管理跳转到人员管理界面
- 人员管理界面显示部门的全部人员并显示部分信息
##5.9 请假管理界面 请假管理界面:
个人请假:
请假申请:
- 在管理主界面能够经过点击请假管理跳转到请假管理界面
- 管理主界面有个人请假、申请请假两个选项
- 个人请假界面显示本身已经提交的全部请假
- 申请请假界面须要填写请假活动和请假缘由,学号姓名自动获取
##5.10 审批管理界面 因为该模块目前在美化界面,仅先展现部分
审批管理:
审批部门相关:
审批人员相关:
- 在管理主界面能够经过点击审批管理跳转到审批管理界面
- 审批管理界面下有部门相关、活动相关、人员相关、请假相关
- 部门相关审批界面下包含新增部门、撤销部门、修改部门的申请
- 人员相关审批界面分为职位变更、干事纳新
##5.11 考核管理界面 图片是原型展现时期的,由于后台已经关闭,没法展现完成的界面
考核管理列表:
- 考核的信息会以列表形式展现
##5.12 通知管理界面 通知管理:
通知具体内容:
通知分类:
请假通知:
- 在管理主界面能够经过点击通知管理跳转到通知管理界面
- 通知界面能够发布通知、撤销通知、查看通知
- 通知显示时会显示通知的分类
- 查看通知后能够点击具体通知查看通知内容
6、小程序端原型展现
##6.1 前言 全部null或者为XX的数据或者为空的部分,根据后端获取的数据能够自动填充,大多数添加、删除、修改界面相似,就不重复给出了 ##6.2 登陆界面和重置密码
登陆界面:
重置密码界面:
- 登陆界面输入学号和密码进行登陆
- 登陆按钮下方有注册和重置密码功能
- 重置密码只需输入学号后便可重置,重置的密码是默认的(仿照学校设置)
##6.3 注册界面 注册界面:
选择分院:
选择分院成功:
- 注册界面点击分院栏处的箭头会弹出选择框
- 注册界面点击部门栏处的箭头会弹出选择框
##6.4登录后主界面
主界面:
点击主界面的学号姓名栏:
点击部门栏(该界面只读,不可修改,修改入口从管理->人员管理进入):
点击审批栏
选择任意审批
- 登陆后能够看到用户主界面
- 点击主界面的学号姓名栏能够进入我的信息界面,能够进行信息修改和密码修改
- 点击部门栏能够查看所属部门的信息
- 点击审批栏能够查看提交的申请的审批状况
- 选择任意审批可查看审批进度
- 点击设置(退出登陆后回到登陆界面):
##6.5管理主界面
管理主界面
- 点击下方导航栏进入管理主界面
##6.6部门管理
部门管理界面:
部门一览:
搜索部门相关信息:
搜索结果:
- 在管理主界面点击部门管理进入部门管理界面
- 部门一览,点击该部门,折叠面板显示详细信息(根据后台实时获取部门名,解释:目前仅是测试因此部门名有点奇怪
- 能够搜索部门相关信息
##6.7 活动管理
活动管理主界面:
添加活动:
选择开始(结束)时间:
- 从管理主界面点击活动管理进入活动管理主界面
- 点击添加活动模块能够进行活动的添加
- 活动添加部分能够本身选择活动开始和结束的时间
##6.8 人员管理
人员管理界面:
左滑右滑功能展现:
- 从管理主界面点击活动管理进入人员管理主界面(管理本身所属部门,且须要用户的权限)
- 滑动单元格实现左滑职位调整,右滑删除成员
##6.9 考评管理
考评管理:
- 从管理主界面点击活动管理进入考评管理
- 能够点击下方的评分星来评分
##6.10 审批管理
审批管理:
驳回:
- 从管理主界面点击活动管理进入审批管理
- 滑动单元格实现左滑赞成,右滑驳回
##6.11 聊天界面 聊天界面
查看某用户
- 在主界面下方导航栏点击消息,显示聊天的用户
- 点击某用户能够查看用户信息