首先我们完成基本的功能
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>呼哈</title>
</head>
<body><div id="myTitle"><h2 style="margin-left: 30px;"><strong>测试助手</strong></h2></div><div id="myBox" style="margin: 0px auto; border: 1px solid black; width: 400px; height: 400px;"><h2 style="background-color: orange; width: 100px; text-align: center;margin-top: 0px;">对话框</h2><div id="getContent">您输入的是:{{input_content}}</div></div><form method="post"><div id="myinput" style="text-align: center;"><input type="text" name="content" placeholder="请输入内容"><span><button type="submit">发送</button></span></div></form></body>
</html>
后端这样写
from flask import Flask, render_template, requestapp = Flask(__name__)@app.route('/index', methods=['POST', 'GET'])
def index():input_content = ''if request.method == 'POST':input_content = request.form.get('content', '')return render_template('PJ00.html', input_content = input_content)if __name__ == '__main__':app.run(debug=True, port=5001)
目录要这样写，否则Flask无法加载html文件
