2019-12-3 20:14:29 [显示全部楼层]
8641浏览
查看: 8641|回复: 7

[高级教程] 基于掌控板和SIoT平台搭建物联网控制系统

[复制链接]
本帖最后由 rzyzzxw 于 2019-12-4 10:31 编辑

基于掌控板和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



汤果  初级技神

发表于 2019-12-3 20:21:35

Bootstrap 好评,我以前也用这个写前端
回复

使用道具 举报

luyi  初级技匠
 楼主|

发表于 2019-12-3 21:09:31

汤果 发表于 2019-12-3 20:21
Bootstrap 好评,我以前也用这个写前端

是啊,SIoT本来就用Bootstrap和jQuery,所以,在搭建个性化页面的时候,也是直接使用了这两个框架
回复

使用道具 举报

rzyzzxw  版主

发表于 2019-12-4 10:30:42

卢老师优秀作品,要好好学习消化下,
回复

使用道具 举报

rzegkly  版主

发表于 2021-4-12 21:38:31

物联网的新方向
回复

使用道具 举报

赤星三春牛!  初级技神

发表于 2022-1-24 12:22:18

优秀作品,感谢分享!
回复

使用道具 举报

peterlhj  见习技师

发表于 2023-10-20 16:26:23

老师,请问Siot V2的api地址怎样写?
回复

使用道具 举报

52970800  初级技师

发表于 2023-12-1 17:07:54

peterlhj 发表于 2023-10-20 16:26
老师,请问Siot V2的api地址怎样写?

v2的好像还没开发
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail