如何让网页显示传感器上传的数据

fly108108 2017-12-09 05:13:17

各位大神你好！最近我在做一个动态网页想接收传感器采集到的数据，但是不知道怎么实现，还请各位指导一下，最好给点实例参考，谢谢！！！

...全文

930 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

概述: 多点传感器采集子系统是用基于STM32系类芯片STM32H750开发板ART-Pi开发，支持无线采集多种传感器数据，子系统收集数据后通过无线网络上传分站。访问该子系统时会展示一个网页显示本系统采集到的传感器数据。该系统适用与工业现场各种传感器数据收集转储，可以用在传感器较多的场景中。开发环境硬件:ART-Pi主板扩展板:ESP8266 WIFI模块 RT-Thread版本:RT-Thread V 4.0.3 开发工具及版本:RT-Thread Studio 2.0.0 RT-Thread使用情况概述内核部分:调度器，信号量，消息队列。调度器:创建多个线程来实现不同的工作。信号量:用来同步线程。消息队列:用来实现线程之间传递的数据。组件部分:SPI框架，Sensor框架,SAL套接字抽象层软件包部分: Webnet:建立一个简单Web服务器，提供数据显示界面。 cJSON:C语言实现的极简的解析JSON格式的软件包。 TFTP:上传配置数据，网页文件等。 MicroPython:逻辑实现的主要部分。实现与ESP8266的连接以传输收集的传感器数据。还要实现对展示数据的网页的动态生成。硬件框架将接收到ESP8266的数据转储后传输到分站上位机。软件框架软件框架说明本项目使用2个线程，其中一个负责基于ESP8266的采集板通过发送UDP数据包给ARIT-Pi获得传感器数据，另一个线程负责根据数据池的数据生成动态网页并上传数据。第一部分:数据接收线程此线程负责接收由基于ESP8266的采集板发送来的UDP数据。并储存在数据池内。第二部分:网页生成线程另一个线程负责从数据池内提取数据，并根据数据生成网页供展示传感器数据。然后将接收到ESP8266的数据转储后传输到分站上位机。软件模块说明 server_run:接收UDP数据包线程，提取有用传感器数据，保存在数据池。 web_run:根据采集到的数据生成网页文件，并保存在/flash/webnet目录下。然后将数据上传至上位机。 main:负责led闪烁，用来显示当前系统的运行状态。演示效果从传感器传来的数据是随时变化的。使用的材料其实也很简单，就是一个ART-Pi主板和一个ESP8266模块。视频观看: 比赛感悟通过这次实践，我学习了RT-Thread操作系统的裁剪和各种组件和软件包的搭配使用。在过程中学到了许多以前没有接触过的知识，也对RT-Thread RTOS也有了新的认识。对这种小操作系统能做到这样的程度感到非常吃惊。这让我以后使用该系统更有底气。 RT-Thread的软件包非常丰富，我在这个小操作系统上找到了需要的web服务器、TFTP服务器、socket组件，令人意外的是集成了MicroPython，而且在MicroPython中支持re和json，可以快速开发应用，不用每一次修改程序都重新烧写一遍芯片。但是我在试图使用动态模块时却不顺利，这让我对这种操作系统的配置复杂性有一点却步，感觉上手有一点难，其实还可以做的更好一些。最后感谢主办方提供了这么好的一个平台，让我学到了许多RT-Thread操作系统的特性。通过这次的实践我对RT-Thread的许多特性有了了解，并且感受到此产品在工程开发上提供的许多便利性，我会在以后的作品中更多的使用RT-Thread产品，也会向朋友推荐这款产品。

IndoorEnvironmentMonitoringSystem是基于物联网、人工智能、BIM的背景下实现建筑室内环境质量无线监控系统。实现传感器实时无线采集建筑环境信息并上传到上位机，利用深度学习LSTM搭建模型评价环境质量等级，并实时显示到BIM模型中和网页上。本设计主要有嵌入式、上位机、室内环境质量等级评价模型、室内环境质量BIM模型和室内环境质量数据管理系统五大部分组成。功能支持采集温度、湿度、烟雾、氨气、硫化物、苯系蒸汽数据检测拨码开关切换节点 WIFI传输环境数据 wxPython展示采集的环境数据 MySQL存储环境数据 AI智能评估环境质量等级 Revit软件中渲染环境模型 Web在线监测环境数据

资料包里包含了完整源码、硬件资料，阿里云MQTT密匙生成软件、MQTT客户端软件等资料。指纹是人体的一大特点，人类指纹相同的概率几乎为零，等同于说指纹是每个人生来就有、无可替代的密码。实物演示视频效果：https://www.bilibili.com/video/BV1wY4y1k7bJ?share_source=copy_web 功能总结： 1. 匹配指纹，匹配成功这个指纹得到ID后，上传阿里云网页显示，并且控制步进电机转动一圈，模拟门锁打开 2. 读取温湿度传感器信息，上传阿里云网页显示，如果温湿度超过阀值，报警鸣笛 3. 阿里云网页上设置一个按钮，控制步进电机转动一圈，模拟门锁打开 4. 设备端采用0.96寸oled屏幕显示录入指纹和指纹相关的操作提示 5. 设备端使用四个按键控制录入指纹和查找录入指纹的模板id号（完成指纹录入和指纹查找功能）指纹查找成功将ID上传至阿里云网页展示。 6. 设备端采用STM32当做主控板 7. 物联网云平台采用阿里云，使用阿里云的网页组件设计网页，完成数据展示与交互 8. 联网的模块采用正点原子的ESP8266-WiFi

资料包包含：完整的树莓派4B运行智能家居终端源码、Android上位机APP、完整设计文档。拿到轻松copy项目。在设计文档里有详细的开发过程介绍。设计主要以树莓派为主要的硬件开发平台，以Raspbian操作系统为软件开发平台。设计出一套完整的智能家居系统。整个项目分为3个部分： 1. 树莓派硬件端（智能家居硬件端） 2. 华为云物联网服务器(web网页端) 3. Android手机APP（手机端）运行流程：（1）树莓派硬件端通过WIFI连接到华为云物联网平台上传采集的传感器数据，在web网页上可以看到设备上传的数据。（2）手机APP通过华为云物联网平台的接口获取设备上传的数据在页面上实时显示出来。（3）手机APP点击页面上的控制按钮，可以向华为云服务器发送指令，服务器再将指令转发给树莓派设备，树莓派设备收到数据之后完成对硬件设备的控制。讲解视频：https://space.bilibili.com/68130189 设计文档：https://blog.csdn.net/xiaolong1126626497/category_10192120.html

利用Python语言编写，由温湿度传感器与光敏传感器采集数据，回传至树莓派端；树莓派端使用MariaDB数据库存储接收的数据，并在本机利用基于Python语言的FastApi框架搭建服务器，并利用jQuery+Echarts实现网页端图像化显示微环境数据，使用花生壳进行外网….zip嵌入式优质项目，资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目。本人单片机开发经验充足，深耕嵌入式领域，有任何使用问题欢迎随时与我联系，我会及时为你解惑，提供帮助。【资源内容】：包含完整源码+工程文件+说明，项目具体内容可查看下方的资源详情。【附带帮助】：若还需要嵌入式物联网单片机相关领域开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步。【本人专注嵌入式领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为你提供帮助，CSDN博客端可私信，为你解惑，欢迎交流。【建议小白】：在所有嵌入式开发中硬件部分若不会画PCB/电路，可选择根据引脚定义将其代替为面包板+杜邦线+外设模块的方式，只需轻松简单连线，下载源码烧录进去便可轻松复刻出一样的项目【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中可借鉴此优质项目实现复刻，也可以基于此项目进行扩展来开发出更多功能

24,923

社区成员

16,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章