调研了很多低代码平台,基本都是千篇一律的。 数据管理页面由筛选器+表格(或其他几种有限的视图:看板、画廊)组成;仪表盘页面,只能任意组合各种统计图。这种局限性太大了。
但极态云让人眼前一亮,考虑得很全面,功能很强大,使用也简单,是最优雅的解决方案!
页面像一个白板,拖入组件自由组合排版,可以调整组件位置、组件大小。
提供 30+种组件,组件种类丰富,也支持开发者自己扩展组件类型。
不光是当前页面可以自由排版,弹窗也可以任意添加,弹窗中的内容也可以拖入任意组件!弹窗的大小、弹出方式、按钮、是否显示关闭图标等等都可以配置
每个组件可自定义的配置项也很多,比如:表格组件,可以自定义分组、按钮、样式规则、编辑规则等等。
组件之间的交互,通过组件事件配置,逻辑完全自由。而且配置起来很简单,不用写代码。比如:弹窗. 打开。
进一步还支持切换到源码模式,直接写代码!
如果某个局部想要个性化定制展示内容,也可以拖入全代码组件写代码。
import { Jit } from 'jit'; import { Button, message } from 'antd'; // 自定义组件的实现包括:渲染器和逻辑处理类 // Render是自定义组件的渲染器,UI部分在这里实现,它是一个React组件 const Render = (props) => { // 渲染器接收一个实例对象compIns,是下面BlankComponent9的实例对象, const compIns = props.compIns; const handleClick = () => { // 调用compIns获取数据 message.success(compIns.getData()); // 通过publishEvent方法触发事件,页面中可订阅该事件 compIns.publishEvent('handleClickMe'); // 订阅事件可以在page.ts中全代码写,在page的bindEvent方法中加入这段: // this.BlankComponent9.subscribeEvent("handleClickMe", async () => { // // TODO 收到该事件后的具体实现 // }); }; return ( <div style={{ color: '#7A8BA6', marginTop: '100px', textAlign: 'center', }} > <Button type="primary" onClick={handleClick}> Click Me! </Button> </div> ); }; // 这是自定义组件逻辑处理类,逻辑部分在这里实现,它是一个javascript的class export default class BlankComponent9 extends Jit.BaseComponent { // 将自定义组件的渲染器挂载到组件逻辑对象上 Render = Render; /** * 获取数据,组件的方法, 页面及页面中的其它组件可以调用该方法 */ getData() { // 这里可以做更多的事情,比如请求后端接口 return 'so cool !!!'; } }
想要复用另一个已经创建好的页面?拖入子页面组件即可!
怎么样?感受到极态云页面设计器的厉害了吧!你感受到它的厉害了吧!这产品做得那叫一个专业,简直太赞啦!这才是我想要的页面设计器!