检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自适应布局：适合使用标准页面在不同大小屏幕（PC、平板、手机等）下呈现出开发者想要的显示效果场景。 高级布局设置：针对有丰富前端开发经验的用户，通过“样式”面板对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。
实际需求，使用AstroZero为应用自定义一个登录页。通过在登录页中输入用户名、密码和手机号码等登录信息，与系统中存储的业务用户信息进行对比，来验证业务用户的身份，并根据设置的业务用户权限，为业务用户分配相应的资源和访问权限。 例如，自定义一个图1中的登录页，在登录页中输入业务
您自定义的字段将保存在上图中的“自定义字段”页签，更多关于对象模型的详细介绍请查看定义对象。 学习地图 如图2所示，通过本节的学习和实践，您可以初步了解“对象”和“标准页面”的基本概念和能力。 图2 学习地图 父主题： 定义数据对象
效果，体验会更好。 移动端配置 下拉刷新：下拉是否刷新列表。 默认数据条数：设置移动端列表视图，默认展示数据的数量。 显示加载文字：是否显示上拉加载文字。 异步加载：和事件（on-load-data）配合使用，上拉加载时，异步获取数据。 公共 控件名称：当前组件的名称。 隐藏：是
Pro对接。对接后可使用ModelArts Pro提供的文字识别套件、自然语言处理套件提供的能力。 场景描述 对行程码进行识别。 前提条件 AstroZero对接ModelArts Pro，使用ModelArts Pro提供的文字识别套件、自然语言处理套件提供的能力。因此需要先申请文字识别套件和自然语言处理套件，具体操作请参见申请行业套件。
文本 文本编辑器组件，用于在页面插入文字。 在高级页面设计器中，单击，从“文本 > 通用”中，拖拽“文本”组件到画布中，如图1所示。 图1 文本 属性 在属性中，设置文本组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距
同的部分，使得结构更加清晰。 在表单开发页面，从“通用组件”中，拖拽“分段”组件至表单设计区域，如图1。 图1 分段 显示名称：分段的说明文字，通常用于对下文做出说明、解释。 样式：分段的样式。 标题大小：设置标题的大小。 标题颜色：显示名称的字体颜色。 背景颜色：设置组件的背景颜色。
在“布局与颜色”页签，设置应用布局样式。 主题颜色：系统预置的主题颜色。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。
主题颜色：系统预置了很多主题供您选择。 图标：鼠标放在“图标”下的图片上，选择“更改”，上传新图片，可更改应用Logo，同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下
公式编辑：给表单中的某个字段编辑公式后，在填写表单或修改表单数据时，可以使该字段的值根据公式自动计算出来，不需要再手动填写，提高效率。 引导文字：当用户没有配置该字段值时，在界面显示的引导文字，可以设置为中文，也可以设置为英文。 问号提示：当该字段较难理解时，可通过配置“问号提示”告诉用户该字段的含义、如
可以使该字段的值根据公式自动计算出来，不需要再手动填写，提高效率。 宽度：字段配置框宽度占页面宽度的比例。 引导文字：当用户没有配置该字段值时，在界面显示的引导文字，可以设置为中文，也可以设置为英文。 问号提示：当该字段较难理解时，可通过配置“问号提示”告诉用户该字段的含义、如
示信息。 举例如下： 示例1：校验输入文字内容长度不能超过10个字符。示例JS代码如下： return value.length <= 10 其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量 示例2：校验输入文字内容，只能输入大写的“A-Z”，或小写的“a-z”。示例JS代码如下：
API 使用AstroZero提供的REST API接口以编程方式访问AstroZero，详情请参见API参考。 学习路径 您可以借助成长地图，快速了解产品，由浅入深学习使用和运维AstroZero。
针对业务逻辑比较复杂的场景，AstroZero低代码平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。 与服务编排对比 脚本是代码化的，使用TypeScript开发的。脚本是内聚的，相当于生产积木的，并且脚本可以对这个积木实现批量化处理的复杂场景。 服务编
针对业务逻辑比较复杂的场景，低代码平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。 与服务编排对比 脚本是代码化，使用TypeScript开发的。脚本是内聚的，相当于生产积木的，并且脚本可以对这个积木实现批量化处理的复杂场景。 服务编排
选中记录，单击“删除”，即可删除任意一条电梯记录。 设置查询条件，单击“查询”，可以查询满足条件的电梯记录。 图1 电梯设备信息管理界面 通过开发设备管理功能，带您学习如何在AstroZero中，开发脚本、服务编排、标准界面和高级界面，并在开发过程中，细致解析设备管理的增加、删除和修改，以及设备位置信息监控功能开发过程及原理。
降低应用构建门槛 全云化线上开发，No Code/Low Code开发模式，多终端适配，所见即所得的应用构建，图形化业务编排，具备极低的学习成本，让业务人员可直接构建应用，人人都是开发者。 加速业务敏捷创新 拖拽式页面构建，简单易用的数据建模，灵活可视的服务编排、流程编排、事件
基本属性通过数据绑定后，在运行时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。 移动端设置
据缓存能力 对接CSS实现在应用中调用分布式搜索 对接OCR识别图片中文字 对接IEF管理边缘节点 对接ModelArts Pro实现在应用中使用文字识别和自然语言处理能力 对接ModelArt识别图像和文字 对接SMN发送短信 对接Message&SMS发送短信 对接SMTP发送邮件
修改src文件夹下的“components”文件夹及文件名，将“test-project”改为“imgButton”，如图6修改前后对比所示。 图6 修改前后对比 替换自定义组件的组件图标，此图标是自定义组件在页面构建器中显示的缩略图。 在src文件夹的“components\imgBu
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
