海外数字资产模拟平台搭建记录：多语言合约演示 + 行情可视化 + 部署笔记

免责声明：本文仅为技术学习参考，不构成任何投资建议；任何实际金融平台必须遵守当地法律法规并取得相关牌照。

项目背景

最近接了一个海外数字资产模拟平台的技术演示项目，客户希望支持合约演示、行情可视化、风险参数配置等功能。技术栈以 Vue + Java 为主，前端需要同时兼容 Vue 3 与 Vue 2 两套环境，后端采用 Spring Boot。下面把关键实现与部署心得整理出来，方便后续复盘。

模拟平台移动端界面

技术方案

前端：Vue 3 + Vue 2（双端复用组件库）
后端：Java Spring Boot，RESTful API + WebSocket 推送
数据库：MySQL 持久化 + Redis 缓存与分布式锁
行情数据：接入第三方市场数据 API，经处理后通过 WebSocket 推送到前端
多语言：基于 i18n 统一管理，支持中、英、日、韩等多语言切换
部署：Nginx 反向代理 + 静态资源分发，SSL 由 Nginx 统一处理

选择 Vue 是因为组件化生态成熟，配合 WebSocket 做实时行情可视化非常顺手。

核心功能

1. 合约演示类型

模拟平台支持三类合约演示：

无到期日合约演示：没有固定结算日期，适合展示长期持仓逻辑
到期结算合约演示：设定到期时间，演示结算与交割流程
现货模拟交易：以实时行情为基础的普通买卖演示

// 合约演示服务
@Service
public class ContractDemoService {
    // 开仓演示
    public OpenResult openPosition(OpenRequest request) {
        // 检查持仓是否超过参数化限制
        if (checkPositionLimit(request)) {
            throw new BusinessException("持仓超过限制");
        }
        
        // 计算保证金
        BigDecimal margin = calculateMargin(request);
        
        // 创建模拟持仓记录
        Position position = new Position();
        position.setSymbol(request.getSymbol());
        position.setType(request.getType());
        position.setDirection(request.getDirection());
        position.setAmount(request.getAmount());
        position.setLeverage(request.getLeverage()); // 参数化杠杆设置，仅作演示
        position.setMargin(margin);
        
        positionMapper.insert(position);
        
        return new OpenResult(position.getId());
    }
}

2. 行情可视化

为了让学员和测试人员能观察不同行情场景，系统支持行情回放与模拟数据注入。教学场景中经常需要演示极端波动、快速反弹等走势。

实现思路：

在 MySQL 中存储预设行情数据集
通过配置开关选择使用真实行情 API 还是预设回放数据
前端使用 K 线图组件渲染，支持 1 分钟到 1 天多个时间维度

@Service
public class KLineVisualizationService {
    // 获取K线数据
    public List<KLine> getKLines(String symbol, String interval) {
        if (isMockEnabled(symbol)) {
            return getPresetKLines(symbol, interval);
        }
        return getRealKLines(symbol, interval);
    }
    
    // 设置行情回放数据
    public void setMockKLineData(String symbol, List<KLine> presetData) {
        redis.set("kline:mock:" + symbol, JSON.toJSONString(presetData));
    }
}

该功能仅用于教学演示与压力测试，不能用于真实市场环境。

模拟平台后台管理界面