基于SIoT添加插件控制Mind+掌控板的LED灯

最新推荐文章于 2026-07-27 15:16:48 发布

原创最新推荐文章于 2026-07-27 15:16:48 发布 · 843 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

经验分享

Mind +图形化编程

mqtt

基于SIoT（添加插件）和Mind+掌控板的数据传输

介绍：本次实验利用本地物联网平台SIoT添加相关的控制插件来控制Mind+掌控板的LED和蜂鸣器报警。实验内容包括制作插件和相关的Mind+图形化编程来实现相关功能。

一、硬件准备

名称	数量
Mind+掌控板	1

二、软件准备

名称	版本
Mind+ IDE	V1.7.0 RC3.0（自己看着办）

三、项目开始
1、SIoT插件相关设计
参考文章1：https://mc.dfrobot.com.cn/thread-309135-1-1.html
参考文章2：https://mc.dfrobot.com.cn/thread-300165-1-1.html

这两篇文章已经把SIoT相关的原理讲得很清楚了，希望读者好好阅读上面那两篇文章再进行下面的操作，这只做一些必要的指导，谢谢！
在这里插入图片描述

SIoT 是一个绿色软件，主目录下文件夹“static”中存放的是 SIoT 的 Web 管理页面，如图 2 所示。需要强调的是，SIoT 的 Web 管理页面和 SIoT 服务器之间是利用 WebAPI 的方式交互数据的。也就是说，和我们传统的动态网站开发方式不同，Web 管理页面并不是去读数据库，而是发送特定的 Web 请求，SIoT 再返回相应的数据，实现页面管理功能。这种软件设计能够将不同的网络服务隔离，开发效率更高。
在这里插入图片描述

登录本地siot：
（1）点击运行siot.exe，查看本地ip
在这里插入图片描述
（2）打开json文件可以看到相关的端口

（3）登录siot，输入本地ip:8080

A.相关网页设计（文件名：LED_contro.html）

a1.LED控制网页
注意：相关操作是在static文件夹里面添加和修改文件，具体看上面的参考文章
SIoT文件下载：https://download.csdn.net/download/weixin_45062087/18181419?spm=1001.2014.3001.5501
在这里插入图片描述

相关具体代码：

<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/jquery.cookie.min.js"></script>
<link rel="stylesheet" href="css/style.css" crossorigin="anonymous">
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/vue.js"></script>
	<!-- <script src="js/app.js"></script> -->
	<title></title>
	<meta name="description" />
</head>

<body>
	<div class="container text-center"><img width="300px" src="./assets/siot.png" alt=""></div>
	<div class="container text-center">
		<button type="button" id="ledRedOn" class="btn btn-success btn-lg">红灯开</button>
		<button type="button" id="ledRedOff" class="btn btn-info btn-lg">红灯关</button>
	</div>
	<br>
	<div class="container text-center">
		<button type="button" id="ledGreenOn" class="btn btn-success btn-lg">绿灯开</button>
		<button type="button" id="ledGreenOff" class="btn btn-info btn-lg">绿灯关</button>
	</div>
	<br>
	<div class="container text-center">
		<button type="button" id="ledBlueOn" class="btn btn-success btn-lg">蓝灯开</button>
		<button type="button" id="ledBlueOff" class="btn btn-info btn-lg">蓝灯关</button>
	</div>
	<br>
	<div class="container text-center">
		<button type="button" id="allOn" class="btn btn-success btn-lg">开全部</button>
		<button type="button" id="allOff" class="btn btn-info btn-lg">关全部</button>
	</div>
	<br>
	<div class="container text-center">
		<button type="button" id="runOn" class="btn btn-success btn-lg">跑马灯开</button>
	</div>
	<script>
		$(function(){
			$('#ledRedOn').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=redon&iname=siot&ipwd=dfrobot");
			});
			$('#ledRedOff').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=redoff&iname=siot&ipwd=dfrobot");
			});
			$('#ledGreenOn').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=greenon&iname=siot&ipwd=dfrobot");
			});
			$('#ledGreenOff').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=greenoff&iname=siot&ipwd=dfrobot");
			});
			$('#ledBlueOn').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=blueon&iname=siot&ipwd=dfrobot");
			});
			$('#ledBlueOff').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=blueoff&iname=siot&ipwd=dfrobot");
			});
			$('#allOn').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=allon&iname=siot&ipwd=dfrobot");
			});
			$('#allOff').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=alloff&iname=siot&ipwd=dfrobot");
			});
			$('#runOn').click(function(){
				$.get("http://192.168.133.1:8080/publish?topic=2018A14135/litp&msg=runon&iname=siot&ipwd=dfrobot");
			});
		});
	</script>
</body>
</html>