SpringBoot+Vue 银行账目账户管理系统项目介绍
SpringBoot+Vue 银行账目账户管理系统是一套完整的中小型银行账务业务管理系统,依托 SpringBoot 后端框架与 Vue 前端框架联合开发,可用于 Java 全栈开发学习、软件工程毕业设计参考,帮助开发者掌握前后端分离架构、金融类业务逻辑与 MySQL 数据库实操。系统采用B/S 架构 + 前后端分离模式开发,分层解耦、扩展性强,配套完整项目源码、数据库脚本与接口文档。
一、技术栈
前端主要技术
Vue3 + Axios + Element 组件库,MVVM 响应式开发,组件化拆分页面
后端主要技术
SpringBoot3.x + Java (JDK17) + Maven + MyBatis+redis,RESTful 接口设计
数据库
MySQL8.0,客户端管理工具:Navicat for MySQL,支持事务保证资金数据一致性
开发工具
后端:IDEA;前端:VS Code
二、运行环境
JDK 环境:推荐 JDK17,项目基于 17编译运行,其他高版本 JDK 可兼容,不建议低于17 版本
开发 IDE:后端选用 IDEA,前端使用 VS Code;
硬件环境:Windows7/8/10/11,运行内存 16G 及以上;
数据库环境:优先 MySQL8.0;如需 MySQL5.0~5.5 版本,需修改 application.properties 数据库连接配置、替换 Maven 中 MySQL 驱动依赖版本;
项目构建:Maven 项目,源码根目录存在 pom.xml 配置文件,通过 Maven 自动管理所有项目依赖;
前端运行环境:Node.js 18 版本,Vue3 工程依赖环境。
三、部署使用说明
使用 Navicat 等数据库工具,新建数据库,导入项目附带的 bank.sql 数据库脚本;
IDEA 导入后端 Maven 项目,等待 Maven 自动下载全部依赖包;
修改项目src/main/resources/application.properties配置文件,替换数据库地址、账号、密码为本地 MySQL 配置;
VS Code 打开前端 Vue 项目目录,执行npm install安装依赖,npm run dev启动前端服务;
IDEA 启动 SpringBoot 后端项目,后端默认访问地址:http://127.0.0.1:8080/;
前后端全部启动完成后,浏览器打开前端地址即可进入系统。
四、功能介绍(分普通用户前台、管理员 + 员工后台两大模块)
前台(普通储户用户功能)
1)用户登录注册、个人信息修改、密码重置;
2)银行公告在线浏览、公告详情查看;
3)个人账户信息查询、账户余额查看;
4)在线发起存款、取款、跨行 / 同行转账业务申请;
5)全周期交易明细查询,筛选存取款、转账流水记录;
6)个人账户挂失申请、挂失进度查询。
后台(管理员 + 银行员工双角色管理功能)
管理员全权限
1)用户管理:新增、编辑、删除储户信息,分页查询所有用户数据;
2)账户管理:客户开户、销户、修改账户信息、账户解锁 / 挂失审批;
3)存取款管理:审核前台存取款单据、批量查看存取款记录;
4)转账管理:转账订单审核、异常转账风控拦截;
5)账户挂失管理:挂失审核、解挂办理、历史挂失记录查询;
6)公告管理:新增 / 编辑 / 删除系统公告,管理首页展示公告;
7)风险金额管理:设置单笔存取、转账风控限额,超限预警配置;
8)交易明细管理:全量银行交易流水查询、数据统计;
9)系统日志管理:查看全平台操作日志,追溯开户、转账、挂失等关键操作记录;
10)个人中心:管理员账号信息修改、密码修改。
银行员工权限
1)公告浏览查看,无法编辑公告;
2)线下协助客户开户、存取款、转账办理;
3)账户挂失登记、提交解挂申请;
4)查询账户交易明细、存取款与转账单据;
5)仅可查看自身操作日志,无系统配置、用户删除权限。
五、注意事项
默认管理员账号:admin,密码:admin;员工测试账号:123,密码:123;
后端数据库配置文件:application.properties,数据库脚本文件名:javabank.sql,项目名称 bank;
后端启动端口默认 9090