项目名称:家庭理财管理系统
项目介绍:该系统能够管理家庭收入支出,并且能直观得表现收支状态。主要功能包括用户管理、收支管理、财务管理、统计收支情况等功能。
前端项目FamilyFinancialManagementSystem-vue
地址:https://github.com/Nusture/FamilyFinancialManagementSystem-vue
项目演示地址: http://nusture.top:90/
技术 | 说明 |
---|---|
SpringBoot | 容器+MVC框架 |
Sa-Token | 认证和授权框架 |
MyBatis-Plus | MyBatis的增强工具 |
MyBatisGenerator | 数据层代码生成 |
MySQL | 关系型数据库 |
Nginx | 静态资源服务器 |
Lombok | 简化对象封装工具 |
Fastjson | 阿里巴巴的开源JSON解析库 |
Spark | 大数据计算引擎 |
技术 | 说明 |
---|---|
Vue | 前端框架 |
Vue-router | 路由框架 |
Vuex | 全局状态管理框架 |
Element | 前端UI框架 |
Axios | 前端HTTP框架 |
AntV | 蚂蚁数据可视化图表库 |
- 克隆后端项目到本地,并导入到IDEA中
- 安装MySQL并创建数据库
ffms
,然后使用sql文件来创建对应表 - 将src/main/resources/目录下的application.yaml中的url,username和password更改为自己数据库对应的
- 将src/main/java/com/nusture/util/目录下的SparkSql.java中的所有url,username和password更改为自己数据库对应的
- 运行src/main/java/com/nusture/目录下的FamilyFinancialManagementSystemApplication就启动了后端项目
- 克隆前端项目到本地
- 将项目导入到IDEA中并在最下方的终端运行
npm install
- 继续在终端执行
npm run dev
就启动了前端项目 - 在浏览器中输入 http://localhost:3000/ 即可访问项目
Q:第一次进入首页提示网络延迟并且图表一直转圈
A:这个时候只需要在支出管理或者收入管理新增一条支出或者收入记录就可以解决(可能首页图表不会立即刷新,需要几分钟之后才能刷新,这是因为使用了Spark算子所以有延迟)