1、目标用户：

想了解广西有什么大学或者想看看广西的大学环境怎么样的用户

2、实现思路：

主页面就是广西几所比较有名的大学，广西大学、广西医科大学、广西师范大学、桂林电子科技大学和桂林理工大学，从大学图片点进去会进入到包含该大学美照的页面，用户可以给这几所大学中的一所点赞，每个用户只能点赞一个大学。

其中小程序中的图片都使用了云存储存到了云端，云数据库中有两个集合，一个是记录用户openid的user集合，另一个是记录各所大学点赞总数的集合，把获取用户openid的函数部署成云函数。用户第一次使用小程序会往user集合中增加一条记录，记录用户的openid和点赞状态，默认是没有点赞，用户如果点赞后更新数据库中的点赞状态，下次再使用小程序的时候，就不能点赞了，即保证了每个用户只能点赞一次。

3、架构图：

4、效果截图：

主页 详情页

5、功能代码展示：

//更新点赞状态

update_status:function(){

    wx.showToast({

      title: “点赞成功”,

      icon: ‘none’

    })

    userCollection.doc(this.data.num1).update({

      data:{

        status:true

      }

    })

  },

//点赞桂林电子科技大学实例 

guet_m:function(){

    if(this.data.is_zan == false){

      var a = this.data.guet + 1

//点赞后在页面显示更新后的点赞数

    this.setData({

      guet:a

    })

    // 更新数据库该大学的点赞数量

    booksCollection.doc(this.data.num).update({

      data:{

        like_guet:a

      }

    })

    this.data.is_zan=true

    this.update_status()

    }

}

6、作品体验二维码

7、团队简介：

桂林电子科技大学的两名大四学生（还没找到工作的菜逼），之前没开发过微信小程序，对工具的使用不是很了解