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