#
#!/usr/bin/env python3
# -*- coding:utf-8 -*-
from bottle import get,post,run,request,template,route
import bottle
import os
import time
import sys
#### 定义Car类
class Car(object):
def __init__(self):
self.enab_pin = [5,6,13,19]
#### self.enab_pin是使能端的pin
self.inx_pin = [21,22,23,24]
#### self.inx_pin是控制端in的pin
self.RightAhead_pin = self.inx_pin[0]
self.RightBack_pin = self.inx_pin[1]
self.LeftAhead_pin = self.inx_pin[2]
self.LeftBack_pin = self.inx_pin[3]
#### 分别是右轮前进,右轮退后,左轮前进,左轮退后的pin
self.setup()
#### setup函数初始化端口
def setup(self):
print ("begin setup ena enb pin")
#### 初始化控制端pin,设置成低电平
print ("setup ena enb pin over")
#### fornt函数,小车前进
def front(self):
print("front");
#### leftFront函数,小车左拐弯
def leftFront(self):
print("leftFront");
#### rightFront函数,小车右拐弯
def rightFront(self):
print("rightFront");
#### rear函数,小车后退
def rear(self):
print("rear");
#### leftRear函数,小车左退
def leftRear(self):
print("leftRear");
#### rightRear函数,小车右退
def rightRear(self):
print("rightRear");
#### 定义main主函数
def main(status):
car = Car()
if status == "front":
car.front()
elif status == "leftFront":
car.leftFront()
elif status == "rightFront":
car.rightFront()
elif status == "rear":
car.rear()
elif status == "leftRear":
car.leftRear()
elif status == "rightRear":
car.rightRear()
elif status == "stop":
car.setup()
@route('/js/jquery.min.js')
def get_js():
#jspath = 'D:/project/www/cgi-bin/jquery-3.4.1.min.js';
jspath = './jquery-3.4.1.min.js';
return bottle.static_file(jspath,root='.') #静态文件
@get("/")
def index():
return template(os.path.join(os.getcwd(),"index.html"))
#return bottle.static_file('index.html', root='.') #静态文件
@post("/cmd")
def cmd():
adss=request.body.read().decode()
print("按下了按钮:"+adss)
#main(adss)
return "OK-ok"
run(host="0.0.0.0")
#------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>运行日志</title>
<!script type="text/javascript" src="D:/project/www/cgi-bin/jquery-3.4.1.min.js"></script>
<!script type="text/javascript" src="jquery-3.4.1.min.js"></script>
<script src="js/jquery.min.js"></script>
<!script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<style type="text/css">
#front {
margin-left: 55px;
margin-bottom: 3px;
}
#rear{
margin-top: 3px;
margin-left: 55px;
}
.btn1{
background: #62559f;
}
</style>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$.post("/cmd",
{
name:this.id,
ext:"oo"
},
function(data,status){
//alert("数据: \n" + data + "\n状态: " + status);
$("#ps").text(data);
});
});
});
</script>
</head>
<body>
<div id="container" class="container">
<div>
<button id="front" class="btn1"> front</button>
</div>
<div>
<button id='leftFront' class="btn">leftFront</button>
<button id='stop' class="btn">stop</button>
<button id='rightFront' class="btn">rightFront</button>
</div>
<div>
<button id='rear' class="btn">rear</button>
</div>
<div>
<button id='leftRear' class="btn">左后转</button>
<button id='rightRear' class="btn">右后转</button>
<div>
</div>
<p id='ps'>ps</p>
</body>
</html>