调研了很多低代码平台,基本都是千篇一律的。 数据管理页面由筛选器+表格(或其他几种有限的视图:看板、画廊)组成;仪表盘页面,只能任意组合各种统计图。这种局限性太大了。
但极态云让人眼前一亮,考虑得很全面,功能很强大,使用也简单,是最优雅的解决方案!
页面像一个白板,拖入组件自由组合排版,可以调整组件位置、组件大小。
提供 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 !!!';
}
}
想要复用另一个已经创建好的页面?拖入子页面组件即可!
怎么样?感受到极态云页面设计器的厉害了吧!你感受到它的厉害了吧!这产品做得那叫一个专业,简直太赞啦!这才是我想要的页面设计器!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。