树莓派Flask+DTH11传感器做Web界面显示

小白一枚 刚刚接触编程 树莓派和python 打算开启代码之旅。做了个小玩意打算记录下来。大佬们勿喷。

DTH11传感器实现参照别人的，这里主要学了一点Flask框架知识，将DTH11得到的数值传送给模板html文件中的变量{{}}（占位符）实现web端的显示。

![嘿嘿 最最最简单的界面 html/css/js知识目前未学习多少

DTH11.py

import RPi.GPIO as GPIO
import time
#temperature = 0
def fun(temperature):
    channel = 4         #引脚号4
    data = []           #温湿度值
    j = 0               #计数器
     
    GPIO.setmode(GPIO.BCM)      #以BCM编码格式

    time.sleep(1)           #时延一秒
     
    GPIO.setup(channel, GPIO.OUT)
     
    GPIO.output(channel, GPIO.LOW)
    time.sleep(0.02)        #给信号提示传感器开始工作
    GPIO.output(channel, GPIO.HIGH)
     
    GPIO.setup(channel, GPIO.IN)
     
    while GPIO.input(channel) == GPIO.LOW:
        continue
     
    while GPIO.input(channel) == GPIO.HIGH:
        continue
     
    while j < 40:
        k = 0
        while GPIO.input(channel) == GPIO.LOW:
            continue
        
        while GPIO.input(channel) == GPIO.HIGH:
            k += 1
            if k > 100:
                break
        
        if k < 8:
            data.append(0)
        else:
            data.append(1)
     
        j += 1
     
    print("sensor is working.")
    print(data)             #输出初始数据高低电平
     
    humidity_bit = data[0:8]        #分组
    humidity_point_bit = data[8:16]
    temperature_bit = data[16:24]
    temperature_point_bit = data[24:32]
    check_bit = data[32:40]
     
    humidity = 0
    humidity_point = 0
    #global temperature
    #temperature=0
    temperature_point = 0
    check = 0
     
    for i in range(8):
        humidity += humidity_bit[i] * 2 ** (7 - i)              #转换成十进制数据
        humidity_point += humidity_point_bit[i] * 2 ** (7 - i)
        temperature += temperature_bit[i] * 2 ** (7 - i)
        temperature_point += temperature_point_bit[i] * 2 ** (7 - i)
        check += check_bit[i] * 2 ** (7 - i)
     
    tmp = humidity + humidity_point + temperature + temperature_point       #十进制的数据相加
     
    if check == tmp:                                #数据校验，相等则输出
        print ("temperature 温度: ", temperature, ", humidity 湿度: " , humidity)
    else:                                       #错误输出错误信息，和校验数据
        print ("wrong")
        print ("temperature 温度: ", temperature, ", humidity 湿度: " , humidity, " check : ", check, " tmp : ", tmp)
    GPIO.cleanup()
    return  temperature,humidity
    

同级目录下模板templates内的DTHweb.html文件
两行而已

        <h1>DTH11测量温度和湿度</h1>
        <p>温度:{{i}}     湿度:{{j}}</p>

DTH11_run.py

import DTH11
from flask import Flask, render_template , request
import RPi.GPIO as GPIO

app = Flask(__name__)
@app.route('/',methods=['GET','POST'])
def index():
    temp = 0
    list_result=[]
    #列表
    result=DTH11.fun(temp)
    print(result[0])
    print(type(result[0]))
    print(result[1])

    return render_template('DTHweb.html',i = str(result[0])+str(u'\u2103'),j= str(result[1])+'%')
if __name__=='__main__':
    app.run(host='0.0.0.0', port=8866, debug=True)

文件目录如下

//download.csdn.net/download/weixin_44557559/12188572