# quant-fund-front

**Repository Path**: qiuanshmily/quant-fund-front

## Basic Information

- **Project Name**: quant-fund-front
- **Description**: 量化基金-前端
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-03
- **Last Updated**: 2025-08-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 量化平台前端部分

## 项目简介
参考 的是Northstar 盈富量化平台网页监控端是一个专业的量化交易监控系统，提供实时市场数据可视化、交易信号监控和策略执行跟踪功能。并根据上述源码进行优化和策略的更新

## 主要功能
- 实时K线图表展示
- 交易信号监控与提醒
- 策略执行状态跟踪
- 历史数据分析
- 风险管理面板

## 技术栈
- 前端框架: React
- 图表库: KLineChart
- 状态管理: Redux
- 构建工具: Webpack
- 样式: Sass

## 开发环境要求
使用nodejs14版本，其他版本会有各种奇怪问题。
可使用国内npm镜像加速
```
npm config set registry https://registry.npmmirror.com
```

## 安装依赖
```bash
npm install
```

## 开发环境启动
注意在开发环境下，通讯没有加密，协议是HTTP与ws
```
npm start
```
服务端也同样需要采用dev的profile启动。否则会"出现服务端未启动"提示

## 生产环境构建
在生产环境下，项目会统一打包进springboot的JAR包中，并不需要额外配置其他HTTP服务来加载静态资源。通讯协议会加TLS加密，因此使用HTTPS访问（wss同理）
```bash
npm run build
```

## 项目结构
```
src/
├── components/    # 公共组件
├── pages/         # 页面组件
├── store/         # Redux状态管理
├── styles/        # 全局样式
├── utils/         # 工具函数
└── index.js       # 应用入口
```

## 参考项目
[KLineChart](https://github.com/liihuu/KLineChart)，一个很牛逼的K线控件库。
- 参考示例：https://liihuu.github.io/KLineChart/ （可能需要翻墙）
- 代码示例：https://github.com/liihuu/KLineChartSample
- 参考文档：https://www.yuque.com/liihuu/klinechart

## 贡献指南
欢迎提交Pull Request。提交前请确保：
1. 通过所有测试
2. 更新相关文档
3. 遵循现有代码风格

## 许可证
MIT License
```]>