基于JavaSpringBoot+vue+Nodejs环保物联网监控远程智能控制一体化系统平台
概述
1、根据产品形态,实施监测单元,适配不同要求场景需求
2、支持本地自建服务器,和第三方远程云品台服务器
3、大数据平台对数据实时监测,统计分析,生产警告信息,推送给相关人员
4、无线传输 控制重点区域的喷淋设备除尘治理
5、灵活B/S架构,支持大屏幕指挥中心集中监控,也可以支持手机App,pad等移动设备随时随地查看
一、系统总体构成
- 前端:Vue 2.6
- 后端:JavaSpringBoot
- 网络传输数据处理:Netty
- 数据库:Mysql 5.7
- 开发工具:Intelligent Idea
- 服务器:Nodejs
- 地图:百度
- 传输协议:MQTT,Tcp/Ip
联系博主:1378107235@qq.com
(1)网络架构
- Lora /485等无线传输
- PLC ModBus
- B/s架构
- 无线网关
二、前端传感器
- 电机的转速
- 电机的角度
- 变频器
- 开关量
- 水位
- 故障
- TSP /Pm2.5,PM10,温湿度,噪音…
- 通讯状态
- …
三、应用场景
1.钢铁厂、焦炭厂喷雾除尘物联网控制。
2.农业监测、灌溉物联网
3.工业物联网
四、部分界面展示
1.登陆
2.主界面
3.控制界面
4.控制界面
4.用户管理
部分代码
代码如下:
<template>
<el-form :model="loginForm" :rules="rules" class="login-container" label-position="left"
label-width="0px" v-loading="loading">
<h2 class="login_title"><strong>智慧环保监测控制平台</strong></h2>
<el-form-item prop="username">
<el-input type="text" v-model="loginForm.username"
auto-complete="off" placeholder="账号"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="loginForm.password"
auto-complete="off" placeholder="密码"></el-input>
</el-form-item>
<el-checkbox class="login_remember" v-model="checked"
label-position="left"><span style="color: #505458">记住密码</span></el-checkbox>
<el-form-item style="width: 100%">
<el-button type="primary" style="width: 40%;background: #505458;border: none" v-on:click="login">登录</el-button>
</el-form-item>
</el-form>
</body>
</template>
后端部分代码
代码如下(示例):
package com.envandy.envrionment.pojo;
import lombok.Getter;
import lombok.Setter;
import lombok.ToString;
import javax.persistence.*;
@Setter
@Getter
@Entity
@Table(name = "user")
@ToString
public class User {
@Id
@Column(length = 11)
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long uid;
@Column(name = "uname")
private String username;
@Column(name = "passwd")
private String password;
/**
* 真实名字
*/
@Column(name = "name")
private String name;
@Column(name = "phone")
private String phone;
@Column(name = "tel")
private String tel;
@Column(name = "email")
private String email;
@Column(name = "address")
private String address;
/**
* 账号是否禁用 1代表正常,0代表禁用
*/
@Column(name = "enabled")
private boolean enabled;
@Column(name = "licence")
private String licence;
/**
* 角色名称
*/
@Column(name = "rolename")
private String rolename;
}
总结
物联网/工业除尘/远程监测/环保管控一体化平台:
环保智能远程物联网监测