108 lines
2.8 KiB
Markdown
108 lines
2.8 KiB
Markdown
# 现代化股票分析平台
|
||
|
||
一个基于Flask + HTML/CSS/JavaScript的现代化股票分析平台，提供美观的用户界面和丰富的交互体验。
|
||
|
||
## ✨ 特性
|
||
|
||
- **🎨 现代化设计**: 玻璃拟态效果、渐变背景、流畅动画
|
||
- **📱 响应式布局**: 完美适配桌面和移动设备
|
||
- **⚡ 快速加载**: 轻量级架构，无需重型框架
|
||
- **🎯 交互丰富**: 实时图表、动态加载、键盘快捷键
|
||
- **🌙 深色模式**: 自动适配系统主题偏好
|
||
|
||
## 🚀 快速启动
|
||
|
||
### 方法一：使用启动脚本
|
||
```bash
|
||
./start_web.sh
|
||
```
|
||
|
||
### 方法二：手动启动
|
||
```bash
|
||
# 1. 激活虚拟环境
|
||
source venv/bin/activate
|
||
|
||
# 2. 安装依赖
|
||
pip install -r web/requirements.txt
|
||
|
||
# 3. 启动应用
|
||
cd web && python app.py
|
||
```
|
||
|
||
## 🌐 访问地址
|
||
|
||
启动后访问: [http://localhost:5001](http://localhost:5001)
|
||
|
||
## 📋 功能模块
|
||
|
||
### 1. 股票筛选
|
||
- 多种投资策略选择（价值投资、成长投资、技术分析）
|
||
- 可调节筛选条件（最低评分、结果数量）
|
||
- 实时图表展示（评分排行、行业分布）
|
||
|
||
### 2. 单股分析
|
||
- 股票代码输入验证
|
||
- 综合评分和投资建议
|
||
- 详细财务指标展示
|
||
- 雷达图可视化
|
||
|
||
### 3. 策略对比
|
||
- 多策略并行分析
|
||
- 对比结果可视化
|
||
- 最佳策略推荐
|
||
|
||
## ⌨️ 键盘快捷键
|
||
|
||
- `Ctrl + 1`: 切换到股票筛选
|
||
- `Ctrl + 2`: 切换到单股分析
|
||
- `Ctrl + 3`: 切换到策略对比
|
||
- `Ctrl + Enter`: 执行当前页面主要操作
|
||
|
||
## 🎨 设计特色
|
||
|
||
- **玻璃拟态**: 半透明背景 + 毛玻璃模糊效果
|
||
- **渐变主题**: 蓝紫色渐变配色方案
|
||
- **流畅动画**: 页面切换、加载状态、悬停效果
|
||
- **现代排版**: Inter 字体 + 合理的层次结构
|
||
- **智能提示**: Toast 通知 + 加载状态反馈
|
||
|
||
## 🔧 技术栈
|
||
|
||
- **前端**: HTML5 + CSS3 + Vanilla JavaScript
|
||
- **后端**: Flask (轻量级Python Web框架)
|
||
- **图表**: Chart.js
|
||
- **图标**: Font Awesome
|
||
- **字体**: Google Fonts (Inter)
|
||
|
||
## 📱 响应式适配
|
||
|
||
- **桌面**: 1200px+ (多列布局)
|
||
- **平板**: 768px-1199px (双列布局)
|
||
- **手机**: <768px (单列布局)
|
||
|
||
## 🎯 与Streamlit对比
|
||
|
||
| 特性 | Streamlit | 现代化平台 |
|
||
|------|-----------|------------|
|
||
| 设计自由度 | 受限 | 完全自定义 |
|
||
| 加载速度 | 较慢 | 快速 |
|
||
| 交互体验 | 基础 | 丰富 |
|
||
| 移动适配 | 一般 | 优秀 |
|
||
| 定制程度 | 低 | 高 |
|
||
|
||
## 🔄 项目结构
|
||
|
||
```
|
||
web/
|
||
├── app.py # Flask后端
|
||
├── requirements.txt # Python依赖
|
||
├── templates/
|
||
│ └── index.html # 主页面
|
||
└── static/
|
||
├── css/
|
||
│ └── style.css # 样式文件
|
||
└── js/
|
||
└── app.js # 交互脚本
|
||
```
|
||
|
||
现在你拥有了一个真正现代化的股票分析平台！🎉 |