将数据从HTML表单发送到Flas中的Python脚本

2024-04-26 14:35:12 发布

您现在位置:Python中文网/ 问答频道 /正文

我的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和烧瓶,所以请原谅我的任何错误。


Tags: pathfromimportproject脚本getversiondef
2条回答

您需要一个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>

标签需要设置两个属性:

  1. action:表单数据在提交时发送到的URL。用url_for生成它。如果同一个URL处理显示表单和处理数据,则可以省略此项。
  2. method:是将数据提交为查询字符串(GET)还是表单数据(POST)。

标记input需要一个name参数。

添加一个视图来处理提交的数据,该视图位于输入的request.form键下的name

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

使用url_for将窗体的action设置为该视图的URL:

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

相关问题 更多 >