简单的实现树莓派的WEB控制,使用Python简单的实
分类:编程应用

粗略的兑现龙船泡派的WEB调节,托盘派web

最终效果如图:

#!/usr/bin/env python3 from bottle import get,post,run,request,template @get("/") def index(): return template("index") @post("/cmd") def cmd(): print("按下了开关: "+request.body.read().decode()) return "OK" run(host="0.0.0.0")

确实无疑,就10句,小编一句一句解释:

1.#!/usr/bin/env python3 ,告诉shell那个文件是Python源代码,让bash调用python3来分解这段代码

2.from bottle import get,post,run,request,template ,从bottle框架导入了自家利用的秘籍、对象

上面几句是概念了2个路由,三个是“/”三个是“/cmd”,后边一个是get类型(用@get装饰),后面一个是POST类型(用的@post装饰)

先是个路由相当粗略,正是读取index模版(模版就是个html啦)并发送到客商端(浏览器),因为路线是“/”也正是诸如木莓派的IP地址是:192.168.0.10

那用

同理,第贰个路由的路线是“/cmd”也正是访谈

最终一句:run(host="0.0.0.0")正是调用bottle的run方法,创建一个http服务器,让大家能由此浏览器访谈大家的分界面。

上面作者详细的解释一下那一个代码的机能:

率先个路由的功用正是扔给浏览器贰个HTML(index.tpl)文书档案,呈现那几个分界面:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>遥控沙窝窝派</title> <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" media="screen"> <script src="; <style type="text/css"> #up { margin-left: 55px; margin-bottom: 3px; } #down { margin-top: 3px; margin-left: 55px; } </style> <script> $(function(){ $("button").click(function(){ $.post("/cmd",this.id,function(data,status){}); }); }); </script> </head> <body> <div id="container" class="container"> <div> <button id="up" class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-up"></button> </div> <div> <button id='left' class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-left"></button> <button id='stop' class="btn btn-lg btn-primary glyphicon glyphicon-stop"></button> <button id='right' class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-right"></button> </div> <div> <button id='down' class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-down"></button> </div> </div> <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>

其一剧情有一点多,但是很简短,就是援引了jquery bootstrap那八个前端框架,加了5个开关(<body></body>之间的代码)。当然笔者用了bootstrap内置的内外左右停息那多少个图标,那5个按钮的id分辨定义成up,down,left,right,stop,然后写了之类的根本代码:

$(function(){
            $("button").click(function(){
                $.post("/cmd",this.id,function(data,status){});
            });
        });

正确,就那三句代码……

第1,2行给拥有的按键(button)绑定了五个点击的风浪,第三行调用jquery的post方法把this.id(被单击按键的id),发送到“/cmd”那几个路子下,那时,大家python代码的首个路由起成效了,接收到了网页上被单击按键的id,并打字与印刷出了“按下了开关: XXX”

自然,在那边写几个if语句判定,就可以遵从实际的急需做一些实际的调控了,嗯,比方调用wiringpi2 for python决定龙船泡派的GPIO。

完全的源代码如下(自带了bottle框架,解压后直接运营就好)

post by yafeng

最后效果如图: # !/usr/bin/env python3 from bottle import get,post,run,request,[email protected]( / ) def index(): return temp...

行使Python轻巧的兑现高脚波派的WEB调控,python托盘派web

先给大家显示下效果如图,感觉还很乐意请继续阅读全文:

图片 1 

用到的学问:Python Bottle HTML Javascript JQuery Bootstrap AJAX 当然还会有 linux

自家去,这么多……作者要么一点一点聊起吗……

先贴最后的源代码:

#!/usr/bin/env python3
from bottle import get,post,run,request,template
@get("/")
def index():
return template("index")
@post("/cmd")
def cmd():
print("按下了按钮: "+request.body.read().decode())
return "OK"
run(host="0.0.0.0")

正确,就10句,小编一句一句解释:

  1. # !/usr/bin/env python3 ,告诉shell这一个文件是Python源代码,让bash调用python3来分解这段代码

  2. from bottle import get,post,run,request,template ,从bottle框架导入了自己使用的方法、对象

下边几句是概念了2个路由,一个是“/”三个是“/cmd”,后边一个是get类型(用@get装饰),前面一个是POST类型(用的@post装饰)

首先个路由异常粗略,正是读取index模版(模版正是个html啦)并发送到顾客端(浏览器),因为路线是“/”也正是诸如欧洲红树莓派的IP地址是:192.168.0.10

那用 就访问到了我们的"/”路由(bottle默许端口是8080)

同理,第3个路由的路线是“/cmd”也正是访谈 就访谈到了第一个路由

末尾一句: run(host = " 0.0.0.0 " )就是调用bottle的run方法,建构七个http服务器,让大家能透过浏览器访问我们的分界面。

上面作者详细的解释一下那几个代码的法力:

首先个路由的功用便是扔给浏览器多少个HTML(index.tpl)文书档案,展现那一个分界面:

图片 2 

那些文件的源代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>遥控树莓派</title>
<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="http://code.jquery.com/jquery.js"></script>
<style type="text/css">
#up {
margin-left: 55px;
margin-bottom: 3px;
}
#down {
margin-top: 3px;
margin-left: 55px;
}
</style>
<script>
$(function(){
$("button").click(function(){
$.post("/cmd",this.id,function(data,status){});
});
});
</script>
</head>
<body>
<div id="container" class="container">
<div>
<button id="up" class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-up"></button>
</div>
<div>
<button id='left' class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-left"></button>
<button id='stop' class="btn btn-lg btn-primary glyphicon glyphicon-stop"></button>
<button id='right' class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-right"></button>
</div>
<div>
<button id='down' class="btn btn-lg btn-primary glyphicon glyphicon-circle-arrow-down"></button>
</div>
</div>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

其一剧情有一点点多,可是很简单,正是援引了jquery bootstrap那八个前端框架,加了5个开关(<body></body>之间的代码)。当然笔者用了bootstrap内置的前后左右休息那多少个Logo,那5个按键的id分辨定义成up,down,left,right,stop,然后写了之类的重要性代码:

$(function(){
$("button").click(function(){
$.post("/cmd",this.id,function(data,status){});
});
});

科学,就这三句代码……

第1,2行给持有的按键(button)绑定了四个点击的事件,第三行调用jquery的post方法把this.id(被单击按键的id),发送到“/cmd”这么些路子下,那时,大家python代码的第二个路由起功用了,接收到了网页上被单击开关的id,并打字与印刷出了“按下了按键: XXX”

自然,在此处写多少个if语句判断,就能够依据实际的急需做一些实在的决定了,嗯,比如调用wiringpi2 for python决定红树莓派的GPIO。

关于使用Python轻巧的达成山抛子派的WEB调控的有关内容就给我们介绍这么多,希望对大家享有扶助!

您可能感兴趣的稿子:

  • 悬钩子派中python获取GY-85九轴模块新闻示例
  • 在乔木丛派2或高脚波派B+上安装Python和OpenCV的教程

先给我们来得下效果如图,感觉还很恬适请继续读书全文: 用到的知识:Python Bottle...

本文由正版必中一肖图发布于编程应用,转载请注明出处:简单的实现树莓派的WEB控制,使用Python简单的实

上一篇:python黑法力之参数字传送递,python进阶教程详解 下一篇:day4作业计算器
猜你喜欢
热门排行
精彩图文