Python脚本如何通过HTML用户交互获取参数？后续需学习哪些技术？

1 如何从HTML页面获取用户输入的参数 #

你无需修改现有预测脚本的核心逻辑，只需要对接Flask的请求处理流程即可，核心步骤如下：

• 首先在HTML页面编写提交表单：添加<form>标签，设置method="POST"、action="/predict"（对应后端处理请求的路由地址），每个需要用户输入的参数对应一个带name属性的输入控件，例如输入对战球队可以用<input type="text" name="team_name" required>，输入日期可以用<input type="date" name="match_date">，最后添加提交按钮<button type="submit">生成预测结果</button>。
• 后端Flask侧配置对应路由，支持POST请求，用内置的request对象取参数即可，示例代码如下：

from flask import Flask, render_template, request
# 导入你已编写好的预测函数
from your_basketball_predict import get_playing_players

app = Flask(__name__)

# 首页路由，返回带输入表单的页面
@app.route('/')
def input_page():
    return render_template('input.html')

# 预测请求处理路由
@app.route('/predict', methods=['POST'])
def predict():
    # 从表单中获取用户输入的参数，和前端input的name属性一一对应
    param1 = request.form.get('param1_name')
    param2 = request.form.get('param2_name')
    # 更多参数按同样方式获取
    # 直接调用你原有的预测函数，传入参数
    predict_result = get_playing_players(param1, param2)
    # 将结果传入模板渲染返回给用户
    return render_template('result.html', result=predict_result)

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

如果需要做无刷新提交的体验，也可以用前端JS把参数打包成JSON发送，后端用request.get_json()读取参数即可。

2 完成项目需要补充的学习内容 #

你已经有HTML/CSS/JS基础，只需要补充以下核心内容即可完成项目，不用额外学太多冗余知识：

• Flask基础请求处理：掌握GET/POST请求的区别，request对象取表单/JSON参数的方法，Jinja2模板渲染传参的基础用法即可，Flask高级功能暂时不需要学习。
• HTML表单基础规则：掌握常用input控件的属性配置，简单的前端输入校验（比如必填项加required、数值范围加min/max），避免无效请求触发预测脚本报错。
• 可选提升内容：如果想要更好的交互体验，可以学习基础的Fetch API用法，实现前端异步提交参数、无刷新更新预测结果；也可以简单补充参数校验逻辑，后端拿到参数后先判断格式合法性，返回对应错误提示给用户。

内容的提问来源于stack exchange，提问作者Youyou Hua