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

最新推荐文章于 2024-04-19 20:37:39 发布
最新推荐文章于 2024-04-19 20:37:39 发布
阅读量944 收藏 12
点赞数 2
分类专栏： 微信小程序 文章标签： 微信小程序 微信 小程序 分布式账本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67336587/article/details/125194095
版权

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


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

目录

目录

1️⃣ 主界面

2️⃣ 主要功能

3️⃣ 启动界面

4️⃣ 添加消费信息

5️⃣ 消费类型

6️⃣ 消费统计

7️⃣ 源码导入方法

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

9️⃣ 源码链接

1️⃣ 主界面

 

2️⃣ 主要功能

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

3️⃣ 启动界面

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

 

4️⃣ 添加消费信息

 

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

5️⃣ 消费类型

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

 

6️⃣ 消费统计

 用饼状图显示出来

7️⃣ 源码导入方法

 

 

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

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

9️⃣ 源码链接

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

走过路过，就点个赞吧呗！送你小心心哦💞💞💞

HappyGirl快乐女孩
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
记账小程序源码，可做毕设或期末作业
南弥的博客
07-11 600
本项目是基于WXML+WXSS+JS+wx-charts(图表插件)+微信云开发平台实现的一款记账小程序。主要的功能有用户登录，记账功能，消费报表，汇率计算等。
微信记账小程序_微信小程序模板js代码前台前端H5页面源码.rar
08-09
微信记账小程序_微信小程序模板js代码前台前端H5页面源码.rar
自己做的微信小程序、微信公众号、H5版日历签到积分源码包
hanzhuhuaa的博客
07-09 631
微信小程序版 自己写的微信小程序日历签到模块;只需修改接口地址和对应返回参数就能动态生成整个模块； 小程序版源码包 微信公众号、H5版 背景图点击签到； 本日已签到、未签到文字提示； 已签到积分文字提示； 本月日历每日展示，表格头部展示每周的星期几； 本月日历每天签到背景色提示； 可根据自己的页面风格选择是否启用上一月、下一月翻页 jquery移动端源码包 ...
【毕业设计/课程设计】基于微信的记账小程序设计与实现（源码+文章） 含Java Web管理端
weixin_69135630的博客
06-29 1780
微信端采用微信开发者工具开发，管理后端采用Java语言，MySQL数据库，开发框架是Springboot。随着人们生活节奏的加快，以及各种线上支付方式的诞生，群众对金钱的概念慢慢的发生变化，以往群众使用人民币来进行支付，金钱的余额和花费的速度都是清晰可见的，线上的支付方式给群众的生活带来了便利的同时，也加速了群众的金钱花费速度，导致很多群众会出现不知道金钱花费到了哪里的情况，为了对此种现象进行解决，设计了一款微信记账小程序，帮助群众进行金钱花费情况的掌握。
基于微信小程序便捷记账系统设计与实现(源码+lw+部署文档+讲解等)
全网粉丝10W+、全栈领域优质创作者、掘金、阿里云等社区博客专家、专注于全栈领域和毕业项目实战
04-19 827
💗博主介绍：✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻精彩专栏 推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2023-2024年最值得选的Java毕业设计选题大全：500个热门选题推荐✅Java精品实战案例《500套》微信小程序项目精品案例《500套》🌟文末获取源码+数据库🌟。
记账小程序 微信小程序 源码 uniapp vue3
qq_46499695的博客
06-16 5404
前段时间学习了vue3，恰好自己喜欢手动记账，就编写了一个用于记账的微信小程序主要应用的技术： uniapp(vue3) pinia node.js express 组件库为： 秋云图表 uniapp元素组件图标： 阿里图标库小程序主要界面展示如下 详细请扫码查看
基于微信小程序的便捷记账本小程序设计与实现(源码+lw+部署文档+讲解等)
全网粉丝10W+、全栈领域优质创作者、掘金、阿里云等社区博客专家、专注于全栈领域和毕业项目实战
09-22 892
💗博主介绍：✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻精彩专栏 推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2023-2024年最值得选的Java毕业设计选题大全：500个热门选题推荐✅Java精品实战案例《500套》微信小程序项目精品案例《500套》🌟文末获取源码+数据库🌟。
一款简单的微信记账小程序源码，后端使用的是PHP.zip
05-06
一款简单的微信记账小程序，后端使用的是PHP。 一款简单的微信记账小程序，后端使用的是PHP。 一款简单的微信记账小程序，后端使用的是PHP。 一款简单的微信记账小程序，后端使用的是PHP。 一款简单的微信...
基于微信小程序的记账软件开发设计源码
最新发布
05-25
本源码为基于微信小程序的记账软件开发设计，包含6个PNG文件、5个JavaScript文件等，共24个...该项目旨在为用户提供一个全面、便捷的记账解决方案，通过JavaScript和微信小程序技术的结合，为用户带来高效的使用体验。
小程序源码 简易记账前端 (代码源)
06-22
小程序源码 简易记账前端 (代码源)小程序源码 简易记账前端 (代码源)小程序源码 简易记账前端 (代码源)小程序源码 简易记账前端 (代码源)小程序源码 简易记账前端 (代码源)小程序源码 简易记账前端 (代码源)小程序...
微信记账小程序源码（随手记账）.rar
06-08
除了基本的记账功能，还包含了 消费分类 统计功能； 消费类别； 饼状图
微信记账小程序源码.rar
09-18
一款实用的记账列表，分类记账，生活记账小程序工具。包含：添加记账、编辑记账、统计分析、计算器等4个页面。一款实用的记账列表，分类记账，生活记账小程序工具。包含：添加记账、编辑记账、统计分析、计算器等4个...
记账小程序前端代码以及后端代码，uniapp + vue3+node.js+express
06-16
一个基于uniapp vue3的记账小程序前后端代码 适合喜爱手动记账人群 具有完备的前后端代码
vb6.0家庭账务管理软件Access开源版.rar
07-10
vb6.0家庭账务管理软件Access开源版，采用VB ACCESS编写的，里面还用到了酷狗的一些类库，源代码结构清淅、文件完整，只是把Access数据库文件比较大，数据库后缀也改成了ASP格式，需要操作数据库的时候自己把扩展名再改回来即可。这套家庭理财系统可用于家庭账务管理、密码管理、日常开销记录，家庭存储、卡存款等的管理！系统登录默认密码：123
VB6.0开发的财务管理软件【源码】.rar
07-10
VB6.0开发的财务管理软件【源码】，数据库基于dat格式，哈尔滨工业大学软件工程专业的学生作品，功能模块：凭证管理、明细帐、总帐、现金流量、损益、资产负债、科目管理、科目汇兑等。用到有第三方控件，已附在压缩包内。本系统源码可作为你VB毕业论文或课程设计的参考资料。
微信小程序 demo 微信小程序记账
06-17
微信小程序 demo 微信小程序记账
微信小程序的乐跑运动健身计划设计与实现
qq_3166678367的博客
09-01 495
首页、个人中心、课程名称管理、用户管理、音乐分类管理、音乐库存管理、课程视频管理、运动记录管理、运动计划管理、运动提醒管理、系统管理等功能。首页、音乐库、课程视频、天气、我的等详细的了解及统计分析。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多用户的需求和体验。乐跑运动采用了Java语言，开发了功能完备、使用简单的前端应用程序，并建立、维护了一个数据完整、安全、稳定性强的后台数据库系统。
日常工作报告生成器微信小程序源码/支持日报、周报、月报、年终终结
向上力
03-17 2347
相信大家上班都会有做工作报告的情况吧，那么这款小程序就是大家的福音了，只要输入你的工作内容或者岗位自动生成你的工作报告；支持报、周报、月报、年终终结。
c语言记账系统源程序,C语言实现Linux服务端的记账本程序
weixin_39990138的博客
05-17 460
实现简单的记账小程序，前端界面采用Web网页，后端使用PHP接收请求，使用C程序完成实际业务处理。目录程序效果程序流程图源代码及部署下载链接程序效果1.登录功能 截图1.登录界面 截图2.输入用户名及密码 2.菜单界面 图3.菜单 3.登记月度计划功能 图4.登记月度计划界面 4.登记消费流水功能 截图5.登记消费流水界面 5.查看详细信息功能 截图6.查看详细信息界面 测试用例 截图7.测试用...
帮我写一个记账的小程序，通过微信小程序原生开发软件实现
06-02
好的，开发一个记账小程序需要以下几个主要步骤： 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、付费专栏及课程。

余额充值