基于掌控板和SIoT平台搭建物联网控制系统

2019-12-031.5万
精华项目
AI 快速预览详细 收起
本教程详细介绍了基于掌控板和SIoT平台搭建物联网控制系统的过程。内容包括项目演示、器材接线、SIoT平台介绍、mPythonX编程以及制作个性化控制页面。其中,个性化控制页面是使用Bootstrap进行界面布局,再使用jQuery监测按钮事件,通过$.get()函数请求SIoT接口,从而向掌控板发出命令。适合STEM教育场景,帮助学生理解物联网技术。


基于掌控板和SIoT平台

搭建物联网控制系统

          基于掌控板和SIoT平台搭建物联网控制系统图4基于掌控板和SIoT平台搭建物联网控制系统图7

有点小激动,先预览一下吧0.0

本帖是视频教程较长,总共分为以下几个部分:

       第一幕 项目演示                   ( 开始时间在 00:08 )             基于掌控板和SIoT平台搭建物联网控制系统图2

       第二幕 器材接线                   ( 开始时间在 00:50 )           

基于掌控板和SIoT平台搭建物联网控制系统图5
基于掌控板和SIoT平台搭建物联网控制系统图6
       第三幕 SIoT平台介绍            ( 开始时间在 01:18 )
基于掌控板和SIoT平台搭建物联网控制系统图9
       第四幕 mPythonX编程         ( 开始时间在 04:44 )
基于掌控板和SIoT平台搭建物联网控制系统图8
       第五幕 制作个性化控制页面  ( 开始时间在15:27 )
基于掌控板和SIoT平台搭建物联网控制系统图3
              

本教程最大的亮点制作个性化控制页面 ,可以直接移动至15分27秒开始。

其次,第四幕 mPythonX编程中涉及MQTT编程及调试,也是不可忽视的一部分哦。

个性化控制页面是基于SIoT平台中现有的Bootstrap和jQuery框架编写的,简单易学,省时省力。

总之,本教程的控制页面是使用Bootstrap进行界面布局,再使用jQuery监测按钮时间,然后再通过$.get()函数请求SIoT接口,从而向掌控板发出命令。
一言难尽啊,直接看视频教程吧



优酷播放




Bootstrap文档地址:https://v3.bootcss.com/

基于掌控板和SIoT平台搭建物联网控制系统图1


By Luyi

附件,控制页面源码
下载附件dingzhi.zip



创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(6)
关志勇
关志勇
好评好好学习一下,有相关资料可否分享
peterlhj
peterlhj
老师,请问Siot V2的api地址怎样写?
52970800
52970800回复peterlhj
v2的好像还没开发
三春牛-创客
三春牛-创客
优秀作品,感谢分享!
rzegkly
rzegkly
物联网的新方向
rzyzzxw
rzyzzxw
卢老师优秀作品,要好好学习消化下,
汤果
汤果
Bootstrap 好评,我以前也用这个写前端
luyi
luyi
作者
回复汤果
是啊,SIoT本来就用Bootstrap和jQuery,所以,在搭建个性化页面的时候,也是直接使用了这两个框架
- 没有更多了 -