如何将数据从烧瓶发送到 html 模板答案

【问题标题】：How to send data from flask to html template如何将数据从烧瓶发送到 html 模板
【发布时间】：2017-12-26 21:08:15
【问题描述】：

我有一个小型应用程序，其中从用户那里获取输入，并根据它在 html 上显示数据。我必须从烧瓶中发送数据以显示在 html 上，但找不到方法。我没有遇到任何错误。

[更新]： Python 脚本：

    from flask import Flask, render_template, request
    import random

    app = Flask(__name__, template_folder='templates')

    @app.route('/', methods=['GET','POST'])
    def samplefunction():
        if request.method == 'GET':
            return render_template('new.html')
        if request.mthod == 'POST':
            greetIn = ['hey', 'hi', 'hey there', 'hi there', 'hello', 'hola', 'yoo']
            byeIn = ['bye', 'see you later', 'catch you later', 'toodles']
            nameOut = ['my name is Fatty!!', 'Fatty is my name', 'you can call me Fatty', 'I go by the name of Fatty']
            greetOut = ['hey there!', 'hi!', 'hi there!', 'hey!']
            byeOut = ['bye bye', 'bye. see you later']

            human1 = request.form['human']

            if human1 in greetIn:
                bot = random.choice(greetOut)
                return render_template('new.html', bot=bot)
            else:
                bot = 'Sorry..no idea!!!'
                return render_template('new.html', bot=bot)

  if __name__ == "__main__":
     app.run(debug=True)

HTML 代码：

<html>
  <head>
    <title>BOT</title>
    <script>
        var bot = {{ bot }}
    </script>
  </head>
  <body>
      <h1>Hello, type something to begin!</h1>
      <form method='post'>
        Human: <input type='text' name='human'><br>
        Bot: {{ bot }}<br>
        <input type="submit" name="action">
      </form>
  </body>
</html>

任何帮助将不胜感激。

谢谢！

【问题讨论】：

这对我来说是正确的。它用什么代替{{ bot }}？
bot = random.choice(greetout) 是它在您的代码中的实际样子吗？你从来没有在out 中用小写的o 声明变量。虽然我希望这会引发错误......
如上所述，一旦您将变量更改为greetOut，它应该可以工作
@CoryMadden Ohh..没有看到它..但它仍然无法正常工作。页面只是刷新而不写任何东西来代替 {{bot}}

标签： python html python-3.x web flask

【解决方案1】：

问题

由于初始 return 语句，您的函数 samplefunction() 始终呈现不包含变量的 new.html。

def samplefunction():
    return render_template('new.html')

修复

您需要添加if request.method == 'GET': 和if request.method == 'POST':，然后您的代码才能运行。并将变量名称更改为@Harrison 建议的另一个答案：bot = random.choice(greetOut) 而不是bot = random.choice(greetout)

更新代码

def samplefunction():
    if request.method == 'GET':
        return render_template('new.html')
    if request.method == 'POST':
        greetIn = ['hey', 'hi', 'hey there', 'hi there', 'hello', 'hola', 'yoo']
        byeIn = ['bye', 'see you later', 'catch you later', 'toodles']
        nameOut = ['my name is Fatty!!', 'Fatty is my name', 'you can call me Fatty', 'I go by the name of Fatty']
        greetOut = ['hey there!', 'hi!', 'hi there!', 'hey!']
        byeOut = ['bye bye', 'bye. see you later']
        human1 = request.form['human']
        if human1 in greetIn:
            bot = random.choice(greetOut)
            return render_template('new.html', bot=bot)
        else:
            render_template('new.html')

if __name__ == "__main__":
    app.run(host='0.0.0.0', port=8080, debug=True)

【讨论】：

它仍然无法正常工作...只需在每次单击按钮时渲染 new.html 而不使用变量
那您没有正确复制，因为您的代码确实有效，我得到了预期的结果。你确定你已经完全复制了代码吗？在@app.route('/', methods=['GET','POST']) 之后def samplefunction() 的定义需要和我上面写的完全一样，你的代码也能做你想做的事。机器人响应将写入您的 html 页面，以代替以下行中的变量 {{ bot }}：Bot: {{ bot }}<br>。
您确实知道需要在human 文本框中输入文本，并且输入需要匹配来自greetIn 列表的字符串之一，对吧？我以为你会知道，因为这是你的代码。您不能输入 monkey brain 并期望得到机器人的答案...此外，if __name__ == "__main__": 语句取决于您的环境，应该根据您的需要进行配置。我假设您知道，因为您至少能够在没有机器人响应的情况下呈现 new.html 页面......请给我更新或发布您的错误消息，我会帮助您解决问题。跨度>
以下是我的文件夹的结构：/bot --- /new1.py /templates -- new.html 我已正确复制您的代码并在if __name__ == "__main__": app.run(debug=True) 中进行了一次更改，然后在进入 /bot 文件夹后在 cmd 中运行以下命令：set FLASK_APP=new1.py 和 flask run 我没有收到任何错误消息或任何内容，页面只是在没有变量的情况下单击按钮后重新加载。
嘿，成功了！！！我再次安装了 Flask 和虚拟环境，然后它就像一个魅力！谢谢你:) :)

【解决方案2】：

greetOut = ['hey there!', 'hi!', 'hi there!', 'hey!'] 0ut

bot = random.choice(greetout) out

除此之外，您的模板看起来还不错。如果你更正你的大写，它应该可以工作。

此外，这不是强制性的，但您不妨将 Flask 导入压缩为 1 行，如下所示： from flask import Flask, render_template, request

【讨论】：

这样做了，但仍然无法正常工作。该页面仅在单击按钮时刷新，并且没有任何内容代替 {{bot}}