后台管理前端设计器，个人商用1999！源码学习

合集 - UIOTOS(18)

1.UIOTOS前端零代码 第5节：（实践）嵌套+连线0开发扩展组件，实现切换开关控制扇叶转动2024-04-092.UIOTOS零代码开发一个仿Window简单计算器2024-04-103.UIOTOS前端零代码 第7节：（实践）利用嵌套+收发器组件，零代码实现简单计算器功能2024-04-104.回顾发展史，WEB组态终于可以搭建业务系统了！2024-04-225.2024了还在用Qt、PyQt做图形界面？致敬Qt Designer，这款前端无代码拖拽工具值得一用！2024-04-226.NodeRed节点编辑用于边缘计算和规则引擎，能做带UI界面和业务逻辑的上位机或前端应用吗？2024-04-227.刚交付了智慧园区统一管理平台，前端零代码+后端零代码+物联网平台，完美搭配！（一）2024-04-228.最新零代码，套娃一样开发IoT应用！2024-08-299.一觉醒来，Qt、C#界面开发的天塌了？2024-09-1010.NodeRed+UIOTOS绝配！流程连线搭建上位机 一2024-09-2311.大萧条，大裁员，一款技术人员的创收利器！2024-09-2312.前端零代码5：新能源汽车HMI中控屏2024-09-23

13.后台管理前端设计器，个人商用1999！源码学习2024-09-24

14.UIOTOS前端组态跟中控等SCADA、HMI有什么区别？2024-09-2915.前端零代码-技术原理：对话框嵌套和自定义按钮| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-0216.前端零代码-原理：与嵌套页面内的组件通信| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-0217.前端无代码-表单页面的查看和编辑| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-0218.GUI图形界面 无代码开发 原理 2 - 属性继承的重写| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-10

收起

WEB组态和大屏设计器，在IoT项目中十分常见，通常是这样：

 

WEB组态

 

大屏设计器

但实际项目除了展示，通常还有后台管理。此前，这部分通常需要vue开发。有了UIOTOS，就能0基础，组态一样，搭建整个管理界面。

 

示例效果

这是一款前端零代码组态工具，无需学习js、html、css，能一站式搭建多类IoT应用。（兼容低代码开发）

 

为进一步降低门槛和学习成本，应用户要求，现提供专用版本，针对后台管理类应用，比如能耗分析、报警管理、消防维保、设备运维等。

 

示例1 数据总览

 

示例2 停车报表

 

示例2 车辆信息

 

 

示例3 能耗分析

功能清单

• 常规编辑

  新建、预览/分享、对齐、导入/导出、图层、缩放。

• 页面嵌套

  普通容器、对话框、页签、菜单容器、滚动页、网页内嵌。

• 属性继承

  继承选择、别名设置、属性重写。

• 节点流程

  属性赋值、数据解析、表单操作。

• 常用组件

  曲线、饼图、输入框、单选/多选、表格、下拉框、面包屑；地图、图片、视频；代码块、逻辑判断、接口（HTTP/MQTT）。

• 调试诊断

  对页面配置，一键分析提示/警告/错误、断点调试。

• 部署集成

  加载到网页指定DIV，js代码与uiotos页面双向通信。

• 内置示例

  包括helloWorld、表单读写、查询返回曲线等学习示例，以及招商租赁、渔业养殖等项目脱敏实例，如下所示：

 

注意：当前版本在社区版基础上，为个人用户，提供特定商用功能、示例，用于开发常规IoT管理应用，并提供相关源码和详细注释用于学习。

微信/400电话：