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