# financialManage
基于web的大学生个人财务管理系统
本web系统,设计之初就是为了兼容手机和电脑的,所以系统设计成响应式的页面,在手机和web端都可以完美的展示出来。
此外,系统的开发,兼顾了普通使用者和管理员,所以系统分为了两部分,分别是:前台部分,以及后台部分。划分原因:根据不同的用户而划分的,前台部分:游客,普通用户使用;后台部分:管理员使用。其中前台部分是本系统的主要使用人群,而后台部分是为了维护本系统的一些数据而设计的。
##### 对于前台部分,其中的主要功能分为以下几个模块:<br/>
1. 用户模块:
* 用户注册
* 用户登录
* 用户修改密码
* 用户修改个人信息
* 用户注销登录
2. 财务管理模块
* 收入记账
* 支出记账
* 收支明细
* 修改记账信息
* 删除记账信息
* 搜索账单信息
3. 收支类别模块
* 添加收入类别
* 添加支出类别
4. 财务统计模块
* 按年度统计
* 按月度统计
* 按时间统计
5. 财务分析模块
* 按月份分析(这个月和上个月同期对比)
6. 财务预算模块
* 添加预算
* 编辑预算
* 删除预算
* 预算报表
7. 心愿单模块
* 添加心愿
* 编辑心愿
* 删除心愿
* 我的心愿
8. 备忘录模块
* 添加备忘
* 编辑备忘
* 删除备忘
* 我的备忘录
9. 财务新闻模块
* 财务新闻列表
* 财务新闻信息
10. 计算器模块
* 简易计算
##### 对于后台部分,其中的主要功能分为以下几个模块:<br/>
1.管理员模块
* 用户登录
* 用户注销<br/>
2.个人用户管理模块
* 用户查询列表
* 添加用户
* 修改用户信息
* 删除用户信息<br/>
3.收支类别管理模块
* 添加收入类型
* 添加支出类型
* 收支类别查询列表
* 修改收支类别信息
* 删除收支类别信息<br/>
4.财务新闻管理模块
* 财务新闻列表
* 修改财务新闻信息
* 添加财务新闻
* 删除财务新闻信息<br/>
添加图片测试:
(https://github.com/Forever99/financialManage/tree/master/image/login.jpg)[失败]
(https://github.com/Forever99/financialManage/raw/master/image/login.jpg)[成功]
学习博客教程:https://blog.csdn.net/u012150179/article/details/24605419
#### 项目效果图如下:【系统兼容PC端和手机端】<br/>
##### PC端的效果展示如下:<br/>
##### PC端--前台部分:
###### 登录效果
![image](https://github.com/Forever99/financialManage/raw/master/image/login.jpg)
###### 财务管理
![image](https://github.com/Forever99/financialManage/raw/master/image/financialManage.jpg)
###### 财务统计<br/>
1、综合图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount.jpg)
2、柱形图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount2.jpg)
3、饼图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount3.jpg)
4、面积图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount4.jpg)
5、金字塔形图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount5.jpg)
6、圆环图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount6.jpg)
7、雷达图
![image](https://github.com/Forever99/financialManage/raw/master/image/financialCount7.jpg)
###### 财务分析
![image](https://github.com/Forever99/financialManage/raw/master/image/financialAnalysis.jpg)
###### 财务预算
![image](https://github.com/Forever99/financialManage/raw/master/image/financialBudget.jpg)
###### 心愿单
![image](https://github.com/Forever99/financialManage/raw/master/image/wishlist.jpg)
###### 备忘录
![image](https://github.com/Forever99/financialManage/raw/master/image/memorandum.jpg)
###### 财务新闻
![image](https://github.com/Forever99/financialManage/raw/master/image/financialNews.jpg)
##### PC端--后台部分:
###### 个人用户管理
![image](https://github.com/Forever99/financialManage/raw/master/image/userManage.jpg)
###### 收支类别管理
![image](https://github.com/Forever99/financialManage/raw/master/image/categoryManage.jpg)
###### 财务新闻管理
![image](https://github.com/Forever99/financialManage/raw/master/image/newsManage.jpg)
##### 手机端的效果展示如下:<br/>
###### 登录效果
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_login.jpg)
###### 手机侧边栏效果
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_navbar.jpg)
###### 收入记账
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_income.jpg)
###### 财务管理
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_financialManage.jpg)
###### 财务统计
1、饼图
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_financialCount1.jpg)
2、面积图
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_financialCount2.jpg)
3、条形图
![image](https://github.com/Forever99/financialManage/raw/master/image/phone_financialCount1.jpg)