[英]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.