首页用python的flask框架写一个统计视频播放次数的网页后端以及前端

用python的flask框架写一个统计视频播放次数的网页后端以及前端

时间: 2024-06-11 08:08:12 浏览: 213

后端代码： ```python from flask import Flask, render_template, request, jsonify app = Flask(__name__) play_count = 0 @app.route('/') def index(): return render_template('index.html', play_count=play_count) @app.route('/play', methods=['POST']) def play(): global play_count play_count += 1 return jsonify({'success': True}) if __name__ == '__main__': app.run(debug=True) ``` 前端代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>统计视频播放次数</title> </head> <body> <h1>视频播放次数：{{ play_count }}</h1> <button id="play-btn">播放</button> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function() { $('#play-btn').click(function() { $.ajax({ url: '/play', type: 'POST', success: function(result) { if (result.success) { location.reload(); } } }); }); }); </script> </body> </html> ``` 在浏览器中访问 http://localhost:5000/ 即可看到统计视频播放次数的网页。每当点击播放按钮时，会向后端发送一个POST请求，后端会将播放次数加1，并返回一个JSON格式的响应。前端接收到响应后，重新加载页面，更新播放次数。

阅读全文