检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
挂载前端页面 应用开发完成后，要将页面挂载到导航条上，作为应用菜单，在应用预览时，查看应用相关页面。应用菜单仅支持开发者号的管理员查看，业务号只能查看对应权限的页面。 操作步骤 在经典版应用开发页面，单击左侧导航栏下方的“配置”。 图1 应用配置入口 在“导航条”页签，单击“菜单树”右侧的“+”，选择“添加页签”。
修改完成后，单击页面右上角的，进入更新组件页面。 单击“更新”，返回组件详情页面。 单击“预览”，可查看到展示文本已变为“Hello, I am AstroZero Studio”。 图6 预览效果 管理自定义组件版本 如果更新的组件已用于高级页面中，需要在“页面设置 > 插件”
自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。 页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。
管理页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理禁用资产 管理页面模板 父主题： 应用管理
查看AstroZero标准页面性能 使用AstroZero完成标准页面开发后，支持检查标准页面性能，生成性能报告页供开发者查看。 查看页面性能 打开一个标准页面。 在标准页面右上方，单击“性能分析”，系统会检查页面性能，并打开“页面性能分析”页面。 图1 性能分析 图2 页面性能分析 查看页面性能报告。
调测AstroZero标准页面 使用AstroZero完成标准页面开发后，需要进行预览调测、验证页面是否符合预期效果，例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件，例如
默认 > 页面跳转”，配置“事件编辑”页面上参数，设置跳转页面，新增参数“pageMacro”为“${e.param1}”，单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型：分内部页面和外部页面，此场景中“Page2”为内部页面，请勾选“内部页面”。 内部页面：配置动作跳转至页面“Page2”。
调测AstroZero高级页面 在高级页面开发过程中，经常需要调测整个前台页面。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以
查看AstroZero高级页面性能 使用AstroZero开发完高级页面后，支持检查高级页面性能，生成性能报告页，供开发者查看。 检查页面性能 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。 在Chrome浏览器中，按下“F12”或者“Ctrl
删除统计页面 删除统计页面会将图表数据永久删除，不可恢复，请谨慎操作。 删除统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“删除”。
路由导航（示例）：通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据页面提供更多的交互模式。 选项卡：用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时，可通过
入选择模型页面。 单击“新增模型”，进入新增模型页面。 设置模型名称与来源，单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后，选中该组件，会在右侧显示该组件的属性配置面板。在属性配置面板中，可以对该组件在页面显示属性风格进行配置，使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明，在标准页面设计界面左侧组件区域，将鼠标
默认 > 页面跳转”，配置“事件编辑”页面上参数，设置跳转页面，新增参数“pageMacro”为“${e.param1}”，单击“确定”。 “事件编辑”中页面跳转主要参数说明如下。 页面类型：分内部页面和外部页面，此场景中“Page2”为内部页面，请勾选“内部页面”。 内部页面：配置动作跳转至页面“Page2”。
选中已添加的图片，在右侧图片设置中，单击链接后的。 设置跳转的URL地址，单击“确定”。 图7 设置链接 单击“确定”，返回高级页面。 单击，保存高级页面，保存成功后单击，发布高级页面。 发布成功后，单击，预览效果。 父主题： 高级页面专项
的事件以更新数据。 为了方便演示说明，新建一个标准页面，向页面中拖动一个“按钮”组件和一个“模态框”组件。将模态框绑定在一个数据模型上，当按钮被单击时模态框弹出，实现组件间通过数据模型交互的效果，如图2。 图2 “值绑定”示例页面 选中“模态框”组件，在右侧属性配置面板配置值绑定
单击“页面”后的“+”，在添加标准页面中选中“基于模板”。 设置页面的标签和名称，单击“下一步”。 表2 标准页面参数说明 参数 说明 标签 输入标准页面的标签名，用于在页面显示，创建后可修改。 取值范围：1~64个字符。 名称 输入标准页面的名称，名称是标准页面在系统中的唯一标识，创建后不可修改。命名要求如下：
创建“业务用户登录”页面 背景与原理 （可选）开发自定义登录组件 上传自定义登录组件 组装“业务用户登录”页面 父主题： 创建应用
组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 在设计页面左上方单
中数据。 图6 为对象添加数据 新建对象模型。 在应用设计器中，选择“界面”，单击页面后的“+”。 输入页面的标签和名称，单击“添加”，新建一个标准页面。 在标准页面底部，单击“模型视图”，将页面从设计视图切换到模型视图。 单击“新增模型”，输入模型名称（如productCost
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
