简单的ai问答助手Flask+Web

首先我们完成基本的功能

<!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, request

app = 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文件
image

posted @ 2026-03-02 21:20  AttaSayyid  阅读(17)  评论(0)    收藏  举报