华为云首页用户手册

APPCUBE-什么是标准页面:快速开始

APPCUBE-什么是标准页面:快速开始

时间：2023-11-01 16:19:13

APPCUBE

快速开始

在进行标准页面设计前，您需要对开发界面进行全面的了解。

将光标放在应用目录上之后，应用目录右侧会出现“+”，单击“+”，选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面，页面创建后，自动进入标准页面开发界面，

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

在配置使用组件前，您可以将光标放在每个组件上后，组件右上角将显示帮助信息的问号图标，单击问号图标，即可进入该组件介绍页面。若需了解更多AppCube预置组件的使用及配置方法，请参见平台标准组件介绍。
图3 组件的帮助图标

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

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

上一篇：APPCUBE-模态框

下一篇：APPCUBE-什么是标准页面:初识标准页面

APPCUBE-什么是标准页面:快速开始

意见反馈

0/200

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

推荐文章

解决方案
相关专题