什么是页面引擎

全象云低代码平台页面引擎中提供了常用组件，组件包含了预置的样式，并封装了基础事件代码，实现了开箱即用，避免用户重复书写样式和事件代码，能够专注于业务场景开发。

页面引擎样式

平台页面引擎的结构类似于设计软件的布局，分为左中右三栏+顶部栏布局：

• 左侧工具栏包含组件库、页面层级、数据源。
• 中间部分是画布（canvas） 。
• 右侧是属性配置面板。
• 顶部是基础操作栏目。

顶部操作栏

全象云低代码平台提供：撤销、前进、？、预览、保存、保存退出等快捷按钮，为页面开发提供便利。

左侧工具栏

组件库

组件库中组件可直接拖拽到画布中，并支持组建调整顺序、复制等操作。全象云目前支持如下组件。

页面层级

页面层级用于查看页面布局，页面层级支持查看大纲视图和源码视图。

• 在大纲视图中点击组件，即可定位到画布中对应组件。

• 源码视图便于查看页面详细数据。

数据源

数据源可以声明变量和 API，用于展示动态数据。在控件的属性配置上可以进行对变量参数的数据绑定。

中间画布

画布用来将组件进行排版、配置，从而完成页面的搭建。在画布中可以拖拽组件布局，也可以对组件进行复制、删除操作。

右侧配置栏

属性

属性设置用于配制组件的基础属性，配置完成后画布中能够实时查看配置效果。

样式

样式设置支持可视化配置，同时支持通过源码编辑。

事件

事件面板用于绑定动作发起 API，每个组件都支持 didMount(加载完成)，willUnmount(卸载) 这两个事件，其它动作则由该组件自身暴露的。如：按钮组件支持暴露 onClick 事件。

动态渲染

动态渲染用于展示循环渲染场景。