Web的环境数据监测系统的设计与实现 毕业论文+开题报告+项目源码

!!! 有需要的小伙伴可以通过文章末尾名片咨询我哦!!!

 💕💕作者:小马
💕💕个人简介:混迹在java圈十年有余,擅长Java、微信小程序、Python、Android等,大家有这一块的问题可以一起交流!
💕💕各类成品java系统 。javaweb,ssh,ssm,springboot等等项目框架,源码丰富,欢迎咨询交流。学习资料、程序开发、技术解答、代码讲解、源码部署,需要请看文末联系方式。

摘要

本次毕业设计为实现一个远程环境监测系统,该系统基于物联网,可以扩展任意多个传感器。系统主要包括环境信息采集传送,后台服务器以及前端浏览器展示三大核心。

环境信息采集主要使用ESP8266 WIFI芯片通过DHT 22传感器采集环境环境信息,在指定的采集频率下将环境信息发往后台服务器。

后台服务器采用Node.js实现,为前端和环境信息采集部分提供REST API服务。服务器接收到环境监测部分传送过来的环境信息后,将环境信息储存到数据库中,供浏览器端随时查看环境信息。

前端浏览器展示利用AngularJS作为前端框架,Chart.js图表库可视化温度数据,Bootstrap作为样式库并提供响应式布局。通过HTTP协议获取后台的温度数据绘制温度曲线。支持实时温度曲线和历史温度查看。

Abstract

This graduation program is designed to realize a remote temperature acquisition system, which is based on the Internet of Things and can expand any number of sensors.The system mainly includes temperature information collection and transmission, background server and front-end browser display of three cores.

Temperature information collection mainly uses the ESP8266 WIFI chip to collect the environmental temperature information through the DHT 22 sensor, and to send the temperature information back to the server at the specified acquisition frequency.

The background server is implemented by Node.js to provide REST API services for the front-end and temperature information acquisition parts.After the server receives the temperature information transmitted from the temperature collection part, the temperature information is stored in the database for the browser side to view the temperature information at any time.

The front end browser displays uses AngularJS as a front end framework, Chart.js chart library visualizes temperature data, Bootstrap as a style library and provides a response layout.Temperature data from the background were drawn by the HTTP protocol.Support for real-time temperature curves and historical temperature view.

目录

第一章  绪论

1.1选题背景

1.2设计内容

1.3设计的目的和意义

第二章 系统总体设计方案

2.1服务端技术方案

2.1.1 Node.js

2.1.2 Express

2.1.3 MongoDB

2.1.4 Redis

2.1.5 RESTful API

2.2硬件方案

2.2.1 ESP8266

2.2.2 DH22

2.3 前端技术方案

2.3.1 AngularJS

2.3.2 Bootstrap

2.3.3 Chart.js

第三章 后台服务器设计

3.1 HTTP请求方法

3.2 Express框架

3.2.1 Express示例

3.2.2 Express路由

3.2.3 Express路由方法

3.3 MongoDB 数据库

3.3.1 mongoose

3.3.2 数据库表结构设计

3.4 Redis 数据库

3.4.1 Redis数据类型

3.4.2 Redis实时队列系统

3.5 设计REST API

3.5.1 设备信息API

3.5.2创建环境信息API

3.5.3 历史数据记录API

3.5.3 实时温度API

第四章 硬件设计

4.1 NodeMCU开发板

4.2 Sming库

4.3 硬件主程序

第五章 前端浏览器程序设计

5.1 Angular.js单页应用

5.2 Bootstrap响应式布局

5.3 ng-Resource

5.3 所有设备页面

5.4 传感器数据展示页面

致谢

参考文献

更多项目:

另有1000+份项目源码,项目有java(包含springboot,ssm,jsp等),小程序,python,php,net等语言项目。项目均包含完整前后端源码,可正常运行!

!!! 有需要的小伙伴可以点击下方链接咨询我哦!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员小马软件开发定制

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值