为了方便记账,我开发了一个记账小程序,目前已经满足自己使用,特此源码共享

💞哈喽!大家好,我是HappyGirl快乐女孩💞
😜是一位爱好技术的【技术Fans】!😜


💞💞💞 如果有对技术感兴趣的宅友,欢迎关注💞💞💞
❤️❤️❤️感谢各位❤️❤️❤️

目录

目录

1️⃣ 主界面

2️⃣ 主要功能

3️⃣ 启动界面

4️⃣ 添加消费信息

5️⃣ 消费类型

6️⃣ 消费统计

7️⃣ 源码导入方法

8️⃣ 后续可以增加的功能

9️⃣ 源码链接


1️⃣ 主界面

 

2️⃣ 主要功能

        主要功能目前比较简单,基本的记账功能已经实现,在基本功能的基础上,增加了记账的分类和记账统计,目前统计是用饼状图显示的;

3️⃣ 启动界面

启动界面需要添加一个账本

 

4️⃣ 添加消费信息

 

消费有标题、消费类型、说明、金额、消费日期和消费地点

5️⃣ 消费类型

目前消费类型主要有以下几类:购物、餐饮、交通、住宿、其他等类别。

 

6️⃣ 消费统计

 用饼状图显示出来

7️⃣ 源码导入方法

 

 

8️⃣ 后续可以增加的功能

可以增加收入功能,可以有支出和收入;增加多账户功能,增加共享功能等;

9️⃣ 源码链接

微信记账小程序源码(随手记账).rar-小程序文档类资源-CSDN文库


走过路过,就点个赞吧呗!送你小心心哦💞💞💞

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
好的,开发一个记账小程序需要以下几个主要步骤: 1. 界面设计:使用微信小程序原生开发软件设计小程序的UI界面,包括首页、记账页面、报表页面等。 2. 数据库设计:设计小程序的数据表结构,包括账单表、分类表等。 3. 数据库操作:使用小程序提供的API进行数据库操作,包括增删改查等。 4. 记账功能实现:在记账页面中提供用户输入账单的功能,同时将账单存入数据库中。 5. 报表功能实现:在报表页面中对账单进行统计分析,并展示给用户。 下面是一个简单的代码示例: 1. 在app.js中定义全局变量和数据库初始化代码 ```javascript App({ globalData: { userInfo: null, db: null }, onLaunch: function () { // 初始化云数据库 wx.cloud.init({ env: 'xxx', traceUser: true }) // 获取数据库引用 const db = wx.cloud.database() this.globalData.db = db } }) ``` 2. 在记账页面中实现账单的添加功能 ```javascript Page({ data: { types: ['餐饮', '购物', '交通', '住房', '娱乐'], typeIndex: 0, amount: '', remark: '' }, bindTypeChange: function (e) { this.setData({ typeIndex: e.detail.value }) }, bindAmountInput: function (e) { this.setData({ amount: e.detail.value }) }, bindRemarkInput: function (e) { this.setData({ remark: e.detail.value }) }, addBill: function () { const db = getApp().globalData.db const { types, typeIndex, amount, remark } = this.data const type = types[typeIndex] if (!amount) { wx.showToast({ title: '请输入金额', icon: 'none' }) return } db.collection('bill').add({ data: { type, amount: Number(amount), remark, time: new Date() }, success: res => { wx.showToast({ title: '记账成功' }) this.setData({ typeIndex: 0, amount: '', remark: '' }) }, fail: err => { wx.showToast({ title: '记账失败', icon: 'none' }) console.error('[数据库] [新增记录] 失败:', err) } }) } }) ``` 3. 在报表页面中实现账单的统计分析 ```javascript Page({ data: { types: ['餐饮', '购物', '交通', '住房', '娱乐'], typeIndex: 0, totalAmount: 0, bills: [] }, bindTypeChange: function (e) { this.setData({ typeIndex: e.detail.value }) this.getBillList() }, getBillList: function () { const db = getApp().globalData.db const type = this.data.types[this.data.typeIndex] db.collection('bill').where({ type }).get({ success: res => { const bills = res.data || [] const totalAmount = bills.reduce((sum, bill) => sum + bill.amount, 0) this.setData({ bills, totalAmount }) }, fail: err => { console.error('[数据库] [查询记录] 失败:', err) } }) }, onLoad: function () { this.getBillList() } }) ``` 以上是一个简单的记账小程序的示例代码,您可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HappyGirl快乐女孩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值