一.核心开发流程

二.项目功能梳理

基础功能

1. 用户
   1. --用户注册
   2. --用户登录
   3. --管理员
2. 题库
   1. -- 查看题库列表
      1. ---查看题目详情
      2. --管理员 管理题库，增删改查
3. 题目
   1. ---题目搜索
      1. ---查看题目详情
         1. ----管理员管理题目，比如按照题库查询题目，修改题目属于的题库，etc
4. 高级功能 5. 题目批量管理 1. ---管理员 批量向题库添加题目 2. ----管理员 批量从题库移除题目 3. ---- 管理员 批量从题库删除题目
5. 分词题目检索
6. 用户刷题记录日历图
7. 自动缓存热门题目
8. 网站流量控制和熔断
9. 动态ip黑白名单过滤
10. 同端登录冲突检测
11. 分级题目反爬虫策略

三. 技术选型

前端

• react
• nextjs服务端渲染
• redux状态管理
• ant design 组件库
• 富文本编辑器组件
• 前端工程化
• eslint+prettier+typescripts
• openai 前端代码生成
• 后端
• java sprintboot +maven多模块构建
• mysql+mybatis-plus+my batis x
• redis 分布式缓存 + caffine本地缓存
• redission分布式锁+bitmap+bloomfilter
• elastsearch 本地搜索引擎
• druid 数据库连接池
• sa-token 权限控制
• hotkey 热点探测
• sentinel 流量控制
• nacos 配置中心
• 多角度项目优化： 性能，安全性，可用性

四.核心架构图

4.1 系统整体架构

graph TB
    subgraph "Client Layer" 
        A["🎯 Web Browser"]
        B["📱 Mobile App"]
    end

    subgraph "Frontend Layer" 
        C["⚛️ Next.js/React"]
        D["🎨 Ant Design UI"]
        E["🔄 Redux Toolkit"]
    end

    subgraph "API Gateway Layer"
        F["🔄 Reverse Proxy"]
        G["⚖️ Load Balancer"]
    end

    subgraph "Backend Services"
        H["⚙️ Spring Boot APIs"]
        I["🔐 Authentication Service"]
        J["📚 Question Management"]
        K["👥 User Management"]
        L["🔍 Search Service"]
        M["📊 Analytics Service"]
        N["🔒 Security Service"]
    end

    subgraph "Data Layer"
        O["🗄️ MySQL Database"]
        P["⚡ Redis Cache"]
        Q["🔍 Elasticsearch"]
        R["☁️ File Storage"]
    end

    subgraph "Infrastructure"
        S["📋 Nacos Config"]
        T["⏱️ Sentinel Control"]
        U["🔥 Hotkey Detection"]
        V["🔄 Redisson Tools"]
    end

    subgraph "DevOps Tools"
        W["🐳 Docker"]
        X["🔄 CI/CD"]
    end

    A --> C
    B --> C
    C --> F
    D --> C
    E --> C
    F --> H
    G --> F
    H --> I
    H --> J
    H --> K
    H --> L
    H --> M
    H --> N
    I --> O
    J --> O
    K --> O
    L --> Q
    M --> O
    N --> O
    O --> P
    P --> S
    Q --> T
    R --> O
    S --> H
    T --> H
    U --> H
    V --> H
    W --> H
    X --> W

Loading

4.2 微服务架构图

graph LR
    subgraph "Frontend Services"
        A["🌐 Web Portal"]
        B["📱 Mobile App"]
        C["🔧 Admin Panel"]
    end

    subgraph "API Gateway"
        D["🔗 Gateway Service"]
    end

    subgraph "Core Services"
        E["👤 User Service"]
        F["📚 Question Service"]
        G["📚 Question Bank Service"]
        H["🔍 Search Service"]
        I["📊 Analytics Service"]
        J["⚙️ Config Service"]
    end

    subgraph "Shared Infrastructure"
        K["🗄️ MySQL Cluster"]
        L["⚡ Redis Cluster"]
        M["🔍 Elasticsearch"]
        N["☁️ Object Storage"]
    end

    A --> D
    B --> D
    C --> D
    D --> E
    D --> F
    D --> G
    D --> H
    D --> I
    D --> J
    E --> K
    E --> L
    F --> K
    F --> L
    G --> K
    G --> L
    H --> M
    I --> K
    I --> L
    J --> N
    J --> K

Loading

4.3 技术栈架构

🎨 前端技术栈

• 框架: Next.js + React
• UI库: Ant Design
• 状态管理: Redux Toolkit
• 富文本: Bytemd
• 图表: ECharts for React
• 可视化: React Flow
• 开发工具: TypeScript, ESLint, Prettier

⚙️ 后端技术栈

• 框架: Spring Boot 2.7.2
• 语言: Java 11
• 数据库: MySQL + MyBatis-Plus
• 缓存: Redis + Caffeine + Redisson
• 搜索引擎: Elasticsearch
• 权限: Sa-Token
• 配置中心: Nacos
• 流量控制: Sentinel
• 连接池: Druid
• 监控文档: Knife4j

🚀 部署与运维

• 容器化: Docker
• 分词检索: Elasticsearch
• 热点探测: Hotkey
• 微信集成: WeChat SDK
• 文件存储: Tencent Cloud COS
• 部署: CI/CD Pipeline

五.环境准备

jdk 版本要求8，11，17

推荐11，caffeine要求11

nodejs>18.8