# 初识自定义页面编辑器
自定义页面是由多个组件组成，您可以根据自己的特定需求来设计和优化页面，使其更加实用及个性化。
在AstroFlow自定义页面编辑器中，通过选择组件、设置组件属性和发布页面三步，即可快速搭建所需的页面。
图1初识AstroFlow表单编辑器   
![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001935226658.png)
表1AstroFlow页面编辑器功能介绍 
| 区域 | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
|:---|:---|
| 1  | 该区域分别提供如下功能： - 单击![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001865741604.png)，可设置自定义页面的名称，长度不能超过32个字符。  - 页面设计：根据自身业务需求，拖拽不同的组件，设计所需的页面。页面设计详细介绍，请参见[页面设计](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0200.html#astroflow_05_0200__section135655553217)。  - 页面发布：设置页面的成员访问权限、访问地址及发布时间等信息。页面发布详细介绍，请参见[页面发布设置](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0213.html)。  - 保存并预览：保存并在线预览页面。   |
| 2  | 该区域分别提供如下功能： - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001865581788.png)：终端视图类型，当前仅支持在PC端开发页面。页面开发完成后，支持在移动端进行访问和使用。 说明： 移动端组件的排布规则：一行只展示一个组件。   - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001911661417.png)：保存表单页面。  - 页面属性：设置页面布局及全局组件配置，例如：行/列间距，单元格高度、容器背景颜色等。全局组件配置仅对新增的组件生效。                                                                                                                                                                     |
| 3  | 表单组件库，各组件详细介绍，请参见[自定义页面组件介绍](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0201.html)。 - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001911581069.png)：在表单设计区域，选中某个组件，单击该图标，可快速复制该组件。  - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001865741608.png)：在表单设计区域，选中某个组件，单击该图标，可快速删除该组件。                                                                                                                                                                                                                                                              |
| 4  | 页面设计区，将组件拖拽至设计区，进行自定义设计。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| 5  | 页面及组件属性设置。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |