JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)

基于Java+Springboot+vue的个人理财管理系统(源码+数据库)

一、系统介绍

本系统前后端分离

管理员功能:

  • 登录、注册、添加账单、导出账单、统计分析、个人信息修改、消费对比

二、所用技术

后端技术栈:

  • Springboot
  • SpringMvc
  • mybatis
  • mysql

前端技术栈:

  • Vue
  • ElementUI
  • vue-router
  • axios

三、环境介绍

基础环境 :IDEA/eclipse, JDK 1.8, Mysql5.7及以上, Maven3.6, node.js(14版本)

所有项目以及源代码本人均调试运行无问题 可支持远程调试运行

四、页面截图

1、用户页面

JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第1张图片
JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第2张图片
JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第3张图片
JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第4张图片
JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第5张图片
JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第6张图片
JAVA毕业设计102—基于Java+Springboot+vue的个人理财管理系统(源码+数据库)_第7张图片

五、浏览地址

  • 前台访问路径:http://localhost:8080
    账号密码:admin/123456

六、安装教程

  1. 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并执行项目的sql

  2. 使用IDEA/Eclipse导入server项目,导入时,若为maven项目请选择maven; 等待依赖下载完成

  3. 修改resources目录下面application-dev.yml里面的数据库配置和文件路径配置

  4. com/my/count/CountApplication.java启动后端项目

  5. vscode或idea打开webapp项目

  6. 在编译器中打开terminal,执行npm install 依赖下载完成后执行 npm run serve,执行成功后会显示前台访问地址

你可能感兴趣的:(springboot,vue,spring,boot,java,vue,毕业设计,个人理财系统,mybatis,elementui)