招财猫项目记账

简介: 招财猫项目记账

招财猫项目记账


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

项目介绍

该项目是一个极简的记账应用。是一款基于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

相关文章
|
4月前
|
存储 数据可视化 数据库
构建简易个人记账应用
【8月更文挑战第31天】在这个数字化时代,掌握资金流动对于个人理财至关重要。本文将引导你使用Python和SQLite数据库构建一个简易的个人记账应用。我们将从基础的数据模型设计开始,逐步实现数据的增删查改功能,并探讨如何通过用户界面与后端代码交互。文章末尾,我们会讨论可能的扩展功能,以增强这个应用的实用性。无论你是编程新手还是想实践项目经验的开发者,这篇文章都将为你提供有价值的指导。
|
小程序 Java 关系型数据库
微信记账小程序
微信记账小程序
276 0
|
7月前
|
自然语言处理 供应链 BI
提升外贸企业财务效率!必备功能的财务记账软件推荐!
外贸企业在如今加速发展的全球化背景下面临着数不胜数的挑战和机会,在这种情况下,一款高效又精准的财务记账软件对于外贸企业的运营和管理至关重要。
100 0
|
资源调度 JavaScript 前端开发
记账起手篇
记账起手篇
179 0
|
前端开发
资产管理(记账系统)03
本文介绍如何创建一个记账系统。
171 1
资产管理(记账系统)03
|
网络协议 测试技术 Go
家庭收支记账项目介绍|学习笔记
快速学习家庭收支记账项目介绍
|
消息中间件 存储 缓存
聊聊记账
聊聊记账
419 0
聊聊记账