检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称
供后续调用，具体操作请参考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态管理插件，可添加页面变量和添加全局变量，供页面及应用使用。 单击插件按钮后会向右展开对应插件设置面板。例如，单击，将展开物料资产包。
5、x-class-annotations 作用： 添加指定的注解。 该标签用于在api接口或者dto类上添加指定的注解。 标签值类型： List 使用位置： x-class-annotations（定义在swagger的最外层时，会在所有的api接口上都添加指定的注解） components.schemas
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
创建企业核心应用 了解构建流程 步骤1：创建项目 （可选）步骤2：创建服务组 步骤3：添加服务 步骤4：编辑服务 步骤5：生成服务代码 父主题： 后端应用管理
新和删除。 图2 模板更新删除 （可选）页面生命周期配置。 单击“添加页面生命周期”。 选择生命周期函数，例如onMounted、setUp、onUpdated等。 周期函数详细说明可参考生命周期选项。 图3 添加页面生命周期 编写生命周期函数，单击“确定”。 图4 编写生命周期函数
编辑字段：编辑对象的字段。单击“编辑字段”，进入编辑对象字段页面，可为对象添加字段和索引。其中，“NORMAL”为一般类型索引，使用B+树类型存储；“UNIQUE”为唯一索引。 图2 新增字段 图3 添加索引 自定义API：当系统预置的增删改查操作不能满足需求时，您可以通过自定义
对象名称：设置对象的名称，必须使用大驼峰格式，不允许存在连续的大写字母。 中文名：设置对象的中文名称。 BO属性操作：单击“编辑字段”，可以为对象添加所需的字段。 软删除策略：开启软删除策略后，数据删除时执行逻辑删除，数据仍然保留在数据库中。关闭软删除策略后，数据删除为物理删除，即直接从数据库中删除，不可恢复。
对象名称：设置对象的名称，必须使用大驼峰格式，不允许存在连续的大写字母。 中文名：设置对象的中文名称。 BO属性操作：单击“编辑字段”，可以为对象添加所需的字段。 软删除策略：开启软删除策略后，数据删除时执行逻辑删除，数据仍然保留在数据库中。关闭软删除策略后，数据删除为物理删除，即直接从数据库中删除，不可恢复。
e两个模块。 DDD：和单Module一样，工程目录结构只有一个模块。 图3 工程目录不同类型设置效果 module添加服务名前缀：配置为“是”时，模块名称前会添加服务名前缀。 图4 开启前后效果 设置部署信息。 图5 设置部署信息 服务部署脚本 配置服务部署脚本为Astro P
horizon插件，并在所有service实现类的方法上添加“@Extension”注解。同时在plugin目录下，生成“DefaultRequestPlugin.java”示例文件。 使用插件时，用户需要在配置文件中添加devspore.horizon.processors，即
关系表标识：含有"_rel_"的表名，大小写不敏感。例如：t_rel_workspace4_workspace5。 关系标签 一对多关系 在MANY一方的关系字段上添加标注：COMMENT 'relation("关联表名","关联表字段","ONE2MANY")'。 DDL示例： CREATE TABLE
通常情况下，一个应用不是一个单独的服务，可能由多个服务共同组成。这些服务之间可能存在一些跨服务的调用，此时就需要通过添加依赖服务，把这些服务的客户端集成过来。 支持区域： 华北-北京四 如何添加服务依赖？ 应用管理 应用管理主要关注软件应用程序的生命周期，包括开发、部署、维护和优化。 应用是项目
base/service：由base、service和client（如servicedemo-client）三个模块组成。其中，client为客户端模块，在AstroPro中添加服务时，开启“是否生成客户端”配置后（如图4），才会生成该模块。 图4 开启“是否生成客户端” 父主题： 服务开发框架详解
Text组件：在右侧属性设置面板选择“样式”，字体大小调整至22px，字重700；在右侧属性设置面板选择“属性”，文本输入“企业用户登录”。 图8 添加登录标题 再依次将两个Text、两个输入框、一个按钮组件分别拖拽至6的容器内，外间距上下分别设置为10px，调整整体页面布局。整体效果如图9所示。
且以英文字母开头。 图3 创建页面 （可选）页面生命周期配置。 单击“添加页面生命周期”。 选择生命周期函数，例如onMounted、setUp、onUpdated等。 周期函数详细说明可参考生命周期选项。 图4 添加页面生命周期 编写生命周期函数，单击“确定”。 图5 编写生命周期函数
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包，选择合适的组件，拖拽到中间画布中。在画布选中组件，设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。
切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。
ole和Abstract。 图2 拖拽对象到设计区 设置对象属性。 本示例中，“Role”继承“Abstract”，为“Abstract”添加“name”和“value”两个字段。 建立对象之间的关系。 AstroPro提供了一对多、多对多、聚合、树递归和继承五大关系，请根据自身
所有的自定义组件都在src/components文件夹里面内开发，模板内提供了两个预置模板componentA和componentB，可直接在模板基础上进行开发，如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
