检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 发布应用模板”。 单击“ 发布到模板中心”，选择待发布为模板的应用，单击“应用校验”，校验通过后单击“下一步”。 图1 发布应用模板 使用应用模板安装的应用，不支持发布为应用模板。
后方可使用。 操作步骤 登录AstroZero环境配置。 在左侧导航栏中，选择“开发配置 > 应用模板 > 发布应用模板”。 单击“ 发布到模板中心”，选择待发布为模板的应用，单击“应用校验”，校验通过后单击“下一步”。 图1 发布应用模板 使用应用模板安装的应用，不支持发布为应用模板。
关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在
Records页面 拖入分栏组件到页面中，并在分栏组件的“属性 > 样式 > 布局”宽度设置为240像素，如图21调整分栏组件所示。 关于分栏组件的详细介绍请参见分栏。 图22 调整分栏组件 将自定义组件“imgButton”拖入到“分栏 > 栏”中，分别拖入到分栏的两个栏中，如图22拖入自定义组件所示。
在设计页面左上方，单击，从“导航”的自定义组件中，拖拽13中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图7 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。
（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。
介绍AstroZero中的低代码能力 05:15 低代码开发介绍 华为云Astro轻应用服务视频 介绍AstroZero中的零代码能力 05:19 零代码开发介绍 新手入门 华为云Astro轻应用服务视频 介绍AstroZero中的开发者用户和权限 05:43 开发者用户与权限 华为云Astro轻应用服务视频
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格（新） 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题： 标准页面
在设计页面左上方，单击，从“导航”的自定义组件中，拖拽11中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。
经典版开发指导 经典版入门必读 应用 对象 标准页面 高级页面 服务编排 脚本开发 BPM服务编排 API接口 集成开发 消息事件 触发器 报表和仪表板 CICD持续集成与交付 服务组件（BO） 调测能力 工程能力 原生服务 其他功能 管理中心 5G消息 白名单特性
5G消息 初识5G消息 如何登录5G消息应用开发平台 5G消息快速入门 创建5G消息应用 设置应用 管理素材 如何制作5G消息内容 如何制作H5图文 如何通过关键词匹配创建智能对话 智能对话中图元说明 如何制作底部菜单 如何配置语音识别 如何群发5G消息 如何制作并群发视频短信 如何投放微信消息
产品优势 应用场景 产品规格差异 权限管理 约束与限制 03 入门 在AstroZero上，跟随文档创建多种实例应用，由浅入深体验应用开发过程，并让您快速了解AstroZero低代码开发平台的架构及前后端能力。 入门指导 使用AstroZero低代码预置模板创建调查问卷应用 使用
取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部 > 自定义”中拖拽widget_demo_mintui组件到右侧画布中。 图7 拖拽组件到画布中 单击页面上方的，保存高级页面后，单击，发布高级页面。 单击，进入预览页面，查看效果是否符合预期。
标准页面常用操作入门 在进行标准页面设计前，建议您先对开发界面的常用操作进行简单的了解。 在应用设计器的“界面”中，单击页面后的“+”，设置页面标签和名称，单击“添加”，即可创建一个标准页面（空白页面或基于模板创建）。 标准页面中预置了多种组件，可以直接从左侧“组件”区域，将这些组件拖拽到中间“设计视图”。
互隔离。购买AstroZero实例的详情操作，请参见购买AstroZero商用实例。 AstroZero提供了新版和经典版两套开发环境，本入门以经典版开发环境为例进行介绍。新版开发环境的介绍，请参见初识新版设计器。 父主题： 注册登录及环境说明
在高级页面、大屏页面或者小屏页面中拖入该组件，预览组件效果。 例如，进入Astro Canvas界面，从大屏开发页面的“全部组件 > 其它”中，拖入widgetdemomintui组件到设计区域，调整组件大小，单击，预览效果。 图2 拖入自定义组件 图3 效果 父主题： 管理页面资源
中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。
可在高级页面中使用。自定义组件的开发流程如下： 下载组件模板 将AstroZero系统预置的模板到本地。 开发自定义组件 基于下载的模板，在本地根据自身业务需求开发组件。 上传组件到组件库并使用组件 将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的
图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部 > 自定义”中拖拽widgetdemoi18n组件到右侧画布中。 图7 拖拽组件到画布 单击，保存高级页面，保存成功后单击，发布高级页面。 发布成功后，单击，预览效果。 切换环
如何引入第三方库 使用说明 在高级页面组件开发过程中，低代码平台支持开发者直接引用第三方库，在降低组件开发复杂度的同时，丰富了组件的功能。库是支撑高级页面组件运行的第三方依赖，若缺少相应的库，则高级页面组件不能正常运行。 低代码平台提供了一些系统预置库，若不满足现有需求，支持开发者制作并上传新的库。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
