检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示，页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 标签切换效果 本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复
钥生成身份凭证，服务端使用密钥进行解析，信息是经过数字签名的，因此可以被验证和信任。一般用于AstroZero内部服务之前的相互访问。 使用说明 JWT鉴权模式通过客户端和服务端，约定签名密钥。客户端根据密钥生成身份凭证，服务端使用密钥进行解析，信息是经过数字签名的，因此可以被验
将开发完的自定义组件上传到组件库，并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中，通过
的服务。 已执行前提条件中操作，即已部署上线用于花卉识别的模型。 在ModelArts管理控制台左侧菜单栏中，选择“部署上线 > 在线服务”，进入在线服务管理页面。 单击目标服务名称，进入服务详情页面。 选择“调用指南”页签，查看“API接口地址”。 如图4所示，该参数值为“API接口地址”中的一串字符串。
以创建一个全新的脚本为例，向您介绍如何在低代码平台中新建一个脚本。本脚本实例不涉及对象，及调用接口等内容，脚本只实现请求“http://www.example.com”，返回网站请求的消息头功能。 创建空白脚本 参考登录经典应用设计器中操作，登录经典版应用设计器。 将光标放在某个文件夹（例如Logic）上，单击，选择“脚本”。
下、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。该布局常用于常规Web应用开发，例如电商网站、管理网站等等。 搭建高级页面。 在高级页面开发界面，单击，打开组件列表。 从组件列表中，拖拽基本柱图组件到画布中，按需调整组件的位置和大小。 图11
图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，拖拽轮播组件到右侧画布中。
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
面包屑 面包屑组件用于显示网站的层级结构，告知用户当前所在位置以及在需要向上级导航时显示。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“面包屑”组件至页面工作区域，如图1。 图1 面包屑 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性
标准页面主要适用于对样式要求相对简单的场景（如表单类应用），这种页面一般用于业务数据的增、删、改、查等基础功能，例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 图1
流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根据组件内容进行自适应，页面中组件将按照从左到右、
逻辑比较复杂的场景，您可以通过在线开发TypeScript脚本实现。本章节以创建一个全新的脚本为例，向您介绍如何在低代码平台中新建一个脚本。本脚本实例不涉及对象及调用接口等内容，脚本只实现请求“http://www.example.com”，返回网站请求的消息头功能。 创建空白脚本
、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 开发高级页面。 下面以开发一个绝对布局的高级页面为例，向您如何使用AstroZero快速开发一个高级页面。 图2 绝对布局类型高级页面组件布局示例
ngth', <string><any>size); // 这里只是把zip二进制流返回给浏览器，浏览器需要依据Content-Type来解析 resp.setBody(stream); 父主题： 应用后端开发
脚本用什么编辑器 低代码平台提供了一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示、智能补全。 精确查看定义、代码预览、查找引用。 快速在线编译。 友好的语法错误提示。 可以使用console
描述 是否必选 Content-Type HTTP协议中设定的一个参数，用于标识返回的内容用什么格式去解析，此处必须配置为“application/json”。表示浏览器将返回内容解析为json对象。 是 access-token 当用户登录系统鉴权成功后，后台会生成一个token，
脚本用什么编辑器 AstroZero提供一个方便简洁的在线开发IDE，即脚本编辑界面，脚本编辑界面开发体验接近离线的开发工具，具有如下优势： 现代化的编辑界面，语法高亮显示。 智能提示，智能补全。 精确查看定义，代码预览，查找引用。 快速在线编译。 友好的语法错误提示。 可以使用console
管理应用中的脚本 针对业务逻辑比较复杂的场景，AstroZero低代码平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。在AstroZero环境配置中，可管理当前账号下所有的脚本，包括查看、启用、禁用、运行脚本等。 约束与限制
描述 是否必选 Content-Type HTTP协议中设定的一个参数，用于标识返回的内容用什么格式去解析，此处必须配置为“application/json”。表示浏览器将返回内容解析为json对象。 是 access-token 当用户登录系统鉴权成功后，后台会生成一个token，
种逻辑模块化元素，从而创建各类应用。关于AstroZero中环境的更多介绍，请参见基本概念。 进入经典版开发环境 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 图1 进入华为云控制台 在左侧导航栏上方，单击，选择服务所在的区域。 单击，在查找框
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
