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

最新推荐文章于 2024-04-25 11:03:53 发布
最新推荐文章于 2024-04-25 11:03:53 发布
阅读量947 收藏 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 618
本项目是基于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 1796
微信端采用微信开发者工具开发，管理后端采用Java语言，MySQL数据库，开发框架是Springboot。随着人们生活节奏的加快，以及各种线上支付方式的诞生，群众对金钱的概念慢慢的发生变化，以往群众使用人民币来进行支付，金钱的余额和花费的速度都是清晰可见的，线上的支付方式给群众的生活带来了便利的同时，也加速了群众的金钱花费速度，导致很多群众会出现不知道金钱花费到了哪里的情况，为了对此种现象进行解决，设计了一款微信记账小程序，帮助群众进行金钱花费情况的掌握。
微信小程序源码-家庭记账本系统的计算机毕业设计(附演示视频+源码+LW)
2301_76953549的博客
04-25 1020
家庭记账本小程序的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。
记账小程序 微信小程序 源码 uniapp vue3
qq_46499695的博客
06-16 5411
前段时间学习了vue3，恰好自己喜欢手动记账，就编写了一个用于记账的微信小程序主要应用的技术： uniapp(vue3) pinia node.js express 组件库为： 秋云图表 uniapp元素组件图标： 阿里图标库小程序主要界面展示如下 详细请扫码查看
基于微信小程序的便捷记账本小程序设计与实现(源码+lw+部署文档+讲解等)
全网粉丝10W+、全栈领域优质创作者、掘金、阿里云等社区博客专家、专注于全栈领域和毕业项目实战
09-22 899
💗博主介绍：✌全网粉丝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 501
首页、个人中心、课程名称管理、用户管理、音乐分类管理、音乐库存管理、课程视频管理、运动记录管理、运动计划管理、运动提醒管理、系统管理等功能。首页、音乐库、课程视频、天气、我的等详细的了解及统计分析。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多用户的需求和体验。乐跑运动采用了Java语言，开发了功能完备、使用简单的前端应用程序，并建立、维护了一个数据完整、安全、稳定性强的后台数据库系统。
日常工作报告生成器微信小程序源码/支持日报、周报、月报、年终终结
向上力
03-17 2352
相信大家上班都会有做工作报告的情况吧，那么这款小程序就是大家的福音了，只要输入你的工作内容或者岗位自动生成你的工作报告；支持报、周报、月报、年终终结。
c语言记账系统源程序,C语言实现Linux服务端的记账本程序
weixin_39990138的博客
05-17 462
实现简单的记账小程序，前端界面采用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、付费专栏及课程。

余额充值