评论

#小程序云开发挑战赛#-随变记账-随便蛐蛐

随变记账——基于云开发的记账微信小程序

随变记账

应用场景

记账能够帮助我们清楚地认识自己每一笔钱的来源和去向,从而使我们更加理智地进行消费。在当今这个信息化时代,几乎每个人都有手机,利用手机即可随时随地记账。因此,我们开发了“随变记账”这款记账微信小程序。

团队介绍

  • 团队名称:随便蛐蛐
  • 团队成员:两枚在校大学生orz

目标用户

有记账需求的人群。

实现思路

“随变记账”基于微信小程序的原生框架进行开发,并利用云数据库存储数据,利用云函数实现用户登录、修改账单和预算等数据库集合。

  1. 在用户授权登陆后,用户可以在首页进行记账。用户可以记录4种类型的账单,包括支出、收入、转账和还款。“支出”和“收入”记录表单中包括金额、分类、账户、日期、备注和上传图片等信息;“转账”和“还款”记录表单中包括金额、转出账户、转入账户、日期、备注和上传图片等信息。用户填写这些信息并提交后,系统会把记录添加到数据库的指定集合中。
  2. “随变记账”会根据用户查询数据库中的支出信息,包括今日支出和本月支出,并在首页进行展示。
  3. 用户可以在首页设置个人的月预算,每个用户的月预算初始化为0。当用户修改月预算后,系统会将数据保存到数据库中,计算本月的预算剩余量并在首页进行展示。
  4. “随变记账”的“统计”页面则记录了用户的支出、收入、转账和还款信息,用户可以点击相应的信息进行查看和编辑。
  5. 利用数据库的分组求和函数将用户的4种账单类型的金额进行求和,并展示在“统计”页面的“总览”中。
  6. 我们将用户的支出和收入按类型进行分组,分别求出支出和收入不同类型的百分比,绘制饼图在“统计”页面的“支出”和“收入”的子页面中进行展示。

项目架构

效果截图

  • 欢迎页面
  • 首页
  • 选择分类 - 支出
  • 选择分类 - 收入
  • 记账成功
  • 修改预算
  • 统计 - 总览
  • 统计 - 支出
  • 统计 - 收入
  • 统计 - 周趋势
  • 统计 - 月趋势
  • 账单详情
  • 账单编辑
  • 我的

功能展望

  1. 统计页面的周趋势和月趋势功能有待完善。
  2. 未来可加入“我的资产”模块。
  3. 未来可加入登录积分、签到等模块。
最后一次编辑于  2020-09-20  
点赞 102
收藏
评论

23 个评论

  • G🥕
    G🥕
    发表于移动端
    2020-09-21
    好好看哦
    2020-09-21
    赞同 13
    回复
  • 神经蛙
    神经蛙
    2021-10-20

    墨子记账前来交流

    2021-10-20
    赞同 1
    回复
  • illumina
    illumina
    发表于移动端
    2020-09-22
    九折
    2020-09-22
    赞同 1
    回复
  • 社恐的王同学
    社恐的王同学
    2020-09-22

    这多作品翻到这 终于看到一个用心的,页面多图标也如此之多,不错不错,点个赞

    2020-09-22
    赞同 1
    回复 1
  • 田园生活
    田园生活
    发表于移动端
    2020-09-22
    你真棒,写的不错
    2020-09-22
    赞同 1
    回复
  • 一世随缘,别无它求!
    一世随缘,别无它求!
    发表于移动端
    2020-09-22
    方便就是好
    2020-09-22
    赞同 1
    回复
  • 倩芳🌹Anne
    倩芳🌹Anne
    发表于移动端
    2020-09-21
    赞同👍
    2020-09-21
    赞同 1
    回复
  • 洛·神
    洛·神
    2020-09-21

    不错

    2020-09-21
    赞同 1
    回复
  • 黄秀琼
    黄秀琼
    发表于移动端
    2020-09-21
    赞同
    2020-09-21
    赞同 1
    回复
  • 向南
    向南
    发表于移动端
    2020-09-21
    好用!
    2020-09-21
    赞同 1
    回复

正在加载...

登录 后发表内容