华为云首页用户手册

ASTRO轻应用 ASTROZERO-什么是标准页面:标准页面常用操作入门

ASTRO轻应用 ASTROZERO-什么是标准页面:标准页面常用操作入门

时间：2024-04-22 15:51:10

ASTRO轻应用 ASTROZERO 标准页面

标准页面常用操作入门

在进行标准页面设计前，建议您先对开发界面的常用操作进行简单的了解。

在新版应用设计器的“界面”中，单击页面后的“+”，设置页面标签和名称，单击“添加”，即可创建一个标准页面（空白页面或基于模板创建）。

标准页面中预置了多种组件，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”。
图2 拖拽组件到设计视图

在配置使用组件前，可以将光标放在每个组件上，单击组件右上角的图标，可查看组件的详细介绍。若需了解更多预置组件的使用及配置方法，请参见标准页面组件介绍。
图3 组件的帮助图标

在“设计视图”中，选中某个组件，在右侧“属性”页签，可设置该组件的绑定数据、样式等属性，如图4所示。
图4 组件属性面板
在“设计视图”中，选中某个组件，在右侧“事件”页签，可设置组件的关联事件。例如，选择一个“按钮”，在按钮的“点击”事件中，添加相应的事件代码，实现在单击按钮后将界面输入保存到数据库中。
图5 编辑组件的关联事件
利用组件导航，快速选中组件。
当选中某个组件时，页面上方会在组件导航上显示组件的html标签层级。当组件数量比较多，位置较为紧密时，可以直接单击标签层级，快速选择组件，也可以快速切换组件。例如，单击图5组件导航中的“页面”，可直接选中页面上的最外层页面组件。
利用组件树，快速选中组件。
在组件数量比较多，位置较为紧密时，也可以单击页面右下角的“组件树”，展开组件树。在组件树中，直接单击标签层级，快速选择组件，也可以快速切换组件。

图6 利用组件树快速选中组件

上一篇：ASTRO轻应用 ASTROZERO-什么是标准页面:标准页面与高级页面的区别

下一篇：ASTRO轻应用 ASTROZERO-什么是标准页面:标准页面与高级页面的区别

新客秒杀 2核2G 3M L实例

68元/年

普惠上云领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元随心购

1元/年起

ASTRO轻应用 ASTROZERO-什么是标准页面:标准页面常用操作入门

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题