# #小程序云开发挑战赛#-智慧账本
利用了多项云开发的功能开发,小程序主要用于方便学生统计日常开销,提升学生的开源节流能力
一、目标人群
- 针对全部有记账需求的人群提供服务
- 有存钱需求的学生群体
- 针对性强,对于喜欢界面简洁,操作流畅,可视化程度高的人群来说,智慧账本是一个非常好的选择。
二、实现思路
- 充分利用了云开发的各项功能,使用云函数管理小程序后台,使用云数据库存储数据。
- 用户点击添加消费金额后,直接将数据存储进入云数据库,简化了操作,使程序更加简洁轻便
三、架构图
- 整体架构如图所示:
四、运行效果图
- 选择输入去向、金额、时间
- 点击提交
- 提交错误信息提示
- 账单界面
- 个人界面
五、功能代码展示
- 以下是调用云函数的主要代码
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)
},
})
}
六、作品体验二维码
七、团队简介
杨凯博,蔡利江,两位极度热爱编程,曾参加微信小程序大赛,计算机设计大赛,通过参加比赛去提升项目经验。
八、未来展望
后续会进行 功能完善,使用分页技术,数据统计,使用云存储存储资源文件,使用静态网站托管功能实现大屏幕显示,使用云开发的匿名登录功能实现网页与小程序的数据互通,从而实现主办方利用小程序与屏幕交互。
后续会进行 使用分页技术,数据统计,使用云存储资源文件,使用静态网站托管功能实现大屏幕显示,使用云开发的匿名登陆功能实现网页与小程序的数据互通,从而实现主办方利用小程序与屏幕交互
墨子记账:加油!