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、团队简介:
桂林电子科技大学的两名大四学生(还没找到工作的菜逼),之前没开发过微信小程序,对工具的使用不是很了解
各位漂亮的小姐姐,帅气的小哥哥给我点个赞吧