评论

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

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

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


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




一、目标人群

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



二、实现思路

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



三、架构图

  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)
      },

    })
  }




六、作品体验二维码



七、团队简介

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




八、未来展望

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


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

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

25 个评论

  • 面朝大海
    面朝大海
    发表于移动端
    2020-09-22
    很棒
    2020-09-22
    赞同
    回复
  • 新一
    新一
    发表于移动端
    2020-09-21
    棒棒哒
    2020-09-21
    赞同
    回复
  • admin
    admin
    2020-09-21

    这评论是刷的么

    2020-09-21
    赞同
    回复
  • 青春少女李云龙
    青春少女李云龙
    发表于移动端
    2020-09-21
    秀儿
    2020-09-21
    赞同
    回复
  • 最佳损友
    最佳损友
    发表于移动端
    2020-09-21
    太厉害了,很方便的记账工具
    2020-09-21
    赞同
    回复

正在加载...

登录 后发表内容