山大clubs

一个山大社团矩阵小程序，另外还可以添加收藏社团，还有社团管理员发布端和小程序负责人管理端

目的

• 解决校园信息分散以及有些社团人员过少宣传力度不足，导致学生获取信息不及时
• 结合当下的疫情和学生安全，学校内部应该经可能的减少人员的走动，这就不能用原来的宣传方法（走宿舍、走新生楼），通过这种线上的宣传让萌新也能了解学校的社团

目标用户

各个高校的学生

实现思路

• 对社团协会分类索引，新生可以通过校区、学术类、艺术类、娱乐类等选择自己感兴趣社团协会浏览收藏；
• 社团负责人通过权限申请将自己社团分类上传发布信息，主要信息有社团名称、迎新群QQ、社团简介；
• 小程序管理员可以管理社团，包括增加、删除等

用户权限

用户	收藏功能	权限申请	管理社团	管理申请
游客	√	√	✖	✖
社团负责人	√	√	√	✖
小程序运营者	√	√	√	√
小程序总负责人	√	√	√	√

如何为自己学校制作一个这样的小程序？

1. 小程序完全使用小程序的云开发，所以需要开通小程序云开发（真的是方便，免费的配额就够用，也不需要维护服务器)
2. 将cloudfunctions函数部署到云，数据库建两个集合users和clubs
3. 然后就进行简单的修改社团分类就可以发布适合自己学校的小程序

社团信息实时更新

为了让社团信息实时更新，动手做之前想了不少方法，但翻阅云开发文档发现，原来云数据库已经有这样的功能（厉害啦）， 云开发文档

    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群等）

用户信息界面（超级管理员截图，其他人功能没有这么多）

管理社团界面

视频介绍

点这里

作者介绍

一个发愁找不到工作的大四学生

一个想着出国留学的大二学生

进一步

1. 提供订阅信息给用户提醒
2. 使用微信支付，为社团报名收款
3. 二流的程序猿，即使使用了这么优秀的前端UI框架，前端依旧这么丑，未来可以优化一下

体验

致谢

• ColorUI
• Mini-add-tips
• 云开发

开源地址

• 开源地址给个star好不好