#云开发挑战赛#-山大clubs-SXU1902
山大clubs
一个山大社团矩阵小程序,另外还可以添加收藏社团,还有社团管理员发布端和小程序负责人管理端
目的
解决校园信息分散以及有些社团人员过少宣传力度不足,导致学生获取信息不及时
结合当下的疫情和学生安全,学校内部应该经可能的减少人员的走动,这就不能用原来的宣传方法(走宿舍、走新生楼),通过这种线上的宣传让萌新也能了解学校的社团
目标用户
各个高校的学生
实现思路
对社团协会分类索引,新生可以通过校区、学术类、艺术类、娱乐类等选择自己感兴趣社团协会浏览收藏;
社团负责人通过权限申请将自己社团分类上传发布信息,主要信息有社团名称、迎新群QQ、社团简介;
小程序管理员可以管理社团,包括增加、删除等
用户权限
用户
收藏功能
权限申请
管理社团
管理申请
游客
√
√
✖
✖
社团负责人
√
√
√
✖
小程序运营者
√
√
√
√
小程序总负责人
√
√
√
√
如何为自己学校制作一个这样的小程序?
小程序完全使用小程序的云开发,所以需要开通小程序云开发(真的是方便,免费的配额就够用,也不需要维护服务器)
将cloudfunctions函数部署到云,数据库建两个集合users和clubs
然后就进行简单的修改社团分类就可以发布适合自己学校的小程序
社团信息实时更新
为了让社团信息实时更新,动手做之前想了不少方法,但翻阅云开发文档发现,原来云数据库已经有这样的功能(厉害啦), 云开发文档
[代码] db.collection('clubs')
.watch({
onChange: snapshot=>{
wx.showLoading({
title: '加载中...',
mask: true
});
this.dealdata(snapshot.docs)
console.log('is init data', snapshot.type === 'init')
},
onError: function (err) {
console.error('the watch closed because of error', err)
}
})
[代码]
部分页面截图
首页
[图片]
社团详细信息展示(社团介绍、迎新QQ群等)
[图片]
用户信息界面(超级管理员截图,其他人功能没有这么多)
[图片]
管理社团界面
[图片]
视频介绍
点这里
作者介绍
一个发愁找不到工作的大四学生
一个想着出国留学的大二学生
进一步
提供订阅信息给用户提醒
使用微信支付,为社团报名收款
二流的程序猿,即使使用了这么优秀的前端UI框架,前端依旧这么丑,未来可以优化一下
体验
[图片]
致谢
ColorUI
Mini-add-tips
云开发
开源地址
开源地址给个star好不好