这是一个简单的使用Python实现网页的前后端的示例,使用Flask作为后端框架和前端模板。

首先,你需要安装Flask库。可以使用以下命令进行安装:

pip install flask

然后,你可以使用以下代码实现你的需求:

import subprocess
from flask import Flask, render_template, request, jsonify, make_response, redirect

app = Flask(__name__)
process = None

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/execute', methods=['POST'])
def execute():
    global process
    if request.form['action'] == 'start':
        if process is not None and process.poll() is None:
            # 如果进程正在运行,则不执行新的命令
            return jsonify({'output': '进程正在运行,请先停止'})
        process = subprocess.Popen(['ping', '1.1.1.1'], stdout=subprocess.PIPE, stderr=subprocess.PIPE)
        return jsonify({'output': '命令已执行'})
    elif request.form['action'] == 'stop':
        if process is not None and process.poll() is None:
            # 如果进程正在运行,则停止进程
            process.terminate()
            process.wait()
            process = None
        return jsonify({'output': '进程已停止'})
    else:
        return make_response(jsonify({'error': '无效的动作'}), 400)

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

接下来,你需要创建一个名为templates的文件夹,并在其中创建一个名为index.html的HTML模板文件。模板文件中包含了两个按钮和一个用于显示结果的<pre>标签。

<!DOCTYPE html>
<html>
<head>
    <title>执行命令</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#start-button').click(function() {
                $.ajax({
                    url: '/execute',
                    type: 'POST',
                    data: {action: 'start'},
                    success: function(response) {
                        $('#output').text(response.output);
                    },
                    error: function(error) {
                        console.log(error);
                    }
                });
            });

            $('#stop-button').click(function() {
                $.ajax({
                    url: '/execute',
                    type: 'POST',
                    data: {action: 'stop'},
                    success: function(response) {
                        $('#output').text(response.output);
                    },
                    error: function(error) {
                        console.log(error);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button id="start-button">开始</button>
    <button id="stop-button">停止</button>
    <pre id="output"></pre>
</body>
</html>

保存上述代码为app.pyindex.html,然后运行app.py文件。你将能够在浏览器中访问http://localhost:5000,并在网页上看到两个按钮。当点击按钮A时,会执行ping 1.1.1.1命令,并将结果显示在网页上。当点击按钮B时,会停止正在运行的进程

请用python实现一个网页的前后端实现在网页上显示2个按钮当点击按钮A时候执行命令ping 1111然后把实时的结果在网页前端显示出来。当点击按钮B时后端停止这个进程

原文地址: https://www.cveoy.top/t/topic/iSsJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录