检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
从物料资产包中分别拖拽两Box组件至1容器内，并设置宽度为50%。 图4 页面规划 将一个Img组件拖拽至左侧容器内，在右侧属性设置面板选择“样式”，设置尺寸宽高为100%，在右侧属性设置面板选择“属性”，src设置为前提条件中获取的路径。 图5 设置图片样式 图6 图片设置路径 将一个Box组件拖拽
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包，选择合适的组件，拖拽到中间画布中。在画布选中组件，设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。
通用三方依赖库管理。 三个套餐功能存在差异，请参考表3选择适合您的套餐。 表3 套餐功能特性差异说明 模块 功能 基础版 专业版 企业版 全局功能 导入元数据 支持 支持 支持 架构模板 不支持 不支持 支持 业务对象模板 不支持 不支持 支持 参考架构 不支持 支持 支持 导入DDL
分库数量：设置分库的数量。参考架构选择“数据库分库+分布式缓存”时，需要设置。 分库字段：设置分库的字段名，可单击“添加字段”，按需进行添加。分库对象默认使用根对象主键分库，根对象默认使用自身主键分库。参考架构选择“数据库分库+分布式缓存”时，需要设置。 主键策略：设置主键的生成
否：无内置租户模型。 租户验证方式：设置租户ID资源获取方式。“多租模型”设置为“Tenant”时，才显示该配置。 Header：使用header头携带方式传入tenantId。 Token：使用token方式传入tenantId。 设置完成后，单击“下一步”，进入业务设计页面。
间。开通工作空间后，即可在该工作空间内创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义代码的版权信
props.firstName} ${this.props.lastName}` } sette：用于设置（写入）类的私有属性的值。Setter方法通常接受一个参数，该参数是要设置的新值，并且可能包括一些逻辑来验证或处理这个值，然后才将其赋给属性。 示例： function setter()
单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。 单击“获取远程字段”，设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”，请求成功后获取到接口
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 配置数据源类型（可选对象数组、树结构），数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”，完成数据源创建。
成前端应用设计。 支持区域： 华北-北京四 如何创建前端应用？ 如何创建页面？ 如何使用组件设计页面？ 如何设置组件样式？ 如何设置组件属性？ 如何设置条件渲染？ 如何设置循环渲染？ 如何绑定事件？ 如何开发自定义组件？
工作空间中新建项目。 图2 开通工作空间 单击“新建项目”，设置项目基本信息。 图3 新建所需的项目 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义代码的版权信息，请以“
创建一个空服务，并指定服务的版本。创建服务前，请确保已创建项目和服务组。 基本配置 设置服务框架、版本和单元化策略等信息，请根据实际业务直接在界面进行勾选。 框架配置 设置服务的架构、数据库、缓存和安全认证等信息，请根据实际业务直接在界面进行勾选。 生成策略 设置服务的API、代码风格、部署和性能测试等信息，请根据实际业务直接在界面进行勾选。
> 代码风格 > 工程目录”设置不同，生成的代码目录结构也会有所不同。 图2 设置代码工程目录结构 图3 单Module和base/service生成代码目录效果 业务设计：AstroPro提供的核心能力，是用户设计业务的基础。通过添加对象、设置对象属性和为对象建立对应的关系，
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开并查看页面大纲树。 图1 设置主页 父主题： 前端应用管理
了解代码结构 在AstroPro中编辑服务时，可在“生成策略 > 代码风格”中定义生成代码的工程目录结构，如图2、图3。 图2 设置代码工程目录结构 图3 工程目录不同类型设置效果 单Module、DDD：仅会生成“src”一个模块。 base/service：由base、service和c
ase/service”样式，关于“单Module”和“DDD”样式的代码目录结构说明，请参见服务开发框架详解。 图4 设置代码风格 图5 工程目录不同类型设置效果 父主题： 创建企业核心应用
il的聚合关系中，Order为首要方，OrderDetail为次要方，即订单存在时，订单详情才会存在。 图5 设置对象间关系 设置完成后，单击“下一步”，进行服务依赖设置。 父主题： 编辑服务
8、x-response-void 作用： 设置api接口返回值为void。 标签值类型： Boolean 使用位置： paths.path.operation.x-response-void（定义在指定api上时，只会将该api的返回值设置为void） 当设置此值为true时，默认接口返回值
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。 图1 创建数据源 单击“新增字段”，添加静态数据源。 图2 添加静态数据源
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
