TIANHE
+41
-82
@@ -1,103 +1,62 @@
|
||||
English | [简体中文](./README.zh-CN.md)
|
||||
# QuantDinger Web UI (Vue 2)
|
||||
|
||||
<h1 align="center">Ant Design Vue Pro</h1>
|
||||
<div align="center">
|
||||
An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on <a href="https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/" target="_blank">Ant Design of Vue</a>
|
||||
</div>
|
||||
This is the QuantDinger frontend web UI built with **Vue 2** + **Ant Design Vue**. It connects to the Python backend (`backend_api_python/`) through HTTP APIs to provide charts, indicators, backtests, AI analysis, and strategy management.
|
||||
|
||||
<div align="center">
|
||||
> This UI is based on the open-source `ant-design-vue-pro` ecosystem, heavily adapted for QuantDinger.
|
||||
|
||||
[](https://github.com/vueComponent/ant-design-vue-pro/blob/master/LICENSE)
|
||||
[](https://github.com/vueComponent/ant-design-vue-pro/releases/latest)
|
||||
[](https://github.com/vueComponent/ant-design-vue-pro/releases/latest)
|
||||
[](https://travis-ci.org/vueComponent/ant-design-vue-pro)
|
||||
## What you get
|
||||
|
||||
</div>
|
||||
- **Dashboards**: summary views and operational panels
|
||||
- **Indicator analysis**: Kline charts + indicator editing + backtest history
|
||||
- **AI analysis**: multi-agent reports (optional LLM/search, configured on backend)
|
||||
- **Trading assistant**: strategy lifecycle + positions/records (depending on backend capability)
|
||||
- **Local auth**: login with backend-configured admin credentials
|
||||
|
||||
- Preview: https://preview.pro.antdv.com
|
||||
- Home Page: https://pro.antdv.com
|
||||
- Documentation: https://pro.antdv.com/docs/getting-started
|
||||
- ChangeLog: https://pro.antdv.com/docs/changelog
|
||||
- FAQ: https://pro.antdv.com/docs/faq
|
||||
- Vue3 ProLayout: https://github.com/vueComponent/pro-layout
|
||||
## Quick start (local development)
|
||||
|
||||
Overview
|
||||
----
|
||||
### Prerequisites
|
||||
|
||||
|
||||
- Node.js 16+ recommended
|
||||
- Backend running at `http://localhost:5000` (see `backend_api_python/README.md`)
|
||||
|
||||
### Env and dependencies
|
||||
### 1) Install dependencies
|
||||
|
||||
- node
|
||||
- yarn
|
||||
- webpack
|
||||
- eslint
|
||||
- @vue/cli
|
||||
- [ant-design-vue@1.x](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue
|
||||
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - Picture edit
|
||||
- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - AntV G2
|
||||
- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - Antv/G2 of Vue
|
||||
|
||||
> Note: [Yarn](https://yarnpkg.com/) package management is recommended, the exact same version loaded with the demo site of this project (yarn.lock) . but you can also use npm
|
||||
|
||||
|
||||
### Project setup
|
||||
|
||||
- Clone repo
|
||||
```bash
|
||||
git clone https://github.com/vueComponent/ant-design-vue-pro.git
|
||||
cd ant-design-vue-pro
|
||||
cd quantdinger_vue
|
||||
npm install
|
||||
```
|
||||
|
||||
- Install dependencies
|
||||
```
|
||||
yarn install
|
||||
### 2) Start dev server
|
||||
|
||||
```bash
|
||||
npm run serve
|
||||
```
|
||||
|
||||
- Compiles and hot-reloads for development
|
||||
```
|
||||
yarn run serve
|
||||
Dev server runs at `http://localhost:8000`.
|
||||
|
||||
### 3) API proxy (important)
|
||||
|
||||
In dev mode, this project proxies `/api/*` to the backend:
|
||||
|
||||
- Proxy config: `quantdinger_vue/vue.config.js`
|
||||
- Default target: `http://localhost:5000`
|
||||
|
||||
If your backend runs on a different host/port, update `vue.config.js` accordingly.
|
||||
|
||||
## Production build
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
- Compiles and minifies for production
|
||||
```
|
||||
yarn run build
|
||||
```
|
||||
The output will be generated under `quantdinger_vue/dist/`.
|
||||
|
||||
- Lints and fixes files
|
||||
```
|
||||
yarn run lint
|
||||
```
|
||||
## Notes
|
||||
|
||||
- **CORS**: when using the dev proxy, you typically don’t need extra CORS config.
|
||||
- **Login**: use the credentials defined in `backend_api_python/.env` (`ADMIN_USER` / `ADMIN_PASSWORD`).
|
||||
|
||||
### Other
|
||||
## License
|
||||
|
||||
- **IMPORTANT : Issue feedback !! when opening Issue read [Issue / PR Contributing](https://github.com/vueComponent/ant-design-vue-pro/issues/90)**
|
||||
Apache License 2.0. See repository root `LICENSE`.
|
||||
|
||||
- [Vue-cli3](https://cli.vuejs.org/guide/) used by the project.
|
||||
|
||||
- Disable Eslint (not recommended): remove `eslintConfig` field in `package.json` and `vue.config.js` field `lintOnSave: false`
|
||||
|
||||
- Load on Demand `/src/main.js` L14, in `import './core/lazy_use'`, `import './core/use''`. more [load-on-demand.md](./docs/load-on-demand.md)
|
||||
|
||||
- Customize Theme: [Custom Theme Config (@kokoroli)](https://github.com/kokoroli/antd-awesome/blob/master/docs/Ant_Design_%E6%A0%B7%E5%BC%8F%E8%A6%86%E7%9B%96.md)
|
||||
|
||||
- I18n: [locales (@musnow)](./src/locales/index.js)
|
||||
|
||||
- Production env `mock` is disabled. use `src/mock/index.js`
|
||||
|
||||
- pls use `release` version
|
||||
|
||||
## Browsers support
|
||||
|
||||
Modern browsers and IE10.
|
||||
|
||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| IE10, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
||||
|
||||
|
||||
## Contributors
|
||||
|
||||
This project exists thanks to all the people who contribute.
|
||||
<a href="https://github.com/vueComponent/ant-design-vue-pro/graphs/contributors"><img src="https://opencollective.com/ant-design-pro-vue/contributors.svg?width=890&button=false" /></a>
|
||||
|
||||
@@ -1,110 +0,0 @@
|
||||
[English](./README.md) | 简体中文
|
||||
|
||||
<h1 align="center">Ant Design Vue Pro</h1>
|
||||
<div align="center">
|
||||
An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on <a href="https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/" target="_blank">Ant Design of Vue</a>
|
||||
</div>
|
||||
|
||||
<div align="center">
|
||||
|
||||
[](https://github.com/vueComponent/ant-design-vue-pro/blob/master/LICENSE)
|
||||
[](https://github.com/vueComponent/ant-design-vue-pro/releases/latest)
|
||||
[](https://github.com/vueComponent/ant-design-vue-pro/releases/latest)
|
||||
[](https://travis-ci.org/vueComponent/ant-design-vue-pro)
|
||||
|
||||
</div>
|
||||
|
||||
- 预览: https://preview.pro.antdv.com
|
||||
- 首页: https://pro.antdv.com
|
||||
- 文档: https://pro.antdv.com/docs/getting-started
|
||||
- 更新日志: https://pro.antdv.com/docs/changelog
|
||||
- 常见问题: https://pro.antdv.com/docs/faq
|
||||
- Vue3 ProLayout: https://github.com/vueComponent/pro-layout
|
||||
|
||||
Overview
|
||||
----
|
||||
|
||||
基于 [Ant Design of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 实现的 [Ant Design Pro](https://pro.ant.design/)
|
||||
|
||||
|
||||
|
||||
环境和依赖
|
||||
----
|
||||
|
||||
- node
|
||||
- yarn
|
||||
- webpack
|
||||
- eslint
|
||||
- @vue/cli
|
||||
- [ant-design-vue@1.x](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现
|
||||
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件
|
||||
- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表
|
||||
- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - antv/g2 封装实现
|
||||
|
||||
> 请注意，我们强烈建议本项目使用 [Yarn](https://yarnpkg.com/) 包管理工具，这样可以与本项目演示站所加载完全相同的依赖版本 (yarn.lock) 。由于我们没有对依赖进行强制的版本控制，采用非 yarn 包管理进行引入时，可能由于 Pro 所依赖的库已经升级版本而引入了新版本所导致的问题。作者可能会由于时间问题无法及时排查而导致您采用本项目作为基项目而出现问题。
|
||||
|
||||
|
||||
|
||||
项目下载和运行
|
||||
----
|
||||
|
||||
- 拉取项目代码
|
||||
```bash
|
||||
git clone https://github.com/vueComponent/ant-design-vue-pro.git
|
||||
cd ant-design-vue-pro
|
||||
```
|
||||
|
||||
- 安装依赖
|
||||
```
|
||||
yarn install
|
||||
```
|
||||
|
||||
- 开发模式运行
|
||||
```
|
||||
yarn run serve
|
||||
```
|
||||
|
||||
- 编译项目
|
||||
```
|
||||
yarn run build
|
||||
```
|
||||
|
||||
- Lints and fixes files
|
||||
```
|
||||
yarn run lint
|
||||
```
|
||||
|
||||
|
||||
|
||||
其他说明
|
||||
----
|
||||
|
||||
- **关于 Issue 反馈 (重要!重要!重要!) 请在开 *Issue* 前，先阅读该内容：[Issue / PR 编写建议](https://github.com/vueComponent/ant-design-vue-pro/issues/90)**
|
||||
|
||||
- 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请确保你所使用的 vue-cli 是新版，并且已经学习 cli 官方文档使用教程
|
||||
|
||||
- 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码, `vue.config.js` 下的 `lintOnSave` 值改为 `false`
|
||||
|
||||
- 组件按需加载 `/src/main.js` L14 相关代码 `import './core/lazy_use'` / `import './core/use'`
|
||||
|
||||
- [修改 Ant Design 配色 (@kokoroli)](https://github.com/kokoroli/antd-awesome/blob/master/docs/Ant_Design_%E6%A0%B7%E5%BC%8F%E8%A6%86%E7%9B%96.md)
|
||||
|
||||
- I18n: [多语言支持 (@musnow)](./src/locales/index.js)
|
||||
|
||||
- 生产环境默认不加载 `mock`，更多详情请看 `src/mock/index.js`
|
||||
|
||||
- **用于生产环境，请使用 `release` 版本代码，使用 master 代码出现的任何问题需要你自行解决**
|
||||
|
||||
## 浏览器兼容
|
||||
|
||||
Modern browsers and IE10.
|
||||
|
||||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| IE10, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
||||
|
||||
|
||||
## Contributors
|
||||
|
||||
This project exists thanks to all the people who contribute.
|
||||
<a href="https://github.com/vueComponent/ant-design-vue-pro/graphs/contributors"><img src="https://opencollective.com/ant-design-pro-vue/contributors.svg?width=890&button=false" /></a>
|
||||
Reference in New Issue
Block a user