招财猫项目记账

简介: 招财猫项目记账

招财猫项目记账


网络异常,图片无法展示
|

项目介绍

该项目是一个极简的记账应用。是一款基于Vue框架、VueRouterVuexTypeScript的单页面应用。

功能

1、记账:金额、标签、备注、收入或支出等。

2、管理标签:添加、改名、删除

3、查看历史:按天、按周、按月

4、技术实现

Vue VueRouter Vuex TypeScript JavaScript CSS HTML Nodejs Yarn等

5、实现效果 招财猫

6、源码链接 zxjdzxb/fortune-cat (github.com)

整体思路

记账起手篇

Money.vue组件

数据保存至LocalStorage

标签页+标签编辑页

全局数据管理

全局管理之Vuex

列表展示怎么做

总结

可视化图表 Echarts

相关文章
|
5月前
|
存储 数据可视化 数据库
构建简易个人记账应用
【8月更文挑战第31天】在这个数字化时代,掌握资金流动对于个人理财至关重要。本文将引导你使用Python和SQLite数据库构建一个简易的个人记账应用。我们将从基础的数据模型设计开始,逐步实现数据的增删查改功能,并探讨如何通过用户界面与后端代码交互。文章末尾,我们会讨论可能的扩展功能,以增强这个应用的实用性。无论你是编程新手还是想实践项目经验的开发者,这篇文章都将为你提供有价值的指导。
|
小程序 Java 关系型数据库
微信记账小程序
微信记账小程序
281 0
|
8月前
|
自然语言处理 供应链 BI
提升外贸企业财务效率!必备功能的财务记账软件推荐!
外贸企业在如今加速发展的全球化背景下面临着数不胜数的挑战和机会,在这种情况下,一款高效又精准的财务记账软件对于外贸企业的运营和管理至关重要。
104 0
qt项目记账本
qt项目记账本
192 0
|
资源调度 JavaScript 前端开发
记账起手篇
记账起手篇
179 0
|
前端开发
资产管理(记账系统)03
本文介绍如何创建一个记账系统。
171 1
资产管理(记账系统)03
|
网络协议 测试技术 Go
家庭收支记账项目介绍|学习笔记
快速学习家庭收支记账项目介绍
|
小程序
阿里云专利管家|用小程序1分钟完成专利缴费,竟然这么简单!
为了解决广大企业客户和个人用户的专利缴费需求,阿里云专门推出了专利缴费支付宝小程序。只需在手机上简单操作,不仅可以快速查询专利,还可以快速给多个专利缴费。帮助大家解决专利多,记不住,错缴漏缴的问题。在支付宝搜索【阿里云专利缴费】,直达小程序。即使现在用不到也可以先收藏小程序,之后有需要时就能很快找到啦~
653 0
阿里云专利管家|用小程序1分钟完成专利缴费,竟然这么简单!
|
项目管理 数据库
立项批准到全环节管理-潍坊开具运输费发票-潍坊建立的DCS系统负责监管经费使用情况。
潍坊开具运输费发票-潍坊"溦"【w.p.5.1.8.5.6.6】评审和后续支持以及科研经费监管提供了便利条件[1,2]。目前,美国代表性科技管理信息系统有:美国政府资助项目统一管理平台Grants.gov、
|
消息中间件 存储 缓存
聊聊记账
聊聊记账
423 0
聊聊记账