Skip to content

JngyEn/BookKeeping

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 

Repository files navigation

功能描述


一个个人记账软件 主要目的:

  1. 方便自己记账
  2. 熟悉和学习 Vue + Springboot + mysql 开发的相关技术 由于涉及到个人的财务数据,在未来计划进一步优化并将其本地化。

页面功能


用户页面

基础信息设置

  • 账号设置
    • 未注册用户注册,等待验证邮箱
      • 前端
      • 后端
    • 邮箱验证
      • 前端
      • 后端
    • 已注册用户登录
      • 前端
      • 后端
    • 修改用户信息
      • 前端
      • 后端
      • 修改密码
        • 前端
        • 后端
      • 修改账号
        • 前端
        • 后端
    • 消除用户
      • 前端
      • 后端
    • 头像设置
      • 前端
      • 后端
  • 本币设置
    • 设置本币
      • 前端
      • 后端
    • 选择是否使用自定义汇率
      • 前端
      • 后端
      • 无自定义汇率默认使用当天汇率
      • 鉴于API情况,只能选用当日基准利率
  • 显示当日汇率
    • 前端
    • 后端
    • 自主选择目标货币
      • 前端
      • 后端
    • 显示目标货币汇率
      • 前端
      • 后端
    • 刷新货币汇率
      • 前端
      • 后端
本月支配额度设置

  • 本月总支出额度设置
    • 前端
    • 后端
  • 本月各支出类型额度设置
    • 支出类型指:饮食,通勤,礼物等支出分类
    • 前端
    • 后端
    • 设置支出类型种类
      • 前端
      • 后端
    • 设置本支出类型额度
      • 前端
      • 后端
    • 设置本支出类型显示颜色
      • 前端
      • 后端
  • 支出渠道设置
    • 支出渠道指:支付宝,微信,现金,基金等不同的支出渠道
    • 前端
    • 后端
    • 设置支出渠道种类
      • 前端
      • 后端
    • 设置支出渠道余额
      • 前端
      • 后端
      • 方便可视化资产分布,例如基金收入和亏损
  • 收入颜色设置
    • 前端
    • 后端
    • 收入渠道和类型与支出同步
    • 收入全部统一为一种用户自定义颜色
      • 与所有支出类型颜色不同
      • 在支出图中,作为额外拓展部分
      • 在收入图中,使用支出类型颜色
货币与汇率设置

  • 常用货币类型设置
    • 前端
    • 后端
    • 提供部分默认常用货币,同时支持自定义添加常用货币
  • 货币间自定义汇率设置
    • 前端
    • 后端

主页

记账框

  • 设置支出/收入货币选项
    • 前端
    • 后端
    • 选择 支出 / 收入
      • 前端
      • 后端
    • 设置货币单位
      • 前端
      • 后端
    • 自动转换汇率到本币
      • 前端
      • 后端
  • 设置账单备注
    • 前端
    • 后端
    • 例如,在一条支出类型为礼物的账单中,备注送给女朋友
图表区

  • 选择要显示的图类型
    • 前端
本月消费柱状图
  • 显示本月每个支出类型的开支情况
    • 使用多色横向柱状图表示
    • 前端
    • 后端
    • 总长度为用户设置的支出类型额度
      • 前端
      • 后端
    • 灰色长度代表该类型已支出数额
      • 前端
      • 后端
      • 从总长度的左边开始,直到占满总长度
    • 收入颜色代表该类型的收入
      • 前端
      • 后端
      • 从总长度的右边开始,以不同的颜色增加总长度
当天支出类型柱状图
  • 显示当天每个支出类型的开支情况
    • 前端
    • 后端
    • 柱状图长度随支出类型的支出数额增加而变长
      • 前端
      • 后端
    • 收入从总长度的右边开始,以不同的颜色增加总长度
      • 前端
      • 后端
理想前端效果

以简约为主,首页是一段话 + 毛玻璃圈出的记账框,下滑 语句 向上消失,记账框上移,毛玻璃效果消失,当日图表上移,左右滑切换图表

详情页


数据分析

每日/月/年账单甘特图

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages