检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
调测AstroZero高级页面 在高级页面开发过程中，经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
固定顶部：开启后，在移动端预览页面时，容器组件在页面顶部显示。 图18 显示在页面顶部 按钮填满容器：开启后，在移动端预览页面时，按钮组件填满整个容器。 图19 按钮填满容器 按钮单行展示：开启后，在移动端预览页面时，按钮组件和其他组件在一行显示。 图20 按钮单行展示 公共 控件名称：设置容器组件在页面的显示名称。
参考授权用户使用AstroZero并购买实例中操作，申请AstroZero免费试用或购买商业实例。 实例购买后，在AstroZero服务控制台的“主页”中，单击“进入首页”，进入应用开发页面。 在“应用”中，单击“新建低代码应用”或单击，进入新建低代码应用页面。 在新建低代码应用页面，应用类型选择“标准应用”，单击“确定”。
自适应高度：组件的高度是否随宽度改变。 开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式
在右侧“事件”页签中，单击，进入添加动作页面。 在“内置动作”中，单击“打开页面”，配置目标页面、打开方式等参数，单击“创建”。 图1 打开页面 目标页面：设置待打开的目标页面。 当前应用页面：当前应用中，已创建好的页面。 URL：某个页面的URL。 重新加载当前页面：加载刷新当前的页面。 打开方式：设
否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项
流程图：流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布，进行低代码甚至无代码的配置，即可快速完成业务功能的前端页面。在设计标准页面时，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题： 标准页面
t订阅。而消息事件通常通过服务编排、数据接入等进行触发。 在前端高级页面组件开发中，用户可通过以下方式创建WebSocket对象。参数url为需要连接的地址，即客户端订阅地址。 var ws= new WebSocket(url); 实例化对象可监听以下事件，更多WebSocke
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
管理页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理禁用资产 管理页面模板 父主题： 应用管理
> widgetActionTemplate (widget2) > Receive Action”。 单击页面上方的，保存页面。 保存成功后，单击，进入预览页面，查看效果。 父主题： 如何实现组件交互
路由导航（示例）：通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据页面提供更多的交互模式。 选项卡：用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时，可通过
参考“提交”按钮，给“取消”按钮定义以下代码事件 //返回工单列表页面 context.$page.loadStdPage('HW__workOrderList'); 单击“创建”，退出事件编排窗口。 验证 页面组装及事件添加完成后，需要在预览页面，初步检查页面预览效果，验证页面的数据绑定及事件代码正确性。当前工
自适应高度：组件的高度是否随宽度改变。 开启：勾选该按钮，下方可见页面适配功能。 页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。
使用桥接器为AstroZero高级页面组件绑定数据 在应用开发过程中，经常需要在高级页面组件中调用后台接口来完成整个业务场景（例如获取购物车中用户的ID，订单编号，商品信息等）。为方便用户调用可配置的API，平台提供了桥接器功能，桥接器封装了平台的一些逻辑，如csrftoken验证、数据共享、数据周期调用功能等。
组装“业务用户管理”页面 “业务用户管理”页面主要是通过页面对象模型与“PortalUser”标准对象绑定，并在前端页面保存新增业务用户时，调用“用户注册”逻辑，完成对该对象进行增删查的操作，实现业务用户管理功能。 结合页面需求，页面需要创建如下模型： 表1 模型分析 模型名称 作用
在模型字段中，单击，进入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事
创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作，申请AstroZero免费试用或购买商业实例。 实例购买后，在AstroZero服务控制台的“主页”中，单击“进入首页”，进入应用开发页面。 在“应用”中，单击“新建低代码应用”或单击，进入新建低代码应用页面。 在新建低代
}); 返回标准页面开发界面，单击页面上方的，保存页面。 保存成功后，单击，预览页面。 单击获取参数按钮，在页面中按F12，打开浏览器的调试界面。 在Console页签下，可以查看到打印的参数，也就是请求的结果，如图10所示。 图10 预览效果 父主题： 标准页面
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
