如何使用 Jinja2 html 模板在 Flask 服務器上調用 python 函數？

Question

我最近開始學習使用 Flask 框架。 但是，當在 html 模板中單擊按鈕時，我對如何從 main.py 調用函數“sign_in_check”感到有些困惑。 在 Django 中，它就像<form action = "{{% url 'sign_in_check' %}}> 。但是，如果我嘗試用 Flask 做同樣的事情，它會返回一個錯誤。我一直在用谷歌搜索解決方案沒運氣。這是我的代碼，我知道flask具有更好的內置登錄功能，但是我仍然需要知道如何從模板調用函數，因為我還有其他頁面需要運行python函數。

主文件

from flask import Flask, render_template, request, current_app
from flask_socketio import SocketIO, send

app = Flask(__name__)
app.config['SECRET_KEY'] = 'mysecret'
socketio = SocketIO(app)

@app.route('/')
def sign_in():
    return render_template('sign_in.html', sign_in_check_func =       sign_in_check)

@app.route('/sign_in_check')
def sign_in_check():
    print("In Sign In Check")
    if request.method == "POST":
        driver_first_name = request.POST.get('driver_first_name', '')
        driver_last_name = request.POST.get('driver_last_name', '')
        driver_WWID = request.POST.get('driver_WWID', '')

        co_driver_first_name = request.POST.get('co_driver_first_name', '')
        co_driver_first_name = request.POST.get('co_driver_last_name', '')
        co_driver_WWID = request.POST.get('co_driver_WWID', '')

        car_number = request.POST.get('car_number', '')

        c = {'driver_first_name':driver_first_name, 'driver_last_name':driver_last_name,
    'driver_WWID':driver_WWID,  'co_driver_first_name':co_driver_first_name,
    'co_driver_last_name':co_driver_last_name, 'co_driver_WWID':co_driver_WWID,}

        if driver_first_name != "" and driver_last_name != "" and driver_WWID != "" and co_driver_first_name != "" and co_driver_last_name != "" and co_driver_WWID != "":

            return render_template('pre_drive_inspection.html')
    return render_template('sign_in.html')

登錄.html

<!DOCTYPE html>
{% extends "base.html" %}
{% block main_content %}
  <html>
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/sign_in.css') }}">
    <body>
        <div id="driver_info">
              <li>
                <label for="driver_first_name">Driver First Name:</label>
                 <input type="text" name="driver_first_name" value="{{driver_first_name }}" id="driver_first_name">
              </li>
              <li>
                <label for="driver_last_name">Driver Last Name:</label>
                  <input type="text" name="driver_last_name" value = "{{driver_last_name }}" id="driver_last_name">
              </li>
              <li>
                <label for="driver_wwid">Driver WWID:</label>
                  <input type="text" name="driver_WWID" value="{{driver_WWID }}" id="driver_WWID" maxlength="8"
                    onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57">
              </li>
          </div>

          <div id="co-driver_info"  >
            <li>
              <label for="co_driver_first_name">CO-Driver First Name:</label>
                <input type="text" name="co_driver_first_name" value="{{co_driver_first_name }}" id="co_driver_first_name">
           </li>
           <li>
              <label for="co_driver_last_name">CO-Driver Last Name:</label>
              <input type="text" name="co_driver_last_name" value="{{ co_driver_last_name }}" id="co_driver_last_name">
           </li>
           <li>
              <label for="co_driver_wwid">CO-Driver WWID:</label>
                <input type="text" name="co_driver_WWID" value="{{ co_driver_WWID }}" id="co_driver_WWID" maxlength="8"
              onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57">
           </li>
          </div>

          <div id="car_number">
            <li>
              <label for="car_number">Car Number:</label>
              <input type="text" name="car_number" value="{{ car_number }}" id="co_driver_WWID" maxlength="4"
            onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57">        </li>
           </li>
          </div>

          <button action="{{% url_for('sign_in_check') %}}" method="post" value = "{{ csrf_token }}">

            <div id="button">
              <li>
                <input type="submit" value="Continue">
              </li>
            </div>

          </button>

    </body>
  </html>
{% endblock %}

Answer 1

這是一個 HTML 問題。

按鈕沒有動作。 按鈕屬於表單，表單有一個 action 屬性。

<form action="{{% url_for('sign_in_check') %}}" method="post">

    <input type="hidden" value = "{{ csrf_token }}">
    <div id="driver_info">
          <li>
            <label for="driver_first_name">Driver First Name:</label>
             <input type="text" name="driver_first_name" value="{{driver_first_name }}" id="driver_first_name">
          </li>
          ...
        </div>

        <div id="button">
          <li>
            <input type="submit" value="Continue">
          </li>
        </div>
</form>

請注意，您的 HTML 也有很多其他問題。 例如，你不能在div后面有body元素； 該 div 屬於正文。 並且li元素必須進入ul元素（或ol ）。

此外，您的父“base.html”模板應該提供基本的頁面結構，包括 HTML 聲明、 head和body元素； 您的子模板應該簡單地填充主體內部的空間。

Answer 2

經過更多的谷歌搜索，我想通了。 如果有人好奇，我接受了丹尼爾的建議並重組了 html。 然而，這並沒有完全解決它。 動作語法是：

<form action='/sign_in_check' method="POST">

然后服務器像這樣處理它：

@app.route('/sign_in_check', methods = ['GET', 'POST'])
def sign_in_check():
  if request.method == 'POST':

我必須確保該函數接受 POST 或 GET。 此外，與 django 不同，flask 的請求語法有點不同。 像這樣，

driver_first_name = request.form.get('driver_first_name')

希望這可以幫助其他遇到類似問題的人。

如何使用 Jinja2 html 模板在 Flask 服務器上調用 python 函數？

問題描述

2 個解決方案

解決方案1
1 2017-03-08 20:06:13

解決方案2
0 已采納 2017-03-08 21:01:56

如何使用 Jinja2 html 模板在 Flask 服務器上調用 python 函數？

問題描述

2 個解決方案

解決方案1 1 2017-03-08 20:06:13

解決方案2 0 已采納 2017-03-08 21:01:56

解決方案1
1 2017-03-08 20:06:13

解決方案2
0 已采納 2017-03-08 21:01:56