首页 > 其他分享 >web组态--新一代全流程低代码物联网平台

web组态--新一代全流程低代码物联网平台

时间:2024-11-11 12:43:50浏览次数:3  
标签:web www http -- 组态 画面 点击 组件

实际完成效果

2573326c8875490bba22d5b38f5610e4.png

8d2a3991393e453fbbf9ec88f3c5b7ca.png

90ec3e456ed24f6590cdf761bcd9abeb.png

27ece3514cfa45d2a78ad482ab4566ed.png

7fbe0a1347bc4045b1f90e32a2cbe850.png

19d2e2d41e87430ebfdb23737c3b5b43.png

96e9db48c1ca4ad7ae6b4047ddaf33a9.png

d438114b03ea48458cf5d09203e3c62d.png

47cbd01794f94f6888a6a6b8b3c17bfe.png

1.添加应用图纸


 登录by组态后台:http://www.byzt.net:90

a1486fc4d97c487a98091cf3a586b90e.png​​
点击组态管理-画面管理,先新建一个组态画面,填写画面名称,保存,进入组态画面。

aaa1832c060440ffb75a692ccbc483cd.png​​

选择画面管理,点击图示位置编辑画面,来构建组态。

bfbe0f2f2d1e4f1f8c21ebe62402623f.png​​

开始画组态图。

3b61eb425f7c450eb853d0a0e5eb525e.png​​

2.组态绘制基础部分

44067a2592864dbd940e0ea1ac044950.png


由上面划分,我们可以在设计中设计自己需要的组件。在左侧菜单栏中选择图标使用现成的组件

f58e41f6c25e4ca49e73736913eb0d01.png

可以点击我的图库,上传截图的图片资源。

e8ba281d147942628068e7624156c9ac.png

在常用功能栏进行所需组件的绘制,例如添加图形、添加文本、图形之间的对齐等。

66d11f4f60fa4c48949d98daee664246.png

在编辑操作区主要是对图形边框、背影、是否立体进行操作。

fce334fc3bc44fb1af9731e763ddc11f.png

3 .绑定云平台数据


点击数据按钮,在弹出的标签页中选择数据点及配置虚拟变量,点击确定,进行绑定。

18cc601aa68a4d3795deb06fcf967c41.png

a897b07a7aab4b56ac72293ed02489ff.png

全部完成后点击保存,然后点击右上角的预览,即可查看组态画面动态效果。

770b32aa433241f19ca1edf66636cf61.png

是不是很简单!!!

 技术文档
 

   先上链接:http://www.hcy-soft.com

实际完成效果

2573326c8875490bba22d5b38f5610e4.png

8d2a3991393e453fbbf9ec88f3c5b7ca.png

90ec3e456ed24f6590cdf761bcd9abeb.png

27ece3514cfa45d2a78ad482ab4566ed.png

7fbe0a1347bc4045b1f90e32a2cbe850.png

19d2e2d41e87430ebfdb23737c3b5b43.png

96e9db48c1ca4ad7ae6b4047ddaf33a9.png

d438114b03ea48458cf5d09203e3c62d.png

47cbd01794f94f6888a6a6b8b3c17bfe.png

1.添加应用图纸


 登录by组态后台:http://www.byzt.net:90

a1486fc4d97c487a98091cf3a586b90e.png
点击组态管理-画面管理,先新建一个组态画面,填写画面名称,保存,进入组态画面。

aaa1832c060440ffb75a692ccbc483cd.png

选择画面管理,点击图示位置编辑画面,来构建组态。

bfbe0f2f2d1e4f1f8c21ebe62402623f.png

开始画组态图。

3b61eb425f7c450eb853d0a0e5eb525e.png

2.组态绘制基础部分

44067a2592864dbd940e0ea1ac044950.png


由上面划分,我们可以在设计中设计自己需要的组件。在左侧菜单栏中选择图标使用现成的组件

f58e41f6c25e4ca49e73736913eb0d01.png

可以点击我的图库,上传截图的图片资源。

e8ba281d147942628068e7624156c9ac.png

在常用功能栏进行所需组件的绘制,例如添加图形、添加文本、图形之间的对齐等。

66d11f4f60fa4c48949d98daee664246.png

在编辑操作区主要是对图形边框、背影、是否立体进行操作。

fce334fc3bc44fb1af9731e763ddc11f.png

3 .绑定云平台数据


点击数据按钮,在弹出的标签页中选择数据点及配置虚拟变量,点击确定,进行绑定。

18cc601aa68a4d3795deb06fcf967c41.png

a897b07a7aab4b56ac72293ed02489ff.png

全部完成后点击保存,然后点击右上角的预览,即可查看组态画面动态效果。

770b32aa433241f19ca1edf66636cf61.png

是不是很简单!!!

 技术文档
官网网站:http://www.hcy-soft.com
体验地址:http://www.byzt.net:60/sm/

 

标签:web,www,http,--,组态,画面,点击,组件
From: https://blog.csdn.net/2401_88272757/article/details/143680044

相关文章

  • AI产品经理必备技能与职业发展指南(含文末福利)
    1.AI产品经理是什么回答这个问题前我们首先得理清楚什么是AI产品经理,它和传统的互联网产品经理有什么区别。1.1AI产品经理职责主要职责一方面是规划如何将成熟的AI技术应用在各个领域不同场景中,提升原有场景的效率或效果等;另一方面是基于业务方的需求如何用现有的AI技......
  • 京准时钟:北斗卫星时钟服务器助力自控统一时间
    京准时钟:北斗卫星时钟服务器助力自控统一时间京准时钟:北斗卫星时钟服务器助力自控统一时间京准电子科技官微——ahjzsz前言随着计算机和网络通信技术的飞速发展,各行业自动化系统数字化、网络化的时代已经到来。这一方面为各控制和信息系统之间的数据交换、分析和应用提供了更......
  • 发现一肉鸡接口,快来围攻啦~
    系统登录页面,为防止明文传输用户密码,开发者做了安全加固。服务端暴露一个loginEncryptKey的API,用来根据登录名username获取加密秘钥encryptKey。前端页面获取到encryptKey后,在请求login登录接口时,会对用户密码进行加密传输。这个loginEncryptKey接口的服务端怎么......
  • 解决远程桌面连接“为安全考虑,已锁定该用户帐户,原因是登录尝试或密码更改尝试过多”问
    阿里云服务器,操作系统WinowsServer2022,最近老是提示这个:后来发现是组策略问题,这时其实已经没办法远程到服务器了,只能通过ECS的VNC连接,解决办法如下:1、通过VNC连接2、连接到服务器3、打开组策略4、依次选择:计算机配置→Windows设置→安全设置→帐户策略→帐户锁定策略......
  • 【日记】总感觉搞这些才回到了自己的老本行……(1179 字)
    正文前两天忘记写了几件事。一是,周五晚上打开自己的博客,准备翻自己的笔记,然后……我发现,博客的子列表打不开了。我知道,完蛋了。Mdbook它又双叒叕更新了。这次不知道又把index.hbs哪里给改了。反正,又要查Bug。真是猝不及防。于是那天晚上接近一个小时栽在上面......
  • 实验3
    任务1:button.hpp1#pragmaonce23#include<iostream>4#include<string>56usingstd::string;7usingstd::cout;89//按钮类10classButton{11public:12Button(conststring&text);13stringget_label()const;1......
  • 深度解读AI在数字档案馆中的创新应用:高效识别与智能档案管理
    一、项目背景介绍在信息化浪潮推动下,基于OCR技术的纸质档案电子化方案成为解决档案管理难题的有效途径。该方案通过先进的OCR技术,能够统一采集各类档案数据,无论是手写文件、打印文件、复古文档还是照片或扫描的历史资料,都能实现高效识别。利用文档智能分析技术,我们对电子化后的档......
  • 各个语言的标准输入输出(C++,Python,Go,MATLAB)
    标准输入和输出C/C++cin,cout,getline()进行输入输出#include<bits/stdc++.h>usingnamespacestd;intmain(){//输入`1231231` inta,b,c; cin>>a>>b>>c; cout<<a<<b<<c<<endl;//输出1231231并换行(endl代表换行) //输入`......
  • 在PyCharm中打包Python项目并将其运行到服务器上的方法
    在PyCharm中打包Python项目并将其运行到服务器上的方法在PyCharm中打包Python项目并将其运行到服务器上的过程,可以分解为几个关键步骤:创建项目、设置项目依赖、打包项目、配置服务器环境、上传可执行文件到服务器以及运行项目。以下是一个详细的指南,包括完整的代码示例,这些代码可......
  • SciTech-BigDataAIML-Statistical Model-Topics Model主题模型-LDA(Latent Dirichilet
    SciTech-BigDataAIML-Algorithm-Heuristic启发式-StatisticalModel(统计概率模型)的一种TopicsModel(主题模型)LDA(LatentDirichiletAllocation)TopicsModel主题模型。LDA(LatentDirichiletAllocation,潜在狄利克雷分布)是一种TopicsModel(主题模型),用于在Lar......