# financial_bill

**Repository Path**: lyldlqlb/financial_bill

## Basic Information

- **Project Name**: financial_bill
- **Description**: 基于web的日常财务管理系统
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-04-12
- **Last Updated**: 2022-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##  :sparkles: financial_bill（日常财务管理系统）

####  :tw-1f337: 介绍
  此系统是基于web的日常财务管理系统（好吧，我承认，它就是一记账本 :tw-1f602: ），实现了注册、登录、退出登录、修改密码、忘记密码；添加账单、查看账单、修改账单、删除账单等基本功能。当时写这个系统是为了交软件工程的课程作业，顺便作为刚学完Vue3.0 和TS的一个练手demo :dog: ，然后课程结束了，个人觉得这个项目还不错 :new_moon_with_face: ，然后决定继续丰富一下，使用echarts组件库以图、表等多种形式对账单进行展示，另外丰富一下功能 :ghost: 。

####  :tw-1f338: 软件架构
软件架构说明
    采用Vue3.0 + TypeScript进行代码编写，引用了Bootstrap组件库，使用webpack进行代码打包，使用git进行代码版本管理。

####  :tw-1f33a: 使用说明
1.  注册/登录
基本的注册/登录功能，使用邮箱号+密码进行注册和登录，对账单后续的增删改查进行权限控制
![输入图片说明](https://images.gitee.com/uploads/images/2021/0731/203636_fa6452ec_5328900.png "注册.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0731/203646_05d1a883_5328900.png "登录.png")

2.  修改密码
输如原密码、新密码、再一次确认新密码即可
![输入图片说明](https://images.gitee.com/uploads/images/2021/0731/203719_1cb19cf9_5328900.png "修改密码.png")

3.  添加账单
登录后，点击侧边栏选择账单分类，后点击上方图标选择账单具体分类，选择账单类型，输入价格、数量、备注等，最后点击新建账单即可新建成功
![输入图片说明](https://images.gitee.com/uploads/images/2021/0731/204047_2468c25a_5328900.png "主页.png")

4.  查看账单
登录后，点击导航栏的查看选项，进入账单查看页面，进行有筛选性的查看，或者通过输入关键字找到想要的账单
![输入图片说明](https://images.gitee.com/uploads/images/2021/0731/204251_8abb47d8_5328900.png "查看.png")

5.  删除/修改账单
登录后，点击导航栏的管理选项，进入账单管理页面，鼠标移到相应账单位置，会出现修改/删除图标，点击即可进行相应操作
![输入图片说明](https://images.gitee.com/uploads/images/2021/0731/204456_0b515a0d_5328900.png "管理.png")

####   :tw-1f335: 一些说明
- 蓝色字体为收入，红色字体为支出
- 总账单时，收入为正，支出为负，账单总和为负即支出大于收入
- 若不想注册账号，可使用测试账号2289176794@qq.com，密码123456