#精品

[Java毕业设计]基于Springboot+Vue的银行账目账户管理系统源码下载

银行账目账户管理系统实现方案（SpringBoot + Vue）

一、系统需求分析

1. 核心功能模块：

• 用户管理：注册、登录、权限分配（客户、柜员、管理员）。
• 账户管理：创建账户（储蓄账户、信用卡账户）、修改账户状态（冻结/解冻）、查询账户详情。
• 交易管理：存款、取款、转账、交易记录查询（时间、类型、金额过滤）。
• 报表统计：账户余额汇总、交易流水报表、账户变动趋势图。
• 安全审计：操作日志记录（关键操作如大额转账）、异常登录告警。

二、技术栈

三、数据库设计（关键表）

1. 用户表 (sys_user)

   CREATE TABLE sys_user (
     user_id BIGINT PRIMARY KEY COMMENT '用户ID',
     username VARCHAR(50) UNIQUE NOT NULL COMMENT '用户名',
     password VARCHAR(100) NOT NULL COMMENT '加密密码',
     role ENUM('CUSTOMER', 'TELLER', 'ADMIN') NOT NULL COMMENT '角色',
     phone VARCHAR(20) COMMENT '手机号',
     email VARCHAR(50) COMMENT '邮箱',
     status TINYINT DEFAULT 1 COMMENT '状态（0-冻结，1-正常）',
     create_time DATETIME DEFAULT CURRENT_TIMESTAMP
   );

2. 账户表 (account)

   CREATE TABLE account (
     account_id BIGINT PRIMARY KEY COMMENT '账户ID',
     user_id BIGINT NOT NULL COMMENT '关联用户ID',
     account_type ENUM('SAVINGS', 'CREDIT') NOT NULL COMMENT '账户类型',
     account_number VARCHAR(30) UNIQUE NOT NULL COMMENT '账号（唯一）',
     balance DECIMAL(15,2) DEFAULT 0.00 COMMENT '余额',
     credit_limit DECIMAL(15,2) COMMENT '信用卡额度（仅信用账户）',
     status TINYINT DEFAULT 1 COMMENT '状态（0-冻结，1-正常）',
     open_date DATE COMMENT '开户日期'
   );

3. 交易记录表 (transaction)

   CREATE TABLE transaction (
     tx_id BIGINT PRIMARY KEY COMMENT '交易ID',
     tx_type ENUM('DEPOSIT', 'WITHDRAW', 'TRANSFER') NOT NULL COMMENT '交易类型',
     amount DECIMAL(15,2) NOT NULL COMMENT '金额',
     from_account_id BIGINT COMMENT '转出账户ID',
     to_account_id BIGINT COMMENT '转入账户ID',
     tx_time DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '交易时间',
     remark VARCHAR(200) COMMENT '备注'
   );

四、后端核心实现

1. Spring Security + JWT 认证流程

• 用户登录 → 生成JWT Token（包含角色信息） → 前端存储Token。
• 每次请求通过 JwtAuthenticationFilter 验证Token有效性，并注入SecurityContext。

1. 关键接口设计

• 转账接口 (POST /api/transaction/transfer)

@Transactional(rollbackFor = Exception.class)
public void transfer(Long fromAccountId, Long toAccountId, BigDecimal amount) {
// 1. 校验账户状态和余额
Account fromAccount = accountService.getById(fromAccountId);
if (fromAccount.getStatus() != 1) throw new BusinessException("转出账户被冻结");
if (fromAccount.getBalance().compareTo(amount) < 0) throw new BusinessException("余额不足");

// 2. 扣减转出账户余额
accountMapper.deductBalance(fromAccountId, amount);

// 3. 增加转入账户余额
accountMapper.addBalance(toAccountId, amount);

// 4. 记录交易流水（双记录）
Transaction txOut = new Transaction(TxType.TRANSFER, amount.negate(), fromAccountId, toAccountId);
Transaction txIn = new Transaction(TxType.TRANSFER, amount, toAccountId, fromAccountId);
transactionService.saveBatch(List.of(txOut, txIn));

}

1. 定时任务与缓存

• 每日利息计算（Quartz调度）：

@Scheduled(cron = "0 0 3 * * ?") // 每天凌晨3点执行
public void calculateDailyInterest() {
    List<Account> savingsAccounts = accountMapper.selectByType(AccountType.SAVINGS);
    savingsAccounts.forEach(acc -> {
        BigDecimal interest = acc.getBalance().multiply(INTEREST_RATE);
        accountMapper.addBalance(acc.getAccountId(), interest);
    });
}

• 高频查询缓存（Redis）：

@Cacheable(value = "account", key = "#accountId")
public Account getAccountById(Long accountId) {
    return accountMapper.selectById(accountId);
}

五、前端关键实现

1. 动态路由与权限控制

   // router.ts
   const routes: RouteRecordRaw[] = [
     {
       path: '/admin',
       component: AdminLayout,
       meta: { roles: ['ADMIN'] }, // 仅管理员可见
       children: [/* 管理功能路由 */]
     },
     {
       path: '/customer',
       component: CustomerLayout,
       meta: { roles: ['CUSTOMER'] },
       children: [/* 客户功能路由 */]
     }
   ];

2. 交易表单示例（Vue + Element Plus）

   <template>
     <el-form @submit.prevent="handleTransfer">
       <el-form-item label="转出账户">
         <el-input v-model="form.fromAccount" />
       </el-form-item>
       <el-form-item label="转入账户">
         <el-input v-model="form.toAccount" />
       </el-form-item>
       <el-form-item label="金额">
         <el-input-number v-model="form.amount" :precision="2" :min="0.01" />
       </el-form-item>
       <el-button type="primary" @click="submit">确认转账</el-button>
     </el-form>
   </template>

   <script setup lang="ts">
   import { ref } from 'vue';
   import { ElMessage } from 'element-plus';
   const form = ref({ fromAccount: '', toAccount: '', amount: 0 });
   const handleTransfer = async () => {
     try {
       await axios.post('/api/transaction/transfer', form.value);
       ElMessage.success('转账成功！');
     } catch (err) {
       ElMessage.error('转账失败：' + err.response.data.message);
     }
   };
   </script>

六、安全与性能优化

1. 安全措施：

• 敏感操作（如大额转账）增加二次验证（短信/邮箱验证码）。
• SQL防注入：MyBatis使用 #{} 参数绑定。
• XSS防护：前端过滤 + 后端统一处理（如使用Spring的HtmlUtils）。

1. 性能优化：

• 分页查询：MyBatis Plus分页插件 + 数据库索引优化。
• 热点账户处理：Redis分布式锁防止并发扣款超支。
• 异步日志：使用Spring AOP + 异步线程池记录操作日志。

七、部署方案

# docker-compose.yml 示例
version: '3'
services:
  backend:
    image: openjdk:17-jdk
    ports: ["8080:8080"]
    volumes: ["./app.jar:/app.jar"]
    command: ["java", "-jar", "/app.jar"]
  frontend:
    image: nginx:alpine
    ports: ["80:80"]
    volumes: ["./dist:/usr/share/nginx/html"]
  mysql:
    image: mysql:8.0
    environment:
      MYSQL_ROOT_PASSWORD: root
    volumes: ["./mysql-data:/var/lib/mysql"]
  redis:
    image: redis:6

总结：本系统通过Spring Boot实现高并发场景下的资金事务处理，结合Vue提供响应式前端交互，适用于中小型银行或金融机构。关键点在于事务一致性保障、细粒度权限控制和系统安全性设计。