# #小程序云开发挑战赛#-智慧账本
发布于 4 年前 作者 longgang 3985 次浏览 来自 分享

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

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

一、目标人群

  • 针对全部有记账需求的人群提供服务
  • 有存钱需求的学生群体
  • 针对性强,对于喜欢界面简洁,操作流畅,可视化程度高的人群来说,智慧账本是一个非常好的选择。

二、实现思路

  • 充分利用了云开发的各项功能,使用云函数管理小程序后台,使用云数据库存储数据。
  • 用户点击添加消费金额后,直接将数据存储进入云数据库,简化了操作,使程序更加简洁轻便

三、架构图

  1. 整体架构如图所示:

四、运行效果图

  • 选择输入去向、金额、时间
  • 点击提交
  • 提交错误信息提示
  • 账单界面
  • 个人界面

五、功能代码展示

  • 以下是调用云函数的主要代码
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)
      },

    })
  }

六、作品体验二维码

七、团队简介

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

八、未来展望

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

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

10 回复

真的非常好,我个人有在学习

有潜力!继续加油

厉害了👍👍👍 very very 了不起

好厉害呀!继续努力,加油!

很棒的软件

很实用的设计 很棒的体验

妈呀也太棒了吧 一直想要一个这种app

有前途!继续努力!

回到顶部