检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
vue 设计器的页面概念就相当于上述工程中的一个页面或者文件夹，每个页面有对应的路由，您可以根据路由访问对应的页面。 新增文件夹 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。
击树节点选中画布中的组件。 图7 单击树节点选中组件 底部节点树展示了从根节点到当前选中组件的层级节点，单击底部的节点树的某一个节点，选中父组件。 图8 展示当前选中组件的层级节点 图9 单击节点树的父点，选中父组件 编辑组件 选中了组件之后，您还可以设置组件的属性、样式和绑定事
页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。
例如，将移动电话的第2位到第5位数字进行脱敏处理。 图2 自定义脱敏规则 在对象的字段中，使用脱敏规则。 从“business”中，拖拽“BO”对象至画布空白区域。 选中BO对象，在对象属性中，单击“字段”。 单击“新增”，添加一个phone字段，并将脱敏规则设置为2中定义的内容。 设
单击应用模块内的“开发应用”，进入设计器。 在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。 删除前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性。
会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state，全局的stores， 以及t函数（获取国际化词条）。
编写生命周期函数 单击“保存”。 在弹框中输入历史备份信息，单击“确定”，完成页面创建。 创建完成后，可在模板的基础上继续设计改造页面。 注意：页面创建成功后，不能进行模板的更新和删除，只能预览调用的模板。 父主题： 前端应用管理
页面模板管理 集中管理页面模板，支持查看和删除操作，保持模板库的整洁与有序。 约束与限制 模板管理为Astro Pro专业版及企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 查看页面模板 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
在顶部下拉框中，选择子域所属的项目和应用。 选择待操作的应用服务，单击“操作”列的“编辑”。 配置服务SLA。 服务调用时延：指从客户端发起服务请求到接收到服务响应所经历的时间。设置合理的超时时间，避免因服务响应慢导致业务线程被阻塞。 读取数据不一致最大容忍时间：指系统能够接受的最大数据同步延
本视频通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。 本入门为创建一个简单的订单系统
后端开发视频指导 本视频通过创建一个简单的订单系统，帮助您快速上手AstroPro后端开发。 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包，选择合适的组件，拖拽到中间画布中。在画布选中组件，设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。
执行框架转换 应用场景 针对企业中使用Dubbo等其他API框架的存量服务，AstroPro支持将代码统一转换为Spring MVC + OpenAPI的主流框架。转换后的框架将统一化，这有助于简化技术栈，降低技术多样性带来的复杂性，同时提高开发和运维团队的效率。 约束与限制 框架转换为Astro
> 服务管理 > 服务”。 选择服务所属的项目。 在服务列表中，单击已创建服务后的“更多 > 删除”。 在弹出的确认框中，单击“确认”，即可删除服务。 当服务有多个版本时，仅会删除对应版本的服务，其他版本的服务不会删除。 图1 删除v2版本的服务 批量删除服务 参考登录AstroP
注意：使用JS表达式定义state变量的时候无法调用state其他变量定义，另由于JS函数定义在变量之后，也无法调用JS面板定义的函数。 图1 添加变量 （可选）设置变量高级配置。 getter：用于获取（读取）类的私有属性的值。Getter方法通常没有参数，并且返回属性的值。 示例： function
在项目下拉框中，选择应用所属的项目。 在应用列表中选择待操作的应用，单击“操作”列的“编辑”。 重新配置应用的基本信息。 表1 应用基本参数说明 参数 说明 应用名称 输入应用名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置应用的描述信息，只
新建项目 使用说明 项目是一个功能相对完备的业务系统，通常情况下由一个或多个服务组组成。项目是使用AstroPro核心业务的入口。在AstroPro中会为每个租户提供一个工作空间，您可以在工作空间中新建项目。首次进入项目时，请先开通工作空间。 图1 开通工作空间 操作步骤 参考登
动创建一个和项目同名的服务组，修改项目名称时，已创建的服务组名称不会随之改动。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击新建项目中已创建项目后的“编辑”。 按需修改项目的基本信息，单击“确定”。
在自定义API的参数或返回体中，使用自定义DTO。 从“business”中，拖拽“BO”对象至画布空白区域。 选中BO对象，在对象属性中，单击“自定义API”。 图3 自定义API 单击“新增”，添加一个自定义API。 图4 自定义一个API 在请求对象或返回对象的参数中，使用自定义DTO。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
