python web开发

#

#!/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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值