UIOTOS发明了页面嵌套技术，实现原型即应用，支持一站式搭建组态大屏和后台管理！

已于 2024-09-11 15:57:51 修改
阅读量534 收藏 4
点赞数 10
CC 4.0 BY-SA版权
分类专栏： 页面嵌套技术 文章标签： 页面嵌套 蓝图连线 nodered 界面嵌套 web组态 iframe 节点编辑器
于 2024-06-01 13:27:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/IOTOS/article/details/139372489

WEB组态、大屏可视化工具，现在越来越普遍，做物联网智慧化项目通常跟物联网平台一块成为一项标配，效果通常是这样：

图片

而这样的大屏组态你肯定没见过，支持页面嵌套，能搭建后台管理界面，作为一站式前端解决方案！

这就是今天要介绍的主角UIOTOS。它能实现上面的组态大屏之外，还能开箱即用，开发各种前端GUI交互界面，不止于可视化！

介绍页如下（也由UIOTOS搭建）：

图片

图片

图片

最低0.47元/天 解锁文章

200万优质内容无限畅学
UIOTOS前端工具，支持原型即应用！独创页面嵌套技术，一站式搭建大屏、组态、上位机、后台管理等多类GUI界面应用
IOTOS的博客
05-31 581
UIOTOS前端工具，支持原型即应用！独创页面嵌套技术，一站式搭建大屏、组态、上位机、后台管理等多类GUI界面应用。 支持页面嵌套，开箱即用，能搭建各类GUI前端界面，去他的高保真原型！
首创页面嵌套技术的前端一站式工具，支持大屏、组态、上位机、后台管理，原型即应用！
IOTOS的博客
05-31 341
UIOTOS使用上灵活易用，原理上图灵完备，可广泛用于GUI客户端、上位机、WEB管理平台、工业组态、数据大屏、产品原型、网站搭建等场景。UIOTOS作为一款通用的前端工具，支持页面嵌套，开箱即用，用户无需任何前端开发技能，即可快速搭建多类前端应用。任意两个组件的属性，可以用连线传递数值。任何一个页面，可以像画中画那样，嵌套到另一个页面中，被当成组件使用，主要用来做功能封装。
lazyiot:一款开源的web组态，IOT，物联网产品
05-13
lazyiot 一款开源的web组态，IOT，物联网产品 最新版本修改了部分Bug. 目前整个解决方案采用vs2017进行编译，编译后的所有程序放置在系统目录下的Publish,在Publish目录下包含IOCenter和IOStation 两个文件夹。 IOCenter 是中心服务器的应用程序 IOStation 是采集站的应用程序，在该程序下包含三个exe可执行文件：IOManager.exe 采集站工程管理器,IOMonitor.exe负责采集站上的数据采集与转存，ScadaFlowDesign.exe是组态设计器。 服务器端部署： 1 首先编译发布web端程序，发布工程中Scada.WebServer/UI/SCADA.Web网站工程，将发布的文件拷贝到要部署的电脑或者是服务器上。 2 在发布的电脑上安装iis7以上版本，.net4.5 版本，部署web工程 3 打开部署电脑的we
仅2800元，开源低代码WEB组态，快速搭建物联网大屏+管理后台，轻松交付项目！...
05-28 1841
WEB组态、大屏可视化工具，现在越来越普遍，做物联网智慧化项目通常跟物联网平台一块成为一项标配，效果通常是这样：而这样的大屏组态你肯定没见过，支持页面嵌套，能搭建后台管理界面，作为一站式前端解决方案！这就是今天要介绍的主角UIOTOS。它能实现上面的组态大屏之外，还能开箱即用，开发各种前端GUI交互界面，不止于可视化！介绍页如下（也由UIOTOS搭建）：UIOTOS作为一款通用的前端工具，支持页面...
传统开发 VS 低代码 VS 零代码uiotos丨前端零代码
最新发布
2502_91192798的博客
06-01 1053
摘要：UIOTOS嵌套继承技术通过组件化、属性继承和可视化交互连线，解决了传统开发中复用率低、耦合性高的问题，实现复杂交互的快速搭建。对比传统开发和低代码平台，UIOTOS能缩短交付周期至2-4周，降低70%人力成本，尤其适用于IoT、工业组态等场景。案例显示，该技术可使工业自动化系统开发成本降至1/3，智慧园区项目周期缩短60%。软件公司可通过免费试用、场景对标和成本测算三步验证其价值。
开源web组态软件
bxds123的专栏
10-24 2816
BY组态是一款非常优秀的纯前端【web组态插件工具】，可无缝嵌入到vue项目，react项目等，由于是原生js开发，前端集成没有框架限制。同时BY组态只是一个插件，不能独立运行，必须嵌入到你方软件平台，你方后台需做相应接口配合前端才能使用，BY组态可以快速嵌入到你方平台系统,最快三天就能完成应用，真正实现轻量化无缝嵌入
什么是UIOTOS？
qq_69807227的博客
04-08 284
什么是UIOTOS？功能概览产品优势
推荐一款强大的开源物联网 Web 组态软件
weixin_40843358的博客
12-17 966
合集 - .NET 开源物联网(6)1.IoTSharp：基于 .NET 8.0 的开源物联网平台08-222..NET 8 跨平台高性能边缘采集网关08-123..NET 免费开源工业物联网网关08-074..NET 跨平台工业物联网网关解决方案09-295..NET 工控网关 轻量级组态软件10-116.推荐一款强大的开源物联网 Web 组态软件12-16收起阅读目录前言项目介绍功能概述项目技...
回顾发展史，WEB组态终于可以搭建业务系统了！（页面嵌套 节点编辑 WEB组态 上位机 大屏可视化 无代码 0代码 iframe nodered 蓝图）
IOTOS的博客
04-21 1199
组态软件在工业控制领域有着二三十年的历史，比较知名的国内有组态王、国外有MCGS/WinCC等，用来搭建上位机监控画面，通常配合PLC使用，通过配置的方式，不需要编码，电气工程师就能让现场监控画面图形界面化，起到上位机的作用：近年来，互联网发展迅速，尤其是WEB html前端技术，成为了界面开发技术的主流，不断蚕食着.Net/C#、Qt C++、PyQt等桌面开发领域，并且与传统组态组件融合，产生了一个新的常见概念：WEB组态。
国产开源 Web-SCADA工业组态软件平台，支持二次开发，助力企业项目交付
03-26 2365
它应用领域很广，可以应用于污水处理、自来水、电力、地下管廊、消防冶金、石油、化工、矿厂、制冷、路灯远控、燃气、铁路、汽车、电信、轨道交通、钢厂等领域的数据采集与监视控制以及过程控制等诸多领域。多协议支持：西门子全系列、AB、欧姆龙、三菱、Profinet、Modbus、IEC 60870-5-104、GE Fanuc SNP、OPC等市场80%主流协议。IGX内置组态管理、图形编辑、报警、日志、曲线、报表、用户、权限、安全管理、打印输出等功能，手机、平板与PC一样，全功能访问。
UIOTOS：工业APP开发神器！工业互联网平台标准套件，无代码应用! + IoT平台、NodeRed、APIJSON
qq_69807227的博客
10-25 422
平台尤其是IIOT、工业互联网，已经演化成了工业操作系统的结构。由于工业协议、设备、网络的分散和多样化，平台优先在解决数据采集、数据治理方面。UIOTOS是一款前端零代码工具，可用于无代码搭建IoT/IIoT平台上层应用。准备，从HMI、组态、大屏、上位机、后台管理，支持嵌套、连线的方式一站式搭建。技术，真正实现了前端应用的无代码化，不仅是可视化。UIOTOS无代码搭建HMI、组态、大屏、上位机、后台管理。：工具开箱即用，无代码搭建流程、界面应用。工业APP要落地，需要有全新的应用工具。
前端页面编辑器
11-30
一款适合前端工程师开发页面的编辑工具，适合编辑js，jsp，html等各类文件
基于AJAX和SVG的组态软件Web发布模型
04-18
针对当前组态软件Web发布时安全性差，运行速度慢以及图形文件格式多样等问题，提出了基于AJAX(asynchronousJavaScriptandxML)SVG(scalablevectorgraphics)的组态软件Web发布模型
前端常用编辑器（HBuilder+Sublime Text3+NotePadd++）
09-11
都是我自己常使用的几个编辑器，本来还想加上WebStorm的，但是加上之后超出文件大小限制了，只好忍痛割爱了
WebAccess 组态软件
11-01
监控组态软件日益成为自动化硬件厂商争夺的重点，然而国外组态软件贵，国内组态软件功能等方面还待有提高。但都是传统的c/s架构，现物联网IOT兴起时，网络，云形式的分布式架构下，以补丁形式推出所谓网络版,毕竞还是有所失。现介绍一款原是美国Boradwin公司的，后给研华并购的组态软件，它是以B/S架构开发的，实际对比后，很不错，从脚本种类及其通用性，tag点数与国内购点的差异，值得推荐！
前端开发编辑器
12-17
Sublime Text是一个代码编辑器。也是HTML和散文先进的文本编辑器。Sublime Text 3漂亮的用户界面和非凡的功能，例如：迷你地图，多选择，Python插件，代码段等等。完全可自定义键绑定，菜单和工具栏等等.漂亮的用户界面和非凡的功能，Sublime Text的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。
前端编辑器
求人不如求己
04-10 144
php编辑器phpstormsublime普通前端编辑器webstormvscodehbuilderx。
UIOTOS：数字化项目碎片化应用交付的终结者，打通产业互联网/工业互联网/物联网IoT平台的最后一公里！| uiotos、零代码、0代码、无代码、低代码、可视化编程、nodered、amis、
qq_69807227的博客
02-28 312
uiotos目前内部已编写超30万字详细文档步骤、近百个示例，以及数百个操作录屏，用于AI训练学习。无需懂任何代码，实施人员培训即可使用，成本、周期，降至1/3以下！让研发人员聚焦到核心任务！接下来将用DeepSeek来辅助操作，一句话自动化拖拉拽操作，一句话自动配置属性。☑ 页面即组件 ☑ 连线即编程（技术角度）
vue3后台管理系统 大屏
12-31
### 关于使用 Vue3 构建后台管理系统中的大屏展示 #### 使用 `vue3-composition-admin` 作为基础框架 `vue3-composition-admin` 提供了一个完整的管理端模板解决方案，其特性包括但不限于支持 Vue3、TypeScript 和 Element Plus 等技术栈[^1]。此框架采用 Composition API 编写方式，使得代码逻辑更加清晰易懂。 对于希望集成大屏展示功能到现有或新创建的后台管理系统而言，可以考虑将上述提到的技术与 Echarts 结合起来。Echarts 是一款由百度开源的数据可视化库，能够帮助开发者轻松绘制各种类型的统计图和交互式图形界面[^2]。 #### 整合 Echarts 进行数据可视化 为了实现在后台管理系统内的大屏效果，可以通过安装并配置 echarts 插件来完成图表渲染工作。具体操作如下： 1. 安装依赖包： ```bash npm install echarts --save ``` 2. 在项目中引入 Echarts 并初始化实例： ```javascript import * as echarts from 'echarts'; const chartDom = document.getElementById('main'); const myChart = echarts.init(chartDom); var option; option = { title: { text: '某站点用户访问来源' }, tooltip: { trigger: 'axis', axisPointer: {} }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [120, 200, 150, 80, 70, 110, 130], type: 'bar' } ] }; option && myChart.setOption(option); ``` 以上代码片段展示了如何在一个简单的 HTML 页面上嵌入柱状图，并设置了基本样式选项。实际应用时可以根据需求调整参数设置以及添加更多复杂的功能模块[^3]。 #### 物业管理和景区管理平台案例分析 除了官方文档提供的例子外，在线还有许多成功的实践案例可供参考学习。例如，某些物业管理平台利用 VUE + Echarts 技术实现了高效的实时监控面板；而另一些旅游景点则借助相同工具集打造出了吸引人的游客流量趋势报告页面。 这些项目的共同特点是充分利用了前端技术和后端服务之间的良好协作关系，从而达到了良好的用户体验目标。同时它们也为其他想要尝试类似方案的人提供了宝贵的经验教训和技术指导方向。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IOTOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值