百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

假如你要一款简单、免费、好用的可视化编辑器,那往下读吧

haoteby 2025-01-21 17:52 1 浏览

使用了挺多款可视化软件,例如阿里的IOT Studio,百度的sugar,其组件丰富,配置界面严谨而有条理,操作挺简单,但是配置的交互比较有限,同时还有试用期限。组态王是一款年代久远且功能强大的工业组态软件,但是页面的组件偏工业风,同时配置一个复杂的动画过程,需要费些脑细胞。

鉴于这些,我又折腾了挺久,找到了一款小众的软件,用着感觉还不错,特此分享一下。

了解了下这款可视化软件,是由中海创科技有限公司研发的,看官网介绍是这样的:

有点厉害的赶脚,我先试试水。

首先用户点击注册登录,进入一个个人空间页面,在这里可以创建项目:

点击单个项目进入对应编辑页面(单个项目可以创建n多个应用)

到这一步骤,讲真,我被这纯洁的不能再纯洁,简单得不能再简单的页面感动到了,在这个繁杂,喧闹的世界,能品见这一抹清新,真的是太棒啦!

图标库还挺丰富,表单、图表、工业、农业等相关组件应有尽有。

我尝试着用拖拉拽的方式制作一个看板,还真是一次就成功,哈哈,一个自信的看板!

似乎挑战性不够,那来个难点的(这里告诉你,复杂的页面需要细致的调整哦,就像女孩,画个好看的妆也需要时间呐):

制作这个看板花费了半天的时间,因为不熟悉,研究和使用花费了点时间,这里有几个好用的功能点介绍一下:

适合画布:

制作看板的过程中,想立刻移动到指定位置,可通过鹰眼配合适合画布使用


画布的连接动作:

拷贝大小:

点击图标,将它的钩子拉到想要拷贝的图标那里,就能拷贝大小啦

吸附(就跟肚子里的蛔虫一样,你动它动,它动,你不动):

创建连线:

以上几个,除了拷贝大小、适合画布对看板调整大有作用,其它的稍显平庸,不过,凭个人直觉,在交互方面也许会有大作为,那就试试看?

界面一:

我在页面载入时配置了显示隐藏、移动、旋转三种类型交互动作,同时结合了图标的吸附功能,配置了以下动画:

效果长这样:

界面二:

我在部分组件的页面载入时添加对应的动作:

风扇的载入时加旋转动作

把手的载入时添加一系列动作:设置杆子尺寸、移动把手、移动垃圾、旋转垃圾等

最终效果如下:

有没有很惊艳!!!这要是让我自己码代码,我就两个字:不会!!!连我这么粗糙的人都能这么牛逼,你不来试试?

个人认为这是这个编辑器最大的一个闪光点,不用会前端,有些想法,有点逻辑思维,就可以做动画啦。如果没有逻辑思维,有想法也是可以的,如果连想法也没有,请接受我的:

这款编辑器还有数据接入的功能,能添加自个儿云平台的数据、阿里云的数据以及接口的数据:

我就琢磨着,能绘制看板、能添加动画还能绑定数据,这一套要是全部get,也是一门挣钱的手艺呀。

而且不收费!没有试用期!制作的看板能直接使用!就冲这些,给我用起来!!!

地址给你们了,不用谢!-------------下载Iot-Fast平台

相关推荐

前端:从零实现一款可视化图片编辑器

背景介绍我们知道,为了提高企业研发效能和对客户需求的快速响应,现在很多企业都在着手数字化转型,不仅仅是大厂(阿里,字节,腾讯,百度)在做低代码可视化这一块,很多中小企业也在做,拥有可视化低代码相关技术...

2018年面世 英特尔将打造超级计算机

|责编:王冬奇中关村在线消息:据国外媒体报道,近日英特尔宣布将联手Cray公司为美国阿贡国家实验室打造一台性能强大的全新超级计算机——极光(Aurora),运算性能可达到180P-Flops(每秒浮...

Hyperledger Fabric 2.0安装教程

本文介绍如何安装最新的HyperledgerFabric2.0的预编译程序、fabric-samples示例配置和代码以及docker镜像。HyperledgerFabric区块链开发教程:F...

一文精通虚拟端口通道vPC,精品文章,爱了

今天给大家带来的是虚拟端口通道相关的技术:简介...

「数据中心」数据中心脊页架构:思科FabricPath Spine和Leaf网络

思科在2010年引入了FabricPath技术。FabricPath提供了新的功能和设计选项,使网络运营商能够创建以太网结构,从而提高带宽可用性,提供设计灵活性,并简化和降低网络和应用程序部署和操作的...

51单片机项目:定时宠物喂食系统(含代码)keil、DXP原理图

题目要求:一、拟解决的主要问题...

基于51单片机的多功能智能语音循迹避障小车(含代码)

大家好,今天给大家介绍基于51单片机的多功能智能语音循迹避障小车,下方附有本文涉及的全部资料和源代码的获取方式,可进群免费领取。一.功能介绍及硬件准备这是一款基于51单片机开发的智能小车,通过这篇文章...

如何对自己尚不熟悉Angular.js的情况下对代码进行调试

【51CTO.com快译】如果大家对AngularJS还不熟悉,那么可能会在初步创建Web应用时对很多问题感到担心。而且尽管这可能已经是我们所能用到的上手难度最低的Web开发框架之一,但大家仍然需要了...

拿代码量算KPI跟程序员们来这套?(下)

嘿嘿,一个美丽的周末又这么过来了~小伙伴们都做了些啥呢?加班了咩?改bug了咩?催需求了咩?小编也如约更新“拿代码量算KPI……跟程序员们来这套?(下)”前情回顾请点击下方菜单栏的“精彩文章”,找到7...

哆啦A梦彩色版第5卷第51章,胖虎的料理

重温童年经典动漫,哆啦A梦彩色版第5卷第51章,胖虎的料理...

51单片机项目设计:基于51单片机时钟万年历(含代码、原理图)

大家好,今天给大家介绍基于单片机stm32的多功能氛围灯、手机控制ws2812和MCU升级程序,文章末尾附有本毕业设计的论文和源码的获取方式,也可现在直接进群免费领取。...

重构代码,真没有银弹

译者|布加迪我的一位同事在大型项目代码重构方面有丰富的经验,他真诚地与我分享了他如何处理这些繁杂的任务。虽然他做的大部分事情只是坚持不懈地努力,就像在健身房锻炼那样,但这对我来说很有意义。本文分享...

51&52单片机C语言程序实例Proteus仿真和代码300个

11个奇奇怪怪的微信隐藏玩法(含撩妹教程)

最近,我在微信发现了一个好玩的东西用它可以扒到好友的“黑料”...

程序员没转发公司朋友圈,被罚款500,半个月后3行代码让领导懵了

现在在职场,也确实存在着许多的身不由己,很多事情都不是自己想做的,但是为了工作也不得不做。就比如说公司经常会要求员工们发一些朋友圈,很多人都不愿意把工作上的东西发到朋友圈去,但是如果不发又要挨领导的批...