stock-agent/web/README.md

现代化股票分析平台

一个基于Flask + HTML/CSS/JavaScript的现代化股票分析平台，提供美观的用户界面和丰富的交互体验。

✨ 特性

• 🎨 现代化设计: 玻璃拟态效果、渐变背景、流畅动画
• 📱 响应式布局: 完美适配桌面和移动设备
• ⚡ 快速加载: 轻量级架构，无需重型框架
• 🎯 交互丰富: 实时图表、动态加载、键盘快捷键
• 🌙 深色模式: 自动适配系统主题偏好

🚀 快速启动

方法一：使用启动脚本

./start_web.sh

方法二：手动启动

# 1. 激活虚拟环境
source venv/bin/activate

# 2. 安装依赖
pip install -r web/requirements.txt

# 3. 启动应用
cd web && python app.py

🌐 访问地址

启动后访问: 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     # 交互脚本

现在你拥有了一个真正现代化的股票分析平台！🎉