通过翼飞入口创建
通过快捷入口创建
基础功能
组件拖拽
支持从组件列表、区块列表和自定义组件列表拖拽组件到画布,也可以在画布内拖拽组件移动位置和改变层级,针对难以选中的小组件,还可以通过大纲树进行精准拖拽。
属性设置
每个组件都可以声明一些配置属性,通过配置属性可以控制组件的文案、样式、事件响应、条件渲染和循环渲染等功能。
预览保存
通过点击右上角的预览按钮,可以打开一个页面预览窗口,预览功能可以保证和最终访问阶段完全一致的访问条件,通常用于保存发布前检验测试页面功能正确性,确认无误后点击右上角保存按钮即可提交数据。
发布访问
页面保存后可以点击也买你左下角发布按钮,设置页面发布范围,即可立即通过访问链接访问应用了。
高级功能
数据源
数据源功能用于定义标准的网络请求,通过可视化配置的方式,设置请求地址、请求方法、请求参数和响应结果处理,请求成功后可以进行数据加工,请求失败后可以做错误提示。数据源定义完成后可以通过事件绑定触发请求,也可以通过源码方法调用进行触发。调用方式为this.dataSourceMap['demo'].load({ data: {}, queryParams: {} });
源码面板
源码面板通常用于支持无法通过拖拽和配置满足的业务场景,如复杂的事件响应、直接DOM操作、复杂的源码组件编写等应用场景。源码面板内支持变量声明、函数定义、页面生命周期逻辑等基础代码功能,还支持通过jsx语法编写高度定制化的业务逻辑,以满足任意潜在的特殊需求。
事件绑定
针对按钮、表单等支持交互的组件,可以声明支持的事件列表,每个事件都可以通过上图操作顺序,绑定多个响应动作。每个动作又可以设置多个成功和失败事件回调,并支持任意层级嵌套。事件动作支持多种类型,如执行方法、变量赋值、页面跳转、调用数据源等等。
条件渲染和循环渲染
条件渲染用于控制当前组件是否渲染,可以通过开关直接控制,也可以通过绑定变量动态控制,适合用于根据用户权限显示不同页面内容等场景。