当前位置: 首页 > ai >正文

基于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️⃣实现效果:

http://www.xdnf.cn/news/14492.html

相关文章:

  • 【Linux手册】进程优先级:操作系统世界里的“资源争夺”
  • Redis 的优势有哪些,它是CP 还是 AP?CAP 理论又是什么?
  • SpringBoot扩展——发送邮件!
  • 医疗低功耗智能AI网络搜索优化策略
  • 跨越网络界限,轻松实现广域网打印——HttpPrinter报表打印解决方案
  • Linux基本指令篇 —— mkdir指令
  • 苍穹外卖--WebSocket、来单提醒、客户催单
  • 【漏洞复现】Apache Kafka Connect 任意文件读取漏洞(CVE-2025-27817)
  • DeepSeek 助力 Vue3 开发:打造丝滑的日历(Calendar),日历_项目里程碑示例(CalendarView01_22)
  • 基于ARM SoC的半导体测试
  • windows,java后端开发常用软件的下载,使用配置
  • python校园拼团系统
  • A 股无风不起浪!金融吸血科技
  • 李宏毅2025《机器学习》第一讲-生成式AI:技术突破和未来发展
  • NAT 与代理服务器 -- NAT,NAPT,正向代理,反向代理
  • RabbitMQ概念
  • 基于python的web系统界面登录
  • P7 QT项目----会学天气预报
  • 黑马python(八)
  • 设置环境变量(linux,windows,windows用指令和用界面)
  • AntV G6入门教程
  • CppCon 2017 学习:C++ in Academia
  • 【开源解析】基于Python+Qt打造智能应用时长统计工具 - 你的数字生活分析师
  • 鼎捷T100开发语言-Genero FGL 终极技术手册
  • Mac OS上安装Redis
  • Python 正则表达式
  • 解决戴尔电脑No bootable devices found问题
  • TIA Portal (博图) 中 SCL 语言 REPEAT_UNTIL循环语句的用法介绍及案例
  • 资源占用多,Linux 系统中如何降低 CPU 资源消耗并提升利用率?
  • CentOS 7 虚拟机网络配置异常 典型问题:启动了NetworkManager但是network无法启动