Python中如何使用Flask框架编写行情数据抓取页面

这种应该有现成的工具吧 github 上找找

我来给你一个完整的Flask行情数据抓取页面示例。这个代码会抓取股票行情数据并展示在网页上。

from flask import Flask, render_template, jsonify
import requests
import json
from datetime import datetime
import threading
import time

app = Flask(__name__)

# 模拟行情数据存储
market_data = {
    'AAPL': {'price': 175.25, 'change': 1.25, 'volume': 45218900},
    'GOOGL': {'price': 135.67, 'change': -0.45, 'volume': 18923400},
    'MSFT': {'price': 327.89, 'change': 2.34, 'volume': 28765400},
    'TSLA': {'price': 245.33, 'change': -3.21, 'volume': 65432100}
}

def fetch_real_stock_data(symbol):
    """从公开API获取真实股票数据（示例使用Alpha Vantage）"""
    try:
        # 这里使用模拟数据，实际使用时需要申请API key
        # api_key = 'YOUR_API_KEY'
        # url = f'https://www.alphavantage.co/query?function=GLOBAL_QUOTE&symbol={symbol}&apikey={api_key}'
        # response = requests.get(url)
        # data = response.json()
        
        # 模拟API响应
        return {
            'price': round(market_data[symbol]['price'] + (market_data[symbol]['change'] * 0.1), 2),
            'change': round(market_data[symbol]['change'] * 0.9, 2),
            'volume': market_data[symbol]['volume']
        }
    except:
        return market_data[symbol]

def update_market_data():
    """后台线程定期更新行情数据"""
    while True:
        for symbol in market_data.keys():
            new_data = fetch_real_stock_data(symbol)
            market_data[symbol] = new_data
        time.sleep(10)  # 每10秒更新一次

@app.route('/')
def index():
    """主页面显示所有行情数据"""
    return render_template('index.html', 
                         stocks=market_data, 
                         last_update=datetime.now().strftime('%H:%M:%S'))

@app.route('/api/quote/<symbol>')
def get_quote(symbol):
    """API接口获取单个股票行情"""
    symbol = symbol.upper()
    if symbol in market_data:
        return jsonify({
            'symbol': symbol,
            'data': market_data[symbol],
            'timestamp': datetime.now().isoformat()
        })
    return jsonify({'error': 'Symbol not found'}), 404

@app.route('/api/market')
def get_market():
    """API接口获取所有行情数据"""
    return jsonify({
        'data': market_data,
        'timestamp': datetime.now().isoformat()
    })

if __name__ == '__main__':
    # 启动后台数据更新线程
    update_thread = threading.Thread(target=update_market_data, daemon=True)
    update_thread.start()
    
    app.run(debug=True, port=5000)

还需要创建一个HTML模板文件 templates/index.html：

<!DOCTYPE html>
<html>
<head>
    <title>股票行情监控</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; }
        .stock-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        .stock-table th, .stock-table td { 
            padding: 12px; text-align: left; border-bottom: 1px solid #ddd; 
        }
        .stock-table th { background-color: #f2f2f2; }
        .positive { color: green; }
        .negative { color: red; }
        .update-time { color: #666; font-size: 0.9em; margin-bottom: 20px; }
    </style>
</head>
<body>
    <h1>实时股票行情</h1>
    <div class="update-time">最后更新: {{ last_update }}</div>
    
    <table class="stock-table">
        <thead>
            <tr>
                <th>股票代码</th>
                <th>当前价格</th>
                <th>涨跌幅</th>
                <th>成交量</th>
            </tr>
        </thead>
        <tbody>
            {% for symbol, data in stocks.items() %}
            <tr>
                <td>{{ symbol }}</td>
                <td>${{ data.price }}</td>
                <td class="{{ 'positive' if data.change >= 0 else 'negative' }}">
                    {{ '+' if data.change >= 0 else '' }}{{ data.change }}
                </td>
                <td>{{ "{:,}".format(data.volume) }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <script>
        // 自动刷新页面数据
        setInterval(() => {
            location.reload();
        }, 30000); // 每30秒刷新
        
        // 或者使用AJAX获取数据（更优雅的方式）
        function fetchData() {
            fetch('/api/market')
                .then(response => response.json())
                .then(data => {
                    console.log('最新行情:', data);
                });
        }
    </script>
</body>
</html>

这个实现有几个关键点：