招财猫项目记账

简介: 招财猫项目记账

招财猫项目记账


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

项目介绍

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

相关文章
|
数据可视化 前端开发 Java
基于SSM的高校助学贷款申报审批系统
基于SSM的高校助学贷款申报审批系统
|
6月前
|
存储 数据可视化 数据库
构建简易个人记账应用
【8月更文挑战第31天】在这个数字化时代,掌握资金流动对于个人理财至关重要。本文将引导你使用Python和SQLite数据库构建一个简易的个人记账应用。我们将从基础的数据模型设计开始,逐步实现数据的增删查改功能,并探讨如何通过用户界面与后端代码交互。文章末尾,我们会讨论可能的扩展功能,以增强这个应用的实用性。无论你是编程新手还是想实践项目经验的开发者,这篇文章都将为你提供有价值的指导。
阿里云合同申请流程:电子和鲜章纸质合同申请以及合同甲方修改教程
购买阿里云服务后,需合同报销或请款可通过线上自助申请。访问合同管理页面,选择按订单、账单或发票申请合同。确认信息无误后创建草稿合同,随后可在管理页面操作下载、转正或删除。北京、广东用户额外需要纸质合同用于备案时,可在线申请盖鲜章的纸质版。若需修改合同甲方主体,可变更账号实名认证以更新主体信息。
|
小程序 Java 关系型数据库
微信记账小程序
微信记账小程序
302 0
阿里云软件著作权登记申请流程
阿里云软件著作权登记申请流程,阿里云计算机软件著作权登记20天下证,那么如何申请阿里云软件著作权登记呢?阿里云百科来详细说下注册账号、实名认证、软件著作权选择、信息填写、纸质材料邮寄一直到版权中心审查和下证详细说明:
480 1
阿里云软件著作权登记申请流程
qt项目记账本
qt项目记账本
205 0
阿里云计算机软件著作权登记申请全流程
阿里云计算机软件著作权登记20天下证,那么如何申请阿里云软件著作权登记呢?阿里云百科来详细说下注册账号、实名认证、软件著作权选择、信息填写、纸质材料邮寄一直到版权中心审查和下证详细说明
676 0
阿里云计算机软件著作权登记申请全流程
|
资源调度 JavaScript 前端开发
记账起手篇
记账起手篇
185 0
|
前端开发
资产管理(记账系统)03
本文介绍如何创建一个记账系统。
180 1
资产管理(记账系统)03
|
网络协议 测试技术 Go
家庭收支记账项目介绍|学习笔记
快速学习家庭收支记账项目介绍