web-dev-qa-db-ja.com

データをHTMLフォームからPythonのFlaskスクリプトに送信する

私のPythonスクリプトには以下のコードがあります：

def cmd_wui(argv, path_to_tx):
    """Run a web UI."""
    from flask import Flask, flash, jsonify, render_template, request
    import webbrowser
    app = Flask(__name__)


    @app.route('/tx/index/')
    def index():
        """Load start page where you select your project folder
        or load history projects from local DB."""
        from txclib import get_version
        txc_version = get_version()
        prj = project.Project(path_to_tx)

        # Let's create a resource list from our config file
        res_list = []
        prev_proj = ''
        for idx, res in enumerate(prj.get_resource_list()):
                hostname = prj.get_resource_Host(res)
        username, password = prj.getset_Host_credentials(hostname)
        return render_template('init.html', txc_version=txc_version, username=username)

また、init.htmlにHTMLフォームがあります。

<form>
<input type="text" id="projectFilepath" size="40" placeholder="Spot your project files">
<input type="button" id="spotButton" value="Spot">
</form>

ユーザーがpythonスクリプト内の変数で「spotButton」をクリックしたときに、「projectFilepath」からユーザー入力を渡すにはどうすればよいですか？

私はPythonとFlaskが初めてなので、間違いを犯しても許してくれます。

pythonhtmlformsinputflask
56
Mpampinos Holmens

formタグには、次の2つの属性セットが必要です。

  1. action：フォームデータが送信時に送信されるURL。 url_forで生成します。同じURLがフォームの表示とデータの処理を処理する場合は省略できます。
  2. method：クエリ文字列としてデータを送信するか（GET）、フォームデータとして送信するか（POST）。

フォームデータを処理するビューを追加します。

@app.route('/handle_data', methods=['POST'])
def handle_data():
    projectpath = request.form['projectFilepath']
    # your code
    # return a response

フォームのactionをそのビューのURLに設定します。

<form action="{{ url_for('handle_data') }}" method="post">
    <input type="text" name="projectFilepath">
    <input type="submit">
</form>
103
codecool

Flaskデータを受信するPOSTビューと、それを送信するHTMLフォームが必要です。

from flask import request

@app.route('/addRegion', methods=['POST'])
def addRegion():
    ...
    return (request.form['projectFilePath'])

<form action="{{ url_for('addRegion') }}" method="post">
    Project file path: <input type="text" name="projectFilePath"><br>
    <input type="submit" value="Submit">
</form>
55
Dawid Drozd