#小程序云开发挑战赛#-智慧账本

#小程序云开发挑战赛#-智慧账本

利用了多项云开发的功能开发，小程序主要用于方便学生统计日常开销，提升学生的开源节流能力

目标人群

针对性强，对于喜欢界面简洁，操作流畅，可视化程度高的人群来说，智慧账本是一个非常好的选择。

实现思路

充分利用了云开发的各项功能，使用云函数开发小程序后台，使用云数据库存储数据。

架构图

整体架构大概如图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tiAHtS0w-1600617273427)(C:\Users\16524\AppData\Roaming\Typora\typora-user-images\image-20200920225224955.png)]

效果截图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XnzwA3Vq-1600617273433)(C:\Users\16524\AppData\Roaming\Typora\typora-user-images\image-20200920233358666.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-T1VZw8cC-1600617273436)(C:\Users\16524\AppData\Roaming\Typora\typora-user-images\image-20200920233430114.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aHuV3c2g-1600617273440)(C:\Users\16524\AppData\Roaming\Typora\typora-user-images\image-20200920233459151.png)]

功能代码展示
以下是云函数的主要代码

data: {
    billList: [],
    theMonthSum: ''
  },


  onLoad: function (options) {
  },


  onShow: function () {
    this.searchAll();
  },

  searchAll: function () {
    let that = this

    wx.cloud.callFunction({
      name: "getlist",
      success: function (res) {
        console.log("res",res)
        var sum=0
        for (var i = 0; i < res.result.data.length; i++) {
          sum += Number(res.result.data[i].money)
        }
        console.log("查询所有账单请求成功", res)
        that.setData({
          billList: res.result.data.reverse(),
          theMonthSum: sum
        })
      }, fail: function () {
        console.log("查询所有账单请求失败", res)
      },

    })
  }

作品体验二维码

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cgVOvgpa-1600617273442)(C:\Users\16524\Desktop\123456.png)]

团队简介

杨凯博，蔡利江，两位极度热爱编程，曾参加微信小程序大赛，计算机设计大赛，通过参加比赛去提升项目经验。

未来展望

后续会进行 功能完善，使用分页技术，数据统计，使用云存储存储资源文件，使用静态网站托管功能实现大屏幕显示，使用云开发的匿名登录功能实现网页与小程序的数据互通，从而实现主办方利用小程序与屏幕交互。

后续会进行 使用分页技术，数据统计，使用云存储资源文件，使用静态网站托管功能实现大屏幕显示，使用云开发的匿名登陆功能实现网页与小程序的数据互通，从而实现主办方利用小程序与屏幕交互

程序与屏幕交互。

后续会进行 使用分页技术，数据统计，使用云存储资源文件，使用静态网站托管功能实现大屏幕显示，使用云开发的匿名登陆功能实现网页与小程序的数据互通，从而实现主办方利用小程序与屏幕交互