내 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>
사용자가 파이썬 스크립트의 변수에서 “spotButton”을 클릭 할 때 “projectFilepath”에서 사용자 입력을 어떻게 전달할 수 있습니까?
저는 Python과 Flask를 처음 사용하므로 실수하면 용서해주세요.
답변
form
태그는 일부 속성을 설정해야합니다 :
action
: 제출시 양식 데이터가 전송되는 URL입니다. 로 생성url_for
. 동일한 URL이 양식을 표시하고 데이터를 처리하는 경우 생략 할 수 있습니다.method="post"
: POST 메소드를 사용하여 데이터를 양식 데이터로 제출합니다. 지정되지 않거나 명시 적으로로 설정된get
경우 데이터는request.args
대신 GET 메서드를 사용 하여 쿼리 문자열 ( )에 제출 됩니다.enctype="multipart/form-data"
: 양식에 파일 입력이 포함 된 경우이 인코딩이 설정되어 있어야합니다. 그렇지 않으면 파일이 업로드되지 않고 Flask에서이를 볼 수 없습니다.
input
태그는 필요 name
매개 변수를.
제출 된 데이터를 처리 할 뷰를 추가합니다.이 데이터 request.form
는 입력의 name
. 모든 파일 입력은 request.files
.
@app.route('/handle_data', methods=['POST'])
def handle_data():
projectpath = request.form['projectFilepath']
# your code
# return a response
다음을 사용하여 양식 action
을 해당보기의 URL로 설정합니다 url_for
.
<form action="{{ url_for('handle_data') }}" method="post">
<input type="text" name="projectFilepath">
<input type="submit">
</form>
답변
POST 데이터를 수신 할 Flask보기와이를 전송할 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>