You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过HTML页面中的按钮执行Python脚本

嘿,我懂你想实现点击HTML按钮就运行Python脚本的需求——不过得先给你提个醒:纯静态HTML根本做不到这事儿,因为浏览器的安全机制会死死拦住前端直接调用本地系统命令或者运行外部脚本。你得搭个简单的后端服务,让后端来帮你执行脚本,前端只负责发请求就行。下面给你讲个最适合入门的方案:

方案1:用Flask搭建轻量后端

Flask是个极简的Python Web框架,用来做这个需求简直恰到好处。

步骤1:安装Flask

先打开终端,安装Flask依赖:

pip install flask

步骤2:写后端代码(app.py)

创建一个名为app.py的文件,代码如下:

from flask import Flask, render_template, request
import subprocess

app = Flask(__name__)

# 渲染前端HTML页面
@app.route('/')
def index():
    return render_template('index.html')

# 处理按钮点击的请求,执行Python脚本
@app.route('/run-script', methods=['POST'])
def run_script():
    try:
        # 替换成你要执行的脚本文件名,比如你的filename.py
        result = subprocess.run(['python', 'filename.py'], capture_output=True, text=True)
        # 根据执行结果返回不同信息
        if result.returncode == 0:
            return f"脚本执行成功!输出内容:<br>{result.stdout}"
        else:
            return f"脚本执行出错!错误信息:<br>{result.stderr}"
    except Exception as e:
        return f"请求过程中发生异常:{str(e)}"

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

步骤3:写前端HTML页面

创建一个名为templates的文件夹(Flask默认会找这个目录下的模板文件),在里面创建index.html:

<!DOCTYPE html>
<html>
<head>
    <title>运行Python脚本</title>
</head>
<body>
    <h1>点击按钮执行Python脚本</h1>
    <!-- 用表单提交请求,也可以用AJAX实现无刷新执行 -->
    <form action="/run-script" method="post">
        <button type="submit">执行脚本</button>
    </form>

    <!-- 可选:添加AJAX实现无刷新显示结果 -->
    <script>
        document.querySelector('button').addEventListener('click', function(e) {
            e.preventDefault(); // 阻止表单默认跳转
            fetch('/run-script', { method: 'POST' })
                .then(response => response.text())
                .then(data => {
                    // 把执行结果追加显示在页面上
                    const resultDiv = document.createElement('div');
                    resultDiv.innerHTML = '<br>' + data;
                    document.body.appendChild(resultDiv);
                })
                .catch(error => console.error('请求失败:', error));
        });
    </script>
</body>
</html>

步骤4:运行测试

  1. 把你的filename.py和app.py放在同一目录下
  2. 确保templates文件夹和app.py同级,里面放好index.html
  3. 终端运行python app.py,打开浏览器访问http://localhost:5000
  4. 点击按钮,就能看到脚本的执行结果啦!
关键注意事项
  • 安全风险:如果是对外公开的服务,绝对不能让用户自定义要执行的脚本/命令,避免命令注入攻击!最好像上面那样硬编码你要执行的脚本文件名。
  • 环境适配:确保后端运行的Python环境已经安装了filename.py依赖的所有包。
  • 权限问题:运行Flask服务的用户需要有读取和执行filename.py的权限。

内容的提问来源于stack exchange,提问作者Lokesh Singh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 08:17:32