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

发布于 5 年前作者 longgang4222 次浏览最后编辑 5 年前来自 share

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

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

一、目标人群

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

二、实现思路

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

三、架构图

  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 回复
yong55
yong551 楼5 年前

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

tianqiang
tianqiang2 楼5 年前

太牛了

chaozhao
chaozhao3 楼5 年前

有潜力!继续加油

smao
smao4 楼5 年前

厉害了👍👍👍 very very 了不起

min47
min475 楼5 年前

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

icai
icai6 楼5 年前

太牛了

achang
achang7 楼5 年前

很棒的软件

eluo
eluo8 楼5 年前

很实用的设计 很棒的体验

zoujie
zoujie9 楼5 年前

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

jiexia
jiexia10 楼10 个月前

有前途!继续努力!