UIOTOS零代码开发一个仿Window简单计算器

目标

通过嵌套容器嵌套底层页面，再利用收发器组件和工具函数之间的转换，真正做到零代码实现简单计算器功能。

最终效果

底层页面

   

顶层页面

实现过程

步骤1：新建页面

 

步骤2：计算器按键页面设计

步骤3：按键页面放入数字

步骤4：计算器运算符页面设计

步骤5：计算器面板页设计

步骤6：面板页嵌入按键、运算符页面

 

步骤7：按键和运算符页面交互设计，点击按钮发送当前数字或运算操作

步骤8：数字按键和加减乘除运算逻辑功能设计

     

小结

本示例，模拟了windows自带计算器，通过无代码方式，实现了UI界面、布局、交互、计算逻辑等，利用到了UIOTOS的页面嵌套封装、逻辑连线、收发器消息总线等特性。

什么是UIOTOS？

一款拥有独创专利技术的前端零代码工具，专注于解决前端界面开发定制难题，原型即应用！

具有页面嵌套、属性继承、节点连线等全新特性，学习门槛低，功能极为灵活。

用户无需懂任何前端开发技术，简单了解使用规则，就能够按照业务需求，定制开发复杂的WEB应用。

主要面向后端/算法工程师、硬件/电气工程师，以及产品经理、UI、美术、实施工程师等。

适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人，项目交付快好省！