# 基于Node-MQTT-硬件设备交互 的数据可视化大屏
记录下自己初期主要负责的项目
因为项目更倾向于定制化且需要相关硬件设备及后端数据处理,该仓只作简单界面展示,业务相关的代码已经剔除。
[Demo「纯前端」](https://static-62ce10ab-8126-44bf-9616-fe9fee9583b5.bspapp.com/) 丢uniCloud托管了 后端node就不展示了没有云服务器部署 贫穷~〒▽〒
**流程图**
前端<--`WebSocket` `axios`-->Node后端<--`MQTT`--> 硬件采集设备
呈现硬件采集设备实时数据的前端可视化大屏效果
使用说明:[Node 镶嵌MQTT及前端WebSocket通讯](https://wsz987.gitee.io/2021/01/30/node/Node-MQTT-WebSocket/)
**可视化效果**
- [Echarts](https://echarts.apache.org/zh/index.html)
- [DataV](http://datav.jiaminghi.com/)
- [v-charts](https://v-charts.js.org/#/)
**自适应处理请使用** 具体请查看[个人Blog说明](https://wsz987.gitee.io/2021/01/31/vue/dataV-VCharts/)
```
import { RESIZE } from '@/util/resizeFuc'
RESIZE(this, () => { //callback
this.key++
})
```
![image](https://github.com/wsz987/DateScreen__MQTT_Vue/blob/master/src/assets/view.png?raw=true)
![image](https://github.com/wsz987/DateScreen__MQTT_Vue/blob/master/src/assets/layout.jpg?raw=true)
没有合适的资源?快使用搜索试试~ 我知道了~
基于vue+Node-MQTT-硬件设备交互的数据可视化大屏+源代码+文档说明
共71个文件
vue:29个
js:16个
png:9个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 64 浏览量
2024-03-16
00:46:57
上传
评论
收藏 2.43MB ZIP 举报
温馨提示
<项目介绍> 基于Node-MQTT-硬件设备交互 的数据可视化大屏 记录下自己初期主要负责的项目 因为项目更倾向于定制化且需要相关硬件设备及后端数据处理,该仓只作简单界面展示,业务相关的代码已经剔除。 Demo「纯前端」 丢uniCloud托管了 后端node就不展示了没有云服务器部署 贫穷~〒▽〒 流程图 前端<--WebSocket axios--> - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 --------
资源推荐
资源详情
资源评论
收起资源包目录
DateScreen__MQTT_Vue-master.zip (71个子文件)
DateScreen__MQTT_Vue-master
debug.log 192KB
.editorconfig 121B
.browserslistrc 30B
babel.config.js 476B
.eslintrc.js 344B
src
pages
login.vue 489B
index.vue 806B
App.vue 646B
plugins
element.js 1KB
store
index.js 168B
assets
ksh33.png 582B
LED
DS-DIGI.css 334B
DS-DIGI.ttf 24KB
DS-DIGI.eot 24KB
DS-DIGI.woff2 6KB
layout.jpg 67KB
fan1.png 3KB
global.less 376B
logo.png 7KB
LB.png 3KB
pageBg.jpg 135KB
pageBg.png 289KB
bg.jpg 604KB
LBR.png 3KB
view.png 1.08MB
signout.png 494B
map.png 170KB
main.js 743B
components
index
wrapper.vue 2KB
content_layout.vue 2KB
dropdown.vue 811B
middle
logger.vue 2KB
state_count.vue 1KB
state_2.vue 1KB
state_1.vue 1KB
map.vue 3KB
left
humidity.vue 1KB
light.vue 3KB
quality.vue 2KB
temperature.vue 966B
terminal.vue 3KB
child_layout
right.vue 2KB
left.vue 1KB
middle.vue 974B
header.vue 2KB
right
pm25.vue 3KB
pm10.vue 1KB
control.vue 3KB
target.vue 2KB
OptDialog.vue 2KB
register
register_dialog.vue 2KB
register_form.vue 2KB
login
login_box.vue 895B
login_form.vue 3KB
main-prod.js 679B
router
index.js 782B
util
mqtt.js 1KB
filter.js 902B
DropDown_Menu
signout.js 418B
getExcel.js 864B
axios.js 846B
resizeFuc.js 485B
excel
export2Excel.js 4KB
Blob.js 14KB
package.json 1KB
public
favicon.ico 4KB
index.html 2KB
package-lock.json 534KB
vue.config.js 1008B
.gitignore 238B
README.md 1KB
共 71 条
- 1
资源评论
奋斗奋斗再奋斗的ajie
- 粉丝: 216
- 资源: 1985
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功