计算机源码设计项目-1366基于NodeJs+Express+Mysql学生社团活动管理系统带文档

2022-09-26 17:48:53 来源：计算机源码设计网 浏览：12次

开发技术：nodejs + express + ElementUI + layui
开发工具环境：Vscode + Mysql

后台登录地址：http://localhost:8080/nodejsr08n1/admin/dist/index.html#/login
管理员账号密码：abo/abo
社团账号密码：账号1/123456
前台地址：http://localhost:8080/nodejsr08n1/front/index.html
学生账号密码：学号2/123456

（一） 用户功能需求分析
用户在社团里可以充当的是普通用户，也可以充当社团会员或者是社团内部的干事。这里首先分析的用户功能主要在社团管理系统的前台服务上进行实现的，也就是用户访问社团管理平台之后登录社团管理系统，在页面上可以进行哪些操作。
1.首页
（1）在首页上能够查看社团管理系统首页的轮播图；
（2）点击相关按钮查看其它内容；
2.社团信息
（1）可以查看社团有哪些类型；
（2）可以按照社团名称、社团类型、院系信息查找社团；
3.社团活动
（1）可以查看社团活动；
（2）可以按照活动名称、活动类型、社团名称查找活动；
4.社团公告
（1）可以查看公告；
（2）可以按照标题搜索公告；
5.留言板
（1）可以进行留言；
（2）可以查看留言内容，评论留言；
6.个人中心
（1）如果没有账号的话，可以在登录页面上完成注册；
（2）可以查看个人信息；
（3）可以进行个人信息的完善；
7.后台管理
（1）可以在个人中心修改密码，查看个人信息；
（2）在会员申请管理中进行会员申请，查看审核状态；
（3）在职位申请管理中进行职位申请，查看审核状态；
（4）在活动报名管理中进行活动报名，查看审核状态。
（二） 管理员功能需求分析
这里的管理员功能主要是指社团内部管理社团的人员功能，是负责整个社团运转的管理员。下面将进行后台管理系统上的功能分析。
1.首页
（1）访问后台管理系统的首页；
2.个人中心
（1）查看自己的个人信息；
（2）可以修改密码；
3.用户管理
（1）可以根据学号、姓名、性别查找相关用户；
（2）可以对用户进行相关操作（修改和删除）；
4.社团管理
（1）可以根据账号和社长姓名查询社团；
5.社团信息管理
（1）可以根据社团名称、社团类型、院系信息查找社团信息；
（2）可以对社团进行审核、查看详情以及进行其他操作；
（3）可以导出社团信息表格；
6.会员申请管理
（1）可以查看会员申请，进行相关操作；
7.院系信息管理
（1）可以查看所有的院系名称，可以进行院系的添加；
（2）可以进行院系名称的修改；
8.社团类型管理
（1）可以查看所有的社团类型，可以进行社团类型的添加；
（2）可以进行社团类型的修改；
9.专业信息管理
（1）可以查看所有的专业信息，可以进行专业信息的添加；
（2）可以进行专业信息的修改；
10.班级信息管理
（1）可以查看所有的班级信息，可以进行班级信息的添加；
（2）可以进行班级信息的修改；
11.职位信息管理
（1）可以查看所有的职位信息，可以进行职位信息的添加；
（2）可以进行职位信息的修改；
12.职位申请管理
（1）可以查看职位申请，进行相关操作；
13.社团活动管理
（1）可以查看社团活动申请，进行相关操作；
14.活动报名管理
（1）可以查看活动报名，进行相关操作；
15.留言板管理
（1）可以查看留言板内容；
16.系统管理
（1）可以管理社团公告；
（2）可以对轮播图进行管理。
（三） 社团功能需求分析
这里的社团功能主要是指管理社团的人员功能，主要负责一些审核。下面将进行后台管理系统上的功能分析。
1.首页
（1）访问后台管理系统的首页；
2.个人中心
（1）查看自己的个人信息；
（2）可以修改密码；
3.社团管理管理
（1）查看社团申请的信息；
（2）可以进行审核；
4.会员申请管理
（1）查看会员申请的信息；
（2）可以进行审核；
5.职位申请管理
（1）查看职位申请的详情；
（2）可以进行审核；
6.社团活动管理
（1）查看社团活动；
7.活动报名管理
（1）查看活动报名申请的信息；
（2）可以进行审核。

照片名称：1基于NodeJs+Express+Mysql学生社团活动管理系统首页


照片名称：2前台学生用户注册


照片名称：3前台学生登录


照片名称：4前台学生社团查询


照片名称：5前台社团详情查看


照片名称：6学生申请入团


照片名称：7发布社团评论


照片名称：8社团活动查询


照片名称：9社团活动查看


照片名称：10社团活动报名


照片名称：11社团公告查询


照片名称：12网站留言板


照片名称：13学生个人中心


照片名称：14学生查询自己的社团申请记录


照片名称：15学生查询活动报名记录


照片名称：16社团信息注册


照片名称：17学生社团管理系统后台社团登录


照片名称：18社团修改个人信息


照片名称：19发布新社团信息


照片名称：20社长查看自己的社团信息


照片名称：21社长查询学生申请入团记录


照片名称：22社长审核学生的申请


照片名称：23社团活动发布


照片名称：24社团活动管理


照片名称：25社团活动报名管理


照片名称：26管理员登录


照片名称：27后台注册用户管理


照片名称：28后台社团账号管理


照片名称：29后台社团信息管理


照片名称：30后台社团类型管理


照片名称：31后台留言板管理


照片名称：32VsCode项目源码目录


照片名称：33mysql数据库表

上一个计算机源码设计：1369基于微信小程序医院预约挂号系统PHP后端接口
下一个计算机源码设计：1365基于uniapp+vue+微信小程序+安卓app电影院订票小程序H5网站设计