什么是页面引擎
更新时间:2023-03-30 07:59:40
全象云低代码平台页面引擎中提供了常用组件,组件包含了预置的样式,并封装了基础事件代码,实现了开箱即用,避免用户重复书写样式和事件代码,能够专注于业务场景开发。
页面引擎样式
平台页面引擎的结构类似于设计软件的布局,分为左中右三栏+顶部栏布局:
- 左侧工具栏包含组件库、页面层级、数据源。
- 中间部分是画布(canvas) 。
- 右侧是属性配置面板。
- 顶部是基础操作栏目。
顶部操作栏
全象云低代码平台提供:撤销、前进、?、预览、保存、保存退出等快捷按钮,为页面开发提供便利。
左侧工具栏
组件库
组件库中组件可直接拖拽到画布中,并支持组建调整顺序、复制等操作。全象云目前支持如下组件。
页面层级
页面层级用于查看页面布局,页面层级支持查看大纲视图和源码视图。
- 在大纲视图中点击组件,即可定位到画布中对应组件。
- 源码视图便于查看页面详细数据。
数据源
数据源可以声明变量和 API,用于展示动态数据。在控件的属性配置上可以进行对变量参数的数据绑定。
中间画布
画布用来将组件进行排版、配置,从而完成页面的搭建。在画布中可以拖拽组件布局,也可以对组件进行复制、删除操作。
右侧配置栏
属性
属性设置用于配制组件的基础属性,配置完成后画布中能够实时查看配置效果。
说明
变量参数绑定效果需在预览环境中查看。
样式
样式设置支持可视化配置,同时支持通过源码编辑。
事件
事件面板用于绑定动作发起 API,每个组件都支持 didMount(加载完成),willUnmount(卸载) 这两个事件,其它动作则由该组件自身暴露的。如:按钮组件支持暴露 onClick 事件。
动态渲染
动态渲染用于展示循环渲染场景。