ASTRO轻应用 ASTROZERO-什么是标准页面:初识标准页面

时间:2024-10-24 17:30:50

初识标准页面

将光标放在应用目录上之后,应用目录右侧会出现“+”,单击“+”,选择“标准页面”,设置页面标签和名称,即可创建一个全新空白的标准页面。页面创建后,自动进入标准页面开发界面,您可以阅读以下内容初步了解标准页面。

图1 标准页面开发界面

标准页面开发界面由四部分组成,分别是:左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域,具体功能说明如下表所示。

表1 界面布局说明

分类

功能说明

按钮区域

页面功能按钮区域,包括获取锁、释放锁、保存、另存为、预览页面、修订记录、操作回退、撤销回退、页面性能分析、布局切换以及发布成高级页面组件的操作。

组件区域

页面的组件区域。设计页面时,需要从组件区域拖拉拽各种组件(按住鼠标拖动)到工作区域中以丰富页面功能。

组件区域由以下两个页签组成:

  • 基本组件:平台预置的各类组件,具体说明如基本组件分类说明所示。若需要了解每个基本组件的详细使用说明,请将鼠标悬浮在基本组件上,基本组件右上会出现问号图标,单击该图标会出现该基本组件的使用说明。平台标准组件介绍介绍了常用的基本组件属性说明。
  • 扩展组件:存放用户自定义的组件,自定义组件由用户在线下开发完成并上传到AstroZero,用于丰富页面组件的功能。自定义组件开发过程及上传方法,请参考创建自定义标准组件

工作区域

工作区域即是编辑页面内容区域以及页面视图区,主要的页面布局设计操作区域,完成对页面具体布局、组件放置等操作。

  • 设计视图:页面默认视图,此视图下,可以在页面内容中,通过拖拉拽的方式对需要在页面布局中展示的组件元素进行编排,所有组件视图化,所见即所得,让您快速构建您需要的页面布局。页面右上角“外层容器”开关,可快速呈现外层容器和范围。
  • 模型视图:该页面所涉及的模型展示视图。
  • 事件视图:该视图下,页面布局中各事件以代码形式展示在工作区域。
  • 样式代码:页面自定义的样式代码。
  • 更多:单击“更多”后,将会展开以下页签。
    • 模型代码:该视图下,页面布局中各模型以代码形式展示在工作区域。
    • 第三方库:该页面加载的第三方库代码。

可配置页面元素区域

页面和组件属性设置区域,在该区域可以对组件属性、事件进行设置,也可以加载第三方库以完成对组件的应用。该区域由以下三个页签组成:

  • 属性:组件的属性展示区域,可在属性面板修改组件属性使页面达到预期效果。在工作区域“设计视图”下选中组件,键盘上按Tab键,可在“属性”页签中切换属性参数项,按Enter键可设置属性值。
  • 事件:进入事件编排器的入口,您可通过系统预置的事件编排器,或者直接通过定义JS代码,来实现页面组件与后台接口之间的交互。
  • 库:加载当前页面所依赖库的入口。页面设计的某些功能需要依赖特定的库来完成,用户可以在该页签下新增或删除某些库。系统默认会提供部分库,若不满足现有需求,也可以根据实际情况加载新的库。
support.huaweicloud.com/usermanual-astrozero/astrozero_05_0130.html