ASTRO轻应用 ASTROZERO-什么是标准页面:快速开始
快速开始
在进行标准页面设计前,需要对开发界面进行全面的了解。
- 将光标放在应用目录上之后,应用目录右侧会出现“+”,单击“+”,选择“标准页面”,设置页面标签和名称,即可创建一个全新空白的标准页面,页面创建后,自动进入标准页面开发界面,
- 标准页面中预置了多种组件,可以直接从左侧“组件”区域,将这些组件拖拽到中间“设计视图”上。
图2 标准页面编辑界面(UI Builder)
- 在配置使用组件前,您可以将光标放在每个组件上后,组件右上角将显示帮助信息的问号图标,单击问号图标,即可进入该组件介绍页面。若需了解更多AstroZero预置组件的使用及配置方法,请参见平台标准组件介绍。
图3 组件的帮助图标
- 在“设计视图”中,选中一个页面组件,可在右侧“属性”页签,设置该组件的绑定数据、样式等属性,如图4所示。在设计视图中选中一个文本框,可以在右侧修改这个文本框的标签名、样式、绑定的数据模型等。
- 在“设计视图”中,选中任意组件,可以在右侧“事件”页签,设置组件的关联事件。例如,选择一个“按钮”,然后在按钮的“点击”事件中,添加相应的事件代码,实现在单击按钮后将界面输入保存到数据库中。
图5 编辑组件的关联事件
- 利用组件导航,快速选中组件。
当选中某个组件时,页面上方会在组件导航上显示它的html标签层级。
因此,在组件数量比较多,位置较为紧密时,您可以直接单击标签层级,快速选择组件,也可以快速切换组件。例如,在上图的组件导航中单击“页面”,可以直接选中页面上的最外层页面组件。
- 利用组件树,快速选中组件。
在组件数量比较多,位置较为紧密时,您也单击页面右下角的“组件树”,展开组件树,在组件树中,直接单击标签层级,快速选择组件,也可以快速切换组件。
图6 利用组件树快速选中组件