[Open-source] A front-end zero-code tool that supports page nesting, open and use, not just visualized.
![[Open-source] A front-end zero-code tool that supports page nesting, open and use, not just visualized.](https://yy123.ink/api/img/1782579643388-x8dqe5.jpg)
1. Project Overview
UIOTOS
A tool that supports page nesting, a zero-code front-end tool, open-box use, users do not need to understand code development and environment construction, 0 foundation can build IoT, middle and rear management, upper machine, composition HMI and other multi-class GUI interface applications, not just visualization
Front-end development language JavaScript, C#, Qt and other, UIOTOS users do not need to have any foundation
2. Open Source License
Licensed under Apache-2.0
3. Screenshots



4. Feature Overview
A tool that supports page nesting, a one-stop front-end tool, supports open-box use. Users can 0 foundation, like a doll, develop IoT, rear management, upper machine, composition HMI and other multi-class GUI interface applications, not just visualization
Why do it?
-
Even if the code is low, you still need to know
-
Low-code, even if only need to understand basic development skills and a small amount of code, for pure back-end, algorithm, hardware, electrical, and product, UI and other users, there is a natural chasm. Regular applications, UIOTOS do not need a line of code, can easily implement
-
UIOTOS is used to greatly reduce the user threshold, even if you do not understand front-end code, you can use
-
Lack of functions need to upgrade components
-
Common tools rely too much on built-in components, need to upgrade to provide as many as possible to meet various needs. UIOTOS supports page nesting, users can combine, nest, extend functions of existing components. With the same number of components, UIOTOS can have a magnitude of use cases compared to common tools
-
UIOTOS does not rely completely on code extension, with fewer components achieving more functionality.
-
The development of interactive interfaces is not intuitive.
-
Whether it's the Vue front-end framework, the amis low-code framework, or the Qt desktop framework, complex interfaces can be implemented through code or JSON configuration to achieve component nesting and incremental development. However, they are relatively abstract and not intuitive. Adding interface interaction makes it even more so. UIOTOS's nesting and connection are extremely intuitive.
-
UIOTOS is what you see is what you get, prototype is application, process is intuitive and not abstract.
Where to apply?
UIOTOS is not a 'silver bullet', with applicable and non-applicable scenarios. They are as follows:
-
Applicable scenarios
-
Enterprise application interaction interfaces, including middle and back-end management, IoT Internet of Things applications, upper machine, large screen layout and industrial HMI, etc.
-
Not applicable (can be developed twice)
-
3D digital twin, mobile app, back-end business logic, document, etc. professional tools.
5. Tech Stack
Core code
-
Common basic components (kernel/baseControls.js)
-
Nesting and connection engine (kernel/iotosEngines.js)
-
Public functions relied on (kernel/iotosCommon.js)
Tech Stack
-
Native JavaScript
-
No need to understand Vue, ES6, TypeScript, Webpack, etc. frameworks or scaffolds.
-
ht.js graphics library
-
For a deeper understanding of the implementation principle of the code, it is necessary to have a certain understanding of ht.js.
However, secondary development of components is not necessary. Based on the UIOTOS framework template, development with jQuery, Vue, etc. other frameworks can be done.
See the README.md documentation for details