AstroZero的标准页面主要适用于对样式要求相对简单的场景（如表单类应用），这种页面一般用于业务数据的增、删、改、查等基础功能，例如绩效管理、请假电子流、健康打卡、在线投票等。

图1 表单类应用

初识标准页面

在应用开发页面，将鼠标放在应用目录下的Page文件夹上，单击“+”，选择“标准页面”。在添加标准页面弹框中，您可以新建空白标准页面，也可以基于模板创建标准页面。

图2 创建标准页面

页面创建后，自动进入标准页面的设计界面，如下图。标准页面的设计界面由按钮区、组件区、页面设计（画布）区和组件属性/事件/第三方库配置区四大功能模块组成。标准页面各功能区域的详细介绍，请戳这里。

图3 标准页面设计界面

• 基于模板创建的标准页面，是一个功能完备的页面，可直接使用，也可以在页面的基础上定制改造。如需了解更多，请戳这里。

• 若创建的是空白标准页面，此页面创建后，仅仅是一个页面的空白框架，页面中需要展示什么，实现什么功能，还需要开发者继续开发。

  1. AppCube为开发者提供了丰富的前端组件，开发者只需在标准页面的“设计视图”中，拖拽组件到页面。组件使用说明，请戳这里。

  2. 在“模型视图”中定义相关模型。此处定义的模型用于组件关联后台数据对象、页面传值、后端接口逻辑和事件等。

  3. 在组件的“属性”中绑定模型、并设置组件样式等属性，然后在“事件”中设置页面或组件事件，以完成页面及页面之间的跳转及联动。

  图4 标准页面实现流程

  

如何快速创建一个标准页面

在AstroZero中创建标准页面也非常的简单快捷，只需将一个或多个组件拖拽到画布，进行低代码甚至无代码的配置，即可快速完成业务功能前端的页面开发。

图5 快速创建一个标准页面

如上图所示，在AstroZero中，您只需要了解基本前端编码知识，通过将页面组件拖拽至“设计视图”的画布中，对其进行必要的属性、事件配置后，再通过数据模型驱动，即可完成页面的开发。

AstroZero中的标准页面，不但预置了丰富的组件，还封装了基础事件代码，实现了开箱即用，避免陷入代码细节，使开发人员能更好的专注于业务场景的挖掘。还等什么，戳这里去创建您的第一个页面吧。

上期回顾：使用AstroZero可轻松构建专业级应用，人人都是开发者，无数程序猿哥媛妹再也不用担心发际线和黑眼圈，戳这里了解更多。

下期预告：和标准页面不同，高级页面主要适用于较复杂的前端页面（如包含图片、图表、视频、地图等元素的页面），下期将为您带来高级页面，敬请期待！