请选择 进入手机版 | 继续访问电脑版

可视化界面设计工具

[复制链接]
欣然自乐 发表于 2021-1-1 09:58:36 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
1.产物简介

物联网可视化界面设计工具是辅助师生用来构建物联网应用程序的一个教学工具,它接纳图形化界面来取代代码开发界面,通过拖拽、移动一些控件与控件节点,来完成一个页面。它非常适合物联网初学者使用,其特点是通过低代码编程降低学习门槛,同时在须要的时候也可以写一些辅助代码来完善和拓展物联网应用程序的功能。学生只需具备根本编程知识,不需要懂算法、语法、编译、调试就能做出企业级的物联网应用。
2、产物功能

控件拖拽、属性设置、连线、调式、摆设、导入、导出、可视化展示
可视化编辑器由两部门组成。一部门是编辑页面,另一部门是展示页面。登录乐成后就可以看到可视化编辑器的编辑界面,如下图:

2.1 控件拖拽
唯众物联网可视化界面设计工具左侧为控件区,提供物联网可视化的相关控件,用户从左侧控件区选择需要的控件,按住鼠标左键后举行拖拽到工作区相应位置后放开鼠标左键,完成一个控件的拖动;在工作区中选中任意控件举行拖动即可改变其位置。
2.2 属性设置
在工作区中双击指定控件,即可弹出编辑属性窗口,在参数修改框中修改、编辑参数后点击【完成】按钮,即可完成该节点属性的编辑。

2.3 连线
连线功能即对工作区中每个控件举行链接,按住鼠标左键,从一个控件的链接点直接拖动鼠标到另一个控件链接点即可完成控件连线功能。

2.4 摆设
所有控件设置、链接完成后,点击右上角【摆设】按钮,将该流程举行摆设;摆设后的流程即可举行输出调试或可视化页面展示。
2.5 导出
编辑器提供导出功能,可以将本次设置好的场景功能直接导出成json文件,以便生存。
2.6 导入
编辑器提供导出功能,可以将之前导出的json文件,直接导入到编辑器中使用,不消再次拖控件、设置属性。
2.8 可视化展示
用户在项目摆设完成后,可在debug页面检察输出效果举行调试,输出效果正常可以开启可视化页面,以图形化的形式展现物联硬件数据。
3. 导入演示项目

点击右侧 ,然后选择【导入】按钮,如下图:

在新页面中点击【选择要导入的文件】按钮,选择本地已准备好的文件,点击【导入】按钮,实现导入,如下图:

4. 项目摆设实现可视化

将导入的项目乐成摆设后即可实现可视化;点击【摆设】按钮,将项目摆设,点击 按钮,点击 如下图

完成摆设后自动打开可视化页面,当传感器的值发生变革时,如下图

文章泉源:http://www.whwzzc.com/pro/pro2/wlwjmsjgj/89.html

来源:https://blog.csdn.net/whwzzc/article/details/111883335
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

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

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )