繁体   English   中英

为什么我的HTML按钮不能运行我的Python脚本?

[英]Why won't my HTML button run my Python script?

因此,我尝试为我的网页创建一个按钮 该按钮的功能是从Raspberry Pi运行我的Python脚本。 我试图通过遵循CgiScript指南来做到这一点。 但是,当我单击按钮时,它只向我显示了网页上的脚本,而不是从Pi上的Thonny IDLE运行它。 这是我的HTML代码

<!DOCTYPE HTML>
<html>
<head>
<title>Twisted Twister</title>
<link rel="shortcut icon" href="favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="nl-nl">
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="content-type" content="text/html; charset=WINDOWS-1252" >
<style>
body {
 font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #FFB0FE
    background url("texture.png")
    }`

#fixed {
    position: fixed;
    top: 0;
    left: 0;
}

#arrowPad {
    border: 10px #FFFFFF;
}

#USERDATA {
    background: 10px #FFFFFF;

}

#USERDATA.h {
    background: 10px #FFFFFF;

}

#USERDATA.h:hover {
    background: 10px #FFFFFF;

}
</style>
<body>
<>
<div id="USERDATA"></div>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        setInterval(function () {
            $('#USERDATA').load('RequestUserData.php')
        }, 200);
    })
</table>
</script>

<table>
<div id="PI"></div>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        setInterval(function () {
            $('#PI').load('RequestPiData.php')
        }, 200);
    });

</script>
</table>

<div id="fixed">
  <table id="arrowPad">
        <tr>
        <td id="USERDATA" class="h"><a href="/usr/lib/cgi- 
bin/aantalSpelers2.py" ><img src="https://imgflip.com/s/meme/Blank-Nut- 
Button.jpg" width="150" height="150" id="a2" alt="PythonScript"></img></a> 
</td>
</tr>
</table>
</div>
</body>
</html>

这是我的Python脚本def main():

# 0 changes to 1 when players are joining the game
speler_een = 0
speler_twee = 0
speler_drie = 0
speler_vier = 0

# This function makes an inventory of how many players are involved
class HoeveelSpelers:
    def verkrijg_aantal_spelers(spelers_totaal):
        hoeveelSpelers = int(input('Hoeveel spelers spelen er mee? (1-4) '))

        while (hoeveelSpelers > 4 or hoeveelSpelers < 1):
            print('Dit is niet een geldige hoeveelheid spelers. Probeer het 
opnieuw. ')
            hoeveelSpelers = int(input('Hoeveel spelers spelen er mee? (1-4) 
'))

        return hoeveelSpelers

h = HoeveelSpelers()
spelers_totaal = h.verkrijg_aantal_spelers()

if (spelers_totaal == 4):
    speler_een = 1
    speler_twee = 1
    speler_drie = 1
    speler_vier = 1
elif (spelers_totaal == 3):
    speler_een = 1
    speler_twee = 1
    speler_drie = 1
elif (spelers_totaal == 2):
    speler_een = 1
    speler_twee = 1
elif (spelers_totaal == 1):
    speler_een = 1

print(speler_een, speler_twee, speler_drie, speler_vier)

main()

因此,基本上我想做的是点击网页上的按钮并运行脚本。

从HTML调用Python代码并不像创建指向文件路径的超链接那样容易(但一旦了解了基础知识,也就不会很复杂)。

为了使您的HTML代码可从HTML页面访问,您需要在后面运行适当的Python Web服务器(例如Flask )。

坚持Flask示例-如果您想要一个按钮来触发某个功能(例如foo() ),则需要注册一个将URL映射到该功能的“端点”(示例取自此处 ):

后端

from flask import Flask
app = Flask(__name__)

@app.route("/")
def foo():
    pass # define the action here

...

假设您正在与前端在同一主机上的端口5000上运行Flask服务器,则该按钮需要链接到类似

前端

...
<a href="http://localhost:5000/">click here</a>
...

没有返回值,实际的处理仅发生在后端-前端没有注意到它。 当涉及到返回值时(我假设您的示例就是这种情况),事情变得更具挑战性。 我只能推荐Flask Mega Tutorial(由Miguel Grinberg撰写) 它涵盖了许多基础知识以及相当高级的功能-可能有助于您布局我们的应用程序。

希望这可以帮助...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM