基于React+Express的个人账单管理系统
文章目录
- 0、项目介绍
- 1、前端React
- 1.1 顶部菜单栏设计
- 1.2 首页设计
- 1.3 账单设计
- 1.3.1 新增账单
- 1.3.2 修改账单
- 1.4 分类设计
- 1.4.1 新增分类
- 1.4.2 删除分类
- 1.4.3 修改分类
- 1.5 回收站设计
- 2、后端Express
- 2.1 账单接口
- 2.1.1 查询所有账单
- 2.1.2 新增账单
- 2.1.3 删除账单
- 2.1.4 修改账单
- 2.2 分类接口
- 2.2.1 查询所有分类
- 2.2.2 新增分类
- 2.2.3 修改分类
- 2.2.4 删除分类
- 3、完整项目资料下载
- 3.1 数据库
- 3.2 前端
- 3.3 后端
0、项目介绍
功能介绍
- 首页
- 展示消费总额
- 展示消费笔数
- 柱状图展示每个月的消费金额
- 使用echarts
- 柱状图展示每个月的消费笔数
- 使用echarts
- 主题切换(暗色/亮色)
- 使用状态管理器保存主题色
- 账单
- 新增账单
- 支持添加账单图片
- 展示账单
- 修改账单
- 删除账单
- 分类
- 新增分类
- 展示分类
- 删除分类
- 修改分类
- 回收站
- 展示已删除的账单
- 找回已删除的账单
- 彻底删除账单
1、前端React
1.1 顶部菜单栏设计
1️⃣实现效果: