评论

#小程序云开发挑战赛#-志愿校园-菜鸟小程序

初识小程序

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、团队简介:

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

最后一次编辑于  2020-09-19  
点赞 10
收藏
评论

2 个评论

  • 吃不胖
    吃不胖
    发表于移动端
    2020-09-29
    1000多的浏览量只有10个赞
    2020-09-29
    赞同
    回复
  • 吃不胖
    吃不胖
    2020-09-21

    各位漂亮的小姐姐,帅气的小哥哥给我点个赞吧

    2020-09-21
    赞同
    回复
登录 后发表内容