我尝试运行这个简单的 Flask hello word 代码:
app = Flask(__name__)
@app.route("/")
def hello_world():
return "<p>Hello, World!</p>"
但是 safari 不想连接到 Flask 给出的 url (http://127.0.0.1:5000)。 我使用的是 MAC OS M1
您应该在底部添加:
if name == "__main__":
app.run(debug=true)
from flask import Flask, render_template, request, jsonify
app = Flask(__chataa__)
# Store messages in memory for simplicity (not recommended for production)
messages = []
@app.route('/')
def index():
return render_template('index.html', messages=messages)
@app.route('/send_message', methods=['POST'])
def send_message():
username = request.form.get('username')
message = request.form.get('message')
if username and message:
messages.append({'username': username, 'message': message})
return jsonify({'status': 'OK'})
if __name__ == '__main__':
app.run(debug=True)
创建一个HTML模板(index.html)来显示聊天界面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chat App</title>
</head>
<body>
<h1>Chat App</h1>
<div id="chat">
{% for message in messages %}
<p><strong>{{ message.username }}:</strong> {{ message.message }}</p>
{% endfor %}
</div>
<form id="message-form">
<input type="text" id="username" placeholder="Username">
<input type="text" id="message" placeholder="Message">
<button type="submit">Send</button>
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#message-form').submit(function(event) {
event.preventDefault();
var username = $('#username').val();
var message = $('#message').val();
$.post('/send_message', { username: username, message: message }, function(data) {
$('#message').val('');
});
});
});
</script>
</body>
</html>