检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上，将显示设置按钮。 单击，进入页面设置页面。 鼠标悬浮在待恢复的历史备份记录上，将显示操作按钮。 单击“还原”。 图7 还原页面 在弹框中，单击“确定”，完成页面历史记录还原。 删除页面
> 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，选择onClick事件。 在弹框中设置绑定事件。 方法名称：选择已有方法或者添加新方法，如果选项添加新方法，单击
在服务列表中，单击步骤3：添加服务中已创建服务后的“编辑”。 参考编辑服务中操作，完成服务的配置。 注意：购买AstroPro专业版实例时，才会显示“是否生成客户端”和“是否启用扩展拦截”这两个配置项。 图1 服务配置 基本配置、框架配置和生成策略：请根据自身业务需求直接在界面勾选，不
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”，单击“新建项目”。 首次进入项目时，请按照界面提示，开通工作空间。开通工作空间后，即可在该工作空间内创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增
> 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之
"version": "2.4.2",//组件版本号 "name": { "zh_CN": "img组件A" // 属性显示名称 }, "component": "imgButton",//组件名 "icon": "custom-component"
注意：购买AstroPro企业版实例时，才会显示“软删除策略”配置项。 恢复软删除：当开启“软删除策略”时可配置。开启恢复软删除，则支持将软删除的数据恢复。 支持BO多租：BO是否支持多租。开启BO多租时，请确保“多租模型”已开启。 注意：购买AstroPro专业版或企业版实例时，才会显示“支持BO多租”配置项。
据仍然保留在数据库中。关闭软删除策略后，数据删除为物理删除，即直接从数据库中删除，不可恢复。 注意：购买AstroPro企业版实例时，才会显示“软删除策略”配置项。 恢复软删除：当开启“软删除策略”时可配置。开启恢复软删除，则支持将软删除的数据恢复。 操作：对新建的对象可执行哪些
导入swagger文件 在业务设计页面，单击“导入swagger”。 选择已编辑好的swagger文件。 单击“打开”，界面显示“导入swagger成功”，完成swagger文件导入。 界面不会显示对应业务架构图，直接单击“下一步”，进入服务依赖环节。 图1 导入成功 父主题： 导入swagger
绑定数据源 表格组件中的应用 将Grid表格组件拖拽至Collection组件中。 图4 表格拖拽至Collection组件 单击“确定”，根据提示引入配置数据，自动解析出表格列数据。 图5 解析表格列数据 父主题： 数据源管理
在下拉框中选择校验命令，例如，NotNul、Email、Length、Null等。 校验参数 单击“编辑校验”，可编辑Hibernate注解配置。 校验错误提示信息 输入校验错误时，界面提示的信息。例如，用户名不能为空。 例如，自定义用户名字段，并添加“Length”和“NotNull”两条校验规则，表示用户名不能为空，且长度需在3至50个字符。
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 单击预览按钮，进入物料包详情页面。 图1 查看物料包详情 查看物料包基础信息，包括物料包名称，物料包版本，描述，创建人，及导入时间。
导入DDL 在业务设计页面，单击“导入ddl”。 选择已编辑好的DDL文件。 单击“打开”，完成DDL文件导入，界面将显示对应业务架构图。 图1 导入效果显示 父主题： 导入DDL
注意：购买AstroPro企业版实例时，才会显示“软删除策略”这个配置项。 恢复软删除：当开启“软删除策略”时可配置。开启恢复软删除，则支持将软删除的数据恢复。 支持BO多租：BO是否支持多租。开启BO多租时，请确保“多租模型”已开启。 注意：购买AstroPro专业版或企业版实例时，才会显示“支持BO多租”配置项。
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 单击下载按钮，将物料包下载回本地环境。 图1 下载物料包 父主题： 物料中心
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 图1 显示操作图标 单击更新按钮，进入更新物料包页面。 单击“点击上传”，重新上传本地已打包好的物料包。 重新上传物料包需注意： 重新上传物料包前需删除原文件，否则上传失败。
选择“退订与退换货”，在“退订使用中的资源”页签，单击待退订AstroPro套餐实例后的“退订资源”。 图3 选择退订资源 选择退订原因，阅读退订提示，单击“退订”。 若您购买AstroPro专业版后，有订购扩容包，执行退订操作时，扩容包会一并退订。 图4 退订实例
前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开国际化资源页面。 选择待操作的词条，单击“操作”列的。 页面显示“复制成功”，完成词条键值复制。 图5 复制词条键值 使用国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
