「记账本」在线预览：http://cost.chennick.wang/
「代码地址」github：https://github.com/xiumubai/account-book-react、
「后端接口地址」：记账本-Apifox

功能模块

:::info

  • 登陆注册
  • 登陆
  • 注册
  • 账单列表
  • 列表页
  • 条件筛选
  • 添加账单
  • 账单详情
  • 删除账单
  • 修改账单
  • 账单统计
  • 个人信息
  • 修改信息
  • 修改密码
  • 退出登陆 :::

    知识预备

你将学到

  • 使用vite+react搭建一个h5开发环境
  • 使用hooks开发
  • 创建图标公用组件-阿里巴巴图标库
  • 前端动态生成验证码
  • 组件如何抽离和封装
  • 列表页无限滚动
  • 下拉刷新
  • Echart 的使用
  • 图片资源上传格式的处理

页面效果

image.png