MicroPython ESP32网页实时更新DHT11数据显示
MicroPython ESP32网页实时更新DHT11数据显示
- 📌相关篇《MicroPython ESP32 读取DHT11温湿度传感器数据》
- 📍《【Micropython esp32/8266】网页点灯控制示例》
- ✨本例综合以上两篇文章内容实现：在本地网页中显示DHT11温度传感器数据。可以做到在线监测湿度度数据变化。
- ✨本示例基于
Thonny平台下开发。✨ - 🎉固件版本：
esp32-20220618-v1.19.1应该也兼容最新的版本。 - 🌼效果如下：
- 📖工程架构
⛳注意事项
- 🚩运行程序前，DHT11传感器必须已经接到指定定义的引脚上了，否则运行会报错！！！
- 🧲在boot.py为文件中需要修改成个人的WiFi信息。
- 🎯本地路由器设置不能开启AP隔离功能，否则设备与设备直接无法正常访问。
- 🔰设备端和访问端必须在同一个网络环境下。
- 🏳🌈不支持5G网络。
步骤
📘代码实现
boot.py
# This file is executed on every boot (including wake-boot from deepsleep)
#import esp
#esp.osdebug(None)
#import uos, machine
#uos.dupterm(None, 1) # disable REPL on UART(0)
#import gc
#import webrepl
#webrepl.start()
#gc.collect()try:import usocket as socket
except:import socketfrom machine import Pin
import networkimport esp
esp.osdebug(None)import gc
gc.collect()
# wifi信息
ssid = 'MERCURY_D268G' # 填写自己的WiFi信息
password = 'pba5ayzk' # 填写自己的WiFi信息station = network.WLAN(network.STA_IF)station.active(True)
station.connect(ssid, password)while station.isconnected() == False:passprint('Connection successful')
print(station.ifconfig())led = Pin(2, Pin.OUT)- 📑
main.py
import dht
import machined = dht.DHT11(machine.Pin(4))
d.measure()
t=d.temperature() # eg. 23 (°C)
h=d.humidity() # eg. 41 (% RH)
def web_page():html = """<html><head><meta http-equiv="refresh" content="3"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" href="data:,"><style>body { text-align: center; font-family: "Trebuchet MS", Arial;}table { border-collapse: collapse; width:45%; margin-left:auto; margin-right:auto;}th { padding: 12px; background-color: #0043af; color: white; }tr { border: 1px solid #ddd; padding: 12px; }tr:hover { background-color: #bcbcbc; }td { border: none; padding: 12px; }.sensor { color:red; font-weight: bold; background-color: #bcbcbc; padding: 1px;</style></head><body><h1>ESP Web DHT11 DATA</h1><table><tr><th>MEASUREMENT</th><th>VALUE</th></tr><tr><td>Temperature</td><td><span class="sensor">""" + str(t) + """</span></td></tr><tr><td>Humidity</td><td><span class="sensor">""" + str(h) + """</span></td></tr></body></html>"""return htmls = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.bind(('', 80))
s.listen(5)while True:conn, addr = s.accept()conn.settimeout(3.0)print('Got a connection from %s' % str(addr))request = conn.recv(1024)request = str(request)print('Content = %s' % request)response = web_page()conn.send('HTTP/1.1 200 OK\n')conn.send('Content-Type: text/html\n')conn.send('Connection: close\n\n')conn.sendall(response)conn.close()相关文章：
MicroPython ESP32网页实时更新DHT11数据显示
MicroPython ESP32网页实时更新DHT11数据显示 📌相关篇《MicroPython ESP32 读取DHT11温湿度传感器数据》📍《【Micropython esp32/8266】网页点灯控制示例》 ✨本例综合以上两篇文章内容实现：在本地网页中显示DHT11温度传感器数据。可以做到…...
JavaWeb之HTML基础篇（一）
系列文章目录 HTML基础篇（一） 文章目录 系列文章目录HTML基础篇（一）[TOC](文章目录) 前言一、HTML简介1.1介绍1.2HTML文件的书写规范1.3 HTML标签介绍1.4 HTML常见的标签 二、CSS的简介2.1css技术介绍2.2 CSS与HTML结合的三种方式…...
TVM_深度学习编译器
TVM_深度学习编译器 TVM所做的是要比传统compiler更偏上层的，你可以把它理解成source-to-source compiler，需要其他的后端(backend)来生成最后的指令。比如当编译的Target是Intel CPU时，翻译的顺序是Relay IR -> TVM IR/ Halide IR -> LLVM IR，之后交给LLVM生成最后…...
Flutter InheritedWidget 共享状态管理
InheritedWidget和React中的context功能类似，可以实现跨组件数据的传递。 定义一个共享数据的InheritedWidget，需要继承自InheritedWidget 这里定义了一个of方法，该方法通过context开始去查找祖先的HYDataWidget（可以查看源码查找…...
什么是反射？Java反射？反射的优缺点
目录 什么是反射（Reflection ）？Java反射？反射的优缺点获取Class对象的三种方式：java反射技术的应用场景 什么是反射（Reflection ）？ 主要是指程序可以访问、检测和修改它本身状态或行…...
小红书2020校招测试开发后端笔试题卷三
//完全背包求组合数 #include <iostream> #include<vector> #include<set> #include<map> #include<algorithm> using namespace std; int value[300]; // vector<int>vis; // vector<int>vis1; map<vector<int>,int>m…...
python数据可视化Matplotlib
1.绘制简单的折线图 # -*- coding: utf-8 -*- import matplotlib.pyplot as pltinput_values [1, 2, 3, 4, 5] squares [1, 4, 9, 16, 25] plt.style.use(seaborn) fig, ax plt.subplots() ax.plot(input_values, squares, linewidth3) # 线条粗细# 设置图表标题并给坐标…...
firewalld防火墙
firewalld防火墙 它属于包过滤防火墙。工作在网络层，是centos7自带的默认防火墙。主要是取代iptables。 firewalld的两种配置模式： 分别是运行时配置和永久配置。 iptable是静态防火墙 firewalld是动态防火墙 它是按照区域来划分的，有9…...
iMacros WebBrowser Component for .NET
iMacros WebBrowser Component for .NET 在几分钟内实现应用程序自动化 快速轻松地将iMacro集成到您的应用程序中。不需要单独的安装程序。 无缝集成 iMacros与您的.NET应用程序无缝集成，作为Microsoft WebBrowser控件的替代品。它甚至可以用作每个.NET应用程序中的…...
3，堆，桶排序，排序总结【p4-p5】
桶排序，排序总结 3.1堆3.1.1堆结构3.1.1.1完全二叉树3.1.1.2堆分为大根堆和小根堆3.1.1.2.1案例1-去掉最大数字，使剩下的数字依然是大根堆3.1.1.2.2案例23.1.1.2.3案例33.1.1.2.4案例4-方便制造大根堆方法 3.1.2堆排序3.1.2.1案例-堆排序的扩展3.1.2.1.1…...
使用langchain与你自己的数据对话(四)：问答(question answering)
之前我已经完成了使用langchain与你自己的数据对话的前三篇博客，还没有阅读这三篇博客的朋友可以先阅读一下： 使用langchain与你自己的数据对话(一)：文档加载与切割使用langchain与你自己的数据对话(二)：向量存储与嵌入使用langc…...
如何快速开拓海外华人市场？附解决方案！
开拓华人市场对于企业来说是非常必要的。华人市场庞大且潜力巨大，拥有巨额的消费能力。随着华人经济的不断增长，越来越多的企业开始意识到华人市场的重要性。 通过开拓华人市场，企业可以获得更多的销售机会，并且在竞争激烈的市场…...
【云原生-制品管理】制品管理的优势
制品介绍制品管理-DevOps制品管理优势总结 制品介绍 制品管理指的是存储、版本控制和跟踪在软件开发过程中产生的二进制文件或“制品”的过程。这些制品可以包括编译后的源代码、库和文档，包括操作包、NPM 和 Maven 包（或像 Docker 这样的容器镜像&…...
Java爬虫----HttpClient方式（获取数据篇）
目录 一、爬虫的定义 二、获取数据 （1）基于Get方式的请求（无参） （2）基于Get方式请求（有参） （3）基于Post方式的请求（无参） &…...
计算机视觉实验：图像增强应用实践
本次实验主要从基于统计、函数映射的图像增强方法和基于滤波的图像增强方法两种方法中对一些图像增强的算法进行实现。主要的编程语言为python，调用了python自带的PIL图像库用于读取图像，利用numpy进行图像运算，最后使用opencv第三方库进行对…...
ES6：Generator函数详解
ES6：Generator函数详解 1、 概念2、yield表达式2.1 yield 语句与 return 语句区别2.2 Generator函数不加yield语句，这时变成了一个单纯的暂缓执行函数2.3 yield 表达式只能用在 Generator 函数里面，用在其它地方都会报错2.4 yield 表达式如果…...
前端小练-产品宣传页面
文章目录 前言页面结构固定钉头部轮播JS特效 完整代码总结 前言 经过一个月的爆肝，花费了一个月（期间还花费了将近半个月的时间打比赛，还要备研）算是把数二高数的内容强化了一遍，接下来刷熟练度即可，可惜的…...
arm学习之stm32设备树学习-中断控制led灯亮灭+字符设备指令控制led灯亮灭
中断控制led灯亮灭 驱动文件源码 led-key.c #include<linux/init.h> #include<linux/module.h> #include<linux/of.h> #include<linux/of_gpio.h> #include<linux/gpio.h> #include<linux/of_irq.h> #include<linux/interrupt.h> s…...
快速开发框架若依的基础使用详解
Hi I’m Shendi 快速开发框架若依的基础使用详解 最近在为公司制作新的项目，经过了一段时间的技术沉淀，我开始尝试接触市面上用的比较多的快速开发框架，听的最多的当属若依吧 于是就选用了若依 介绍 为什么选？目的是为了提高开发…...
RabbitMQ 教程 | 第4章 RabbitMQ 进阶
👨🏻💻 热爱摄影的程序员 👨🏻🎨 喜欢编码的设计师 🧕🏻 擅长设计的剪辑师 🧑🏻🏫 一位高冷无情的编码爱好者 大家好，我是 DevO…...
曝GPT-5.5用上“全球最快芯片”，Claude慌了
120B模型飙到2000 token/秒，CFO更放话已在跑GPT-5.5！Cerebras 560亿美元IPO首日暴涨68%，但SemiAnalysis万字拆解直指死穴。 SemiAnalysis，硅谷最硬核的芯片分析机构，4月份光是AI工具的订阅费就烧到了年化1000万美元。…...
良心盘点！2026AI写作辅助软件榜单（覆盖 99% 毕业论文需求）
本文精选13 款2026 年实测 AI 论文工具，按全流程全能型、垂直领域专精型、润色降重专家、文献管理助手四大类别排序，覆盖从选题到定稿全链路，适配本科 / 硕博 / 期刊全场景，附选型速查表与避坑指南，帮你快速找到最佳拍…...
2026年AI论文平台盘点：12款神器助你高效完成选题大纲、撰稿和降重
随着 AI 技术的持续突破，2026 年的论文写作工具市场已迈入“智能化、精细化、合规化”的新阶段。从本科生的课程论文到研究生的学位论文，再到科研人员的期刊投稿，AI 工具正以前所未有的专业度覆盖各类学术场景。无论是选题构思、文献检索、初…...
去水印工具免费版哪个好用？2026免费去水印工具对比与选择指南
在日常工作和创意制作中，我们经常需要处理带有水印的图片和视频。无论是为了素材库积累、内容二次创作，还是个人学习参考，选择一款合适的去水印工具至关重要。市面上众多免费去水印工具各具特色，有的专注速度，有的擅长…...
Karpathy投奔Anthropic：一个顶级AI天才的四次人生豪赌
5月19日，一条推文炸了整个AI圈。 Andrej Karpathy——OpenAI联合创始人、前特斯拉AI总监、AI教育布道师——宣布加入Anthropic。 英伟达具身智能负责人Jim Fan评论说："这比Google I/O的Keynote更重磅。" 网友打了个比方："堪…...
GEO学习能帮我提高AI搜索排名吗？
先直接回答这个问题：GEO不叫"排名"，但效果比排名更直接。如果你理解了这句话，你就理解了GEO和SEO的本质区别。AI搜索没有"排名"，只有"引用"传统SEO优化的目标是在搜索结果页面占据靠前位置——第几…...
【ChatGPT SEO写作黄金法则】：20年SEO专家亲授7大不可绕过的AI内容合规红线
更多请点击： https://kaifayun.com 第一章：ChatGPT SEO写作的底层逻辑与合规本质 ChatGPT SEO写作并非简单地将关键词堆砌进AI生成文本，其底层逻辑建立在三重耦合关系之上：搜索引擎语义理解机制、用户真实搜索意图建模࿰…...
Windows系统下Opensmile 3.0保姆级安装配置指南（含PATH环境变量设置与常见错误排查）
Windows系统下Opensmile 3.0保姆级安装配置指南（含PATH环境变量设置与常见错误排查） 引言 当你第一次接触语音特征提取工具时，Opensmile无疑是一个强大而友好的选择。作为一款开源的音频分析工具，它广泛应用于情感计算、语音识别等…...
仅限内部技术团队流通：OpenAI官方未公开的API调试技巧——12个隐藏Header与调试模式启用密钥
更多请点击： https://kaifayun.com 第一章：ChatGPT API调用方法 调用 ChatGPT API 需通过 OpenAI 提供的 RESTful 接口，使用 HTTPS 请求向 https://api.openai.com/v1/chat/completions 端点发送 JSON 格式的 POST 请求。核心依赖包括有效的…...
Ollama迁移到vLLM：本地大模型服务生产化实战指南
1. 项目概述：为什么一个本地大模型服务迁移指南值得写满5000字？“From Local to Production: The Ultimate Ollama to vLLM Migration Guide”——这个标题里藏着三重现实张力：本地开发的便利性、生产环境的严苛性，以及大模型推理…...