检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state，全局的stores，
务的基础。通过添加对象、设置对象属性和为对象建立对应的关系，来实现某些特定的功能。业务设计过程中，使用到的对象及对象间关系介绍，请参见对象详解。 例如，某个订单系统中包括用户（User）、订单（Order）和订单详情（OrderDetail）三个业务对象，且三个对象之间存在聚合关
创建业务对象模板 使用说明 创建业务对象模板时，定义了业务流程、数据模型和用户界面的基本结构。您可以使用业务模板创建应用，确保其业务架构与战略目标保持一致，并能够灵活应对变化。 本章节以一个简单的继承组件为例，为您介绍创建业务对象模板的流程。 业务对象模板为Astro Pro企业
护航。更多关于APM的介绍，请参见应用性能管理APM。 服务监控 不启用：不对接服务监控组件。 华为云AOM：使用应用运维管理服务AOM作为服务监控组件。应用运维管理AOM是云上应用的一站式立体化运维管理平台，实时监控您的应用及相关云资源，分析应用健康状态，提供灵活丰富的数据可视
护航。更多关于APM的介绍，请参见应用性能管理APM。 服务监控 不启用：不对接服务监控组件。 华为云AOM：使用应用运维管理服务AOM作为服务监控组件。应用运维管理AOM是云上应用的一站式立体化运维管理平台，实时监控您的应用及相关云资源，分析应用健康状态，提供灵活丰富的数据可视
生成策略 业务设计。 业务设计是AstroPro提供的核心能力，是用户设计业务的基础。业务设计过程中，使用到的对象及对象间关系介绍，请参见对象详解。 本示例中，订单系统中包括用户（User）、订单（Order）和订单详情（OrderDetail）三个业务对象，且三个对象之间存在聚合关
登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用，并获取存储路径。上传图片，请参考上传对象。
单击“保存”，绑定事件完成。 查看预览效果 在顶部工具栏单击保存，保存页面配置。 在顶部工具栏单击预览，进入预览页面。 图2 预览页面 单击预览页面的按钮，查看效果。 图3 单击后效果 父主题： 使用工具类方法
在AstroPro中，快速添加一个服务，新增服务中的配置均采用默认配置。此处新建服务的操作，相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组，单击“新建服务”。 图1 新建服务 设置服务的基本信息，单击“确定”。
通过导入swagger文件实现业务设计 Swagger文件是一个用于描述RESTful API的规范，它可以用来导入设计业务，确保 API 的设计符合业务需求。 前提条件 根据业务模型，完成swagger文件设计，swagger标签使用可参考swagger标签使用指南 导入swagger文件
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区、右侧属性设置面板几个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括： ：撤销上一步的操作。 ：恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。
步骤1：创建项目 项目是一个功能相对完备的业务系统，通常情况下由一个或多个服务组组成。项目是使用AstroPro核心业务的入口。在AstroPro中会为每个租户提供一个工作空间，您可以在工作空间中新建项目。项目创建后，您可以为其他用户添加项目的访问权限，详情请参见角色管理。 参考
步骤4：业务设计 步骤1：基本配置、步骤2：框架配置和步骤3：生成策略中参数，只需要用户根据自身业务直接在界面进行勾选配置。而业务设计需要用户根据实际的需求，进行业务模型的设计和配置。 例如，创建一个简单的订单系统，订单系统中包括用户（User）、订单（Order）和订单详情（O
install”安装依赖。 构建完成后将在本地生成压缩包，即开发完成的组件物料包。 图7 执行构建 打包的物料包会取根目录package.json里面的name和version进行命名压缩包名字，格式为“name+version”。例如，name为“imgbutton-package”，version为“0
页面模板管理 集中管理页面模板，支持查看和删除操作，保持模板库的整洁与有序。 查看页面模板 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 模板管理”。 可查看已发布的页面模板信息，如模板名称，模板描述及模板预览图。 图1 查看已发布模板
国际化资源管理 使用说明 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。
应用管理 创建应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”，单击“创建应用”。 输入应用名称及应用描述。 图1 创建应用 单击“确定”。 删除应用 参考登录AstroPro界面中操作，登录AstroPro界面。
页面管理 页面管理插件可以管理该应用下的全部页面，可以新增页面，可以新增文件夹，以及对页面或者文件的增删改操作。 假如有一个前端工程： - project - views |_ Index.vue - Page2.vue
删除项目 使用说明 删除项目前，请确保已删除项目中的服务组。如何删除服务组，请参见删除服务组。 单个删除项目 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击待删除项目后的“删除”。
删除服务依赖 使用说明 需要解除服务之间的依赖时，可以通过删除服务依赖来实现。 单个删除服务依赖 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务依赖”。 选择服务依赖所属的项目，在服务依赖列表中单击操作列的“删除”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
