CLUB+社团管理系统
小程序端说明文档
项目地址:https://github.com/Magazinediver/ClubManager_WeChat_app.git
项目运行:npm init -> npm run serve
系统模块设计
微信用户
-
浏览所有社团(分类)
-
浏览所有活动 (分类)
-
加入社团(不可重读加入)
-
加入活动 (不可重复加入)
-
修改个人身份信息
-
登录
-
查看自己已加入的社团
-
查看自己已加入的活动
小程序端用户模块设计
登录
- 微信登录
- openid
- 昵称
- 头像
- 地区(考虑不做处理)
小程序端页面模块设计
首页
- 搜索框→跳转至搜索页
- 社团海报展示swiper
- 社团分类导航栏→社团展示页
- 我的信息展示
- 我的社团(社名,分类,社团海报,社团描述)→社团详情页面
- 我的活动(活动海报,活动名,活动地点,活动时间,活动是否过期)→活动详情页面
搜索页
- 搜索框
- tab
- 社团搜索结果
- 活动搜索结果
社团展示页
-
社团海报展示swiper
-
社团分类栏(吸顶)→社团详情页
- 全部
- 兴趣
- 游戏
- 艺术
- 组织
- 志愿
- 动漫
- 学术
- 运动
活动展示页
- 活动海报展示swiper
- 活动分类栏(吸顶)→活动详情页
- 全部
- 兴趣爱好
- 学术创新
- 公益服务
- 体育运动
个人设置页
-
用户个人信息(用户图标,用户昵称,用户)
- 登录按钮→登录页
-
用户统计信息
- 社团数
- 关注数
- 活动数
-
我的社团→当前用户所有社团页
-
我的活动→当前用户所有活动页
-
我的关注→当前用户所有关注页
-
我的评论(搁置)
-
个人信息→个人信息编辑页(姓名、学号)
-
退出登录
社团详情页
- 关注按钮
- 加入按钮
- 社团详情
- 社团海报
- 社团描述
- 社团类型
- 社团公告
- 社团名
- 社团所有活动
活动详情页
- 活动海报
- 加入按钮
- tab
- 活动简介
- 活动名
- 活动状态
- 活动细节(地址,时间,联系人,主办社团名)
- 活动详情
- 活动介绍
- 活动须知
- 所属社团
- 创办社团的详情
- 活动简介
WEB端不同身份功能及信息
用户
功能
- 浏览自己的活动和社团
- 浏览所有的活动社社团
- 加入社团
- 加入活动
- 关注社团或活动
信息
-
社员状态(待审核状态、成员状态)
-
昵称
-
头像
-
学号(选填)
-
真实姓名(选填)
-
邮箱 (选填)
-
手机 (选填)
接口
登录页
用户登录接口:
login
前端
queryInfo: {
userinfo:'', //用户信息
},
后端
res:{
meta: {
status: 200,
msg: "successful"
}
}
我的社团页(与首页共用)
我的社团接口:
userclub
我的活动页(与首页共用)
我的活动口:
useractivity
修改用户信息页
修改信息接口:
changinfo
前端
data: {
name:''
id:''
},
后端
res:{
meta: {
status: 200,
msg: "successful"
}
}
首页
轮播图接口:
swiperlist
前端
后端
res:{
data:{
pic:[
'https://ae01.alicdn.com/kf/H06978a26753d4c07bf899f39aef2949bf.jpg',
'https://ae01.alicdn.com/kf/H54a7061e839f4d7c9ddc5679868b89f7l.jpg',
'https://ae01.alicdn.com/kf/H0fd06a63db814c67a6160bdd8fa1ea1ag.jpg',
'https://ae01.alicdn.com/kf/Hefdf7d749bdd46ef8f1685f87bd72b74E.jpg',
],
}
meta: {
status: 200,
msg: "successful"
}
}
用户社团接口:
userclub
前端
后端
res:{
data:{
clubItem: [
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '学生社团(英答文名:students society),是指学生为了实现会员的共同意愿和满足个人兴趣爱好的需求、专自愿组成的、按照其章程开展活动的群众性学生组织。学生社团是我国校园文化建设的重要载体,是我国高校第二课堂的引领者属。',
}
]
}
meta: {
status: 200,
msg: "successful"
}
}
用户活动接口:
useractivity
前端
后端
res:{
data:{
activityItem: [{ //活动列表
name: '义务维修会',
pic: 'https://ae01.alicdn.com/kf/H02612ad5ca404b42955d6e6a3a037694r.jpg',
time: '2019年11月24日 9:00~11:00',
address: '教四一楼',
status: '火热报名中!'
},
{
name: '招新游园会',
pic: 'https://ae01.alicdn.com/kf/Haa558f3ca46f4c698b647d73fc6460997.jpg',
time: '2019年11月20日 9:00~19:00',
address: '北校区音乐广场',
status: '报名已截止'
},
{
name: '招新游园会',
pic: 'https://ae01.alicdn.com/kf/Haa558f3ca46f4c698b647d73fc6460997.jpg',
time: '2019年11月20日 9:00~19:00',
address: '北校区音乐广场',
status: '报名已截止'
},
{
name: '招新游园会',
pic: 'https://ae01.alicdn.com/kf/Haa558f3ca46f4c698b647d73fc6460997.jpg',
time: '2019年11月20日 9:00~19:00',
address: '北校区音乐广场',
status: '报名已截止'
}
],
}
meta: {
status: 200,
msg: "successful"
}
}
社团页
社团轮播图接口:
clubswiperlist
前端
后端
res:{
data:{
swiperList:[
'https://ae01.alicdn.com/kf/H06978a26753d4c07bf899f39aef2949bf.jpg',
'https://ae01.alicdn.com/kf/H54a7061e839f4d7c9ddc5679868b89f7l.jpg',
'https://ae01.alicdn.com/kf/H0fd06a63db814c67a6160bdd8fa1ea1ag.jpg',
'https://ae01.alicdn.com/kf/Hefdf7d749bdd46ef8f1685f87bd72b74E.jpg',
],
}
meta: {
status: 200,
msg: "successful"
}
}
用户社团(分类)接口:
userclubcate
前端
后端
res:{
data:{
all:[//全部
{
name: '全部社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '学生社团(英答文名:students society),是指学生为了实现会员的共同意愿和满足个人兴趣爱好的需求、专自愿组成的、按照其章程开展活动的群众性学生组织。学生社团是我国校园文化建设的重要载体,是我国高校第二课堂的引领者属。',
},
],
hobby:[],//兴趣
game:[],//游戏
art:[],//艺术
organ:[],//组织
volun:[],//志愿
comic:[],//动漫
study:[],//学术
sport:[]//运动
}
meta: {
status: 200,
msg: "successful"
}
}
活动页
活动轮播图接口:
activityswiperlist
前端
后端
res:{
data:{
pic:[
'https://ae01.alicdn.com/kf/H06978a26753d4c07bf899f39aef2949bf.jpg',
'https://ae01.alicdn.com/kf/H54a7061e839f4d7c9ddc5679868b89f7l.jpg',
'https://ae01.alicdn.com/kf/H0fd06a63db814c67a6160bdd8fa1ea1ag.jpg',
'https://ae01.alicdn.com/kf/Hefdf7d749bdd46ef8f1685f87bd72b74E.jpg',
],
}
meta: {
status: 200,
msg: "successful"
}
}
用户社团(分类)接口:
useractivitycate
前端
后端
res:{
data:{
all: [{//全部
id: '1',
name: '义务维修会',
pic: 'https://ae01.alicdn.com/kf/H02612ad5ca404b42955d6e6a3a037694r.jpg',
time: '2019年11月24日 9:00~11:00',
address: '教四一楼',
status: '火热报名中!'
},
{
id: '2',
name: '招新游园会',
pic: 'https://ae01.alicdn.com/kf/Haa558f3ca46f4c698b647d73fc6460997.jpg',
time: '2019年11月20日 9:00~19:00',
address: '北校区音乐广场',
status: '报名已截止'
}
],
hobby:[],//兴趣爱好
study:[],//学术创新
charity:[],//公益服务
sports:[],//体育运动
}
meta: {
status: 200,
msg: "successful"
}
}
社团详情页
加入社团接口:
joinclub
前端
data:{
clubname:this.data.clubname
}
后端
res:{
meta: {
status: 200,
msg: "successful"
}
}
社团详情接口:
clubdetail
前端
clubname:''
后端
res:{
data:{
userpic:[
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
'https://ae01.alicdn.com/kf/H7b4974ddc8294b3882d63b61e4e4cdc3a.jpg',
],
clubItem:
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
notice: '对天地:纵横驰骋,俯视群雄; 对朋友:忠肝义胆,福难同当; 对对手:坦诚相待,公平较量; 对敌人:心狠手辣,绝不手软!',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
activityItem: [{ //活动列表
id:'1',
name: '义务维修会',
pic: 'https://ae01.alicdn.com/kf/H02612ad5ca404b42955d6e6a3a037694r.jpg',
time: '2019年11月24日 9:00~11:00',
address: '教四一楼',
status: '火热报名中!'
},
{
id:'2',
name: '招新游园会',
pic: 'https://ae01.alicdn.com/kf/Haa558f3ca46f4c698b647d73fc6460997.jpg',
time: '2019年11月20日 9:00~19:00',
address: '北校区音乐广场',
status: '报名已截止'
},
],
}
meta: {
status: 200,
msg: "successful"
}
}
活动详情页
加入活动接口:
joinactivity
前端
后端
res:{
meta: {
status: 200,
msg: "successful"
}
}
社团详情接口:
clubdetail
前端
activityid:''
后端
res:{
data:{
activityItem:{
title:'我们一起开飞机',
status:'火热进行中',
address:'理四一楼',
time:'2020-6-20',
contact:'黄sir 17306411528',
club:'滑板社',
describe:'这是一个很好的活动',
attention:'这个活动只有群众才能参加'
},
clubItem:
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
}
meta: {
status: 200,
msg: "successful"
}
}
搜索页
搜索接口:
search
前端
data:{
query:''
}
后端
res:{
data:{
searchList:{
activityItem: [{ //活动列表
name: '义务维修会',
pic: 'https://ae01.alicdn.com/kf/H02612ad5ca404b42955d6e6a3a037694r.jpg',
time: '2019年11月24日 9:00~11:00',
address: '教四一楼',
status: '火热报名中!'
},
{
name: '招新游园会',
pic: 'https://ae01.alicdn.com/kf/Haa558f3ca46f4c698b647d73fc6460997.jpg',
time: '2019年11月20日 9:00~19:00',
address: '北校区音乐广场',
status: '报名已截止'
},
],
clubItem: [
{
name: '流云梦社',
tag: '热门社团',
member: '70',
fans: '200',
tips: ['动漫', '颜值', 'cosplay'],
describe: '流云梦社“读万卷书,行万里路”为宗旨,以提升校园人文素质为己任。激发同学们的读书兴趣。传播文化,传播思想,丰富大学生活,充实精神世界,共建良好的读书氛围,引发思想的碰撞。',
},
]
}
}
meta: {
status: 200,
msg: "successful"
}
}