如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理
间。开通工作空间后，即可在该工作空间内创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义代码的版权信
码质量。 内置云服务对接能力，快速对接多种云服务。 存量服务云原生改造 应用场景 存量服务架构归一 存量业务系统中代码三方依赖管理多，希望可以统一管理，降低升级维护成本。 安全漏洞整改耗时周期长，解决安全漏洞无法统一管理、升级等问题。 存量服务切换技术栈 存量服务切换技术语言框架，技术栈归一到Java微服务架构。
本章节以应用于表格组件的表格列为例，为您介绍如何使用数据源。 创建数据源 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。
为首要方，Order为次要方，即用户存在时，订单才会存在。在Order和OrderDetail的聚合关系中，Order为首要方，OrderDetail为次要方，即订单存在时，订单详情才会存在。 图5 设置对象间关系 设置完成后，单击“下一步”，进行服务依赖设置。 父主题： 编辑服务
图4 选择扩容 在购买扩容包页面，设置购买数量，单击“立即购买”。 一个资源扩容包，包含用户数50个、应用数20个、实体个数200个，请按需设置购买数量。 图5 购买扩容包 选择支付方式，单击“确认付款”，完成订单支付。 返回AstroPro服务控制台，在已购买的实例中，单击“进入首页”，查看扩容后的资源规格。
下面将通过两个示例分别展示如何使用JS面板。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。
dependencies的依赖管理，故受该依赖管理的包版本也受spring-boot-huawei-dependencies管理。若服务为已有服务，已经声明了spring-boot-dependencies的依赖，则spring-boot-starter-huawei中使用的依赖
Astro企业应用 Astro企业应用（Astro Pro，简称AstroPro）是Astro面向企业数字化转型提供的元数据驱动的企业应用一站式构建平台。为企业SaaS应用提供端到端开发管理平台，沉淀通用能力，加快应用构建，差异场景灵活扩展，助力业务创新。 产品介绍 立即使用 成长地图 由浅入深，带您玩转AstroPro
代码风格 > 工程目录”设置不同，生成的代码目录结构也会有所不同。 图2 设置代码工程目录结构 图3 单Module和base/service生成代码目录效果 业务设计：AstroPro提供的核心能力，是用户设计业务的基础。通过添加对象、设置对象属性和为对象建立对应的关系，来实现
在左侧导航栏中，选择“后端开发平台 > 资产库 > 业务对象模板”。 在顶部项目下拉框中选择对应项目或工作空间，即可设置模板的范围。 全局模板为系统预置模板，不可编辑。 选择对应项目，则模板范围为指定项目，选择工作空间，则模板范围为工作空间内所有项目。 非工作空间管理员仅可创建对应项目模板，具体权限约束可参考了解AstroPro中角色。
devspore-horizon架构图如下： 图1 架构图 Entry类插件采用的是责任链模式（chain of resposibility），所有的插件按照被注册的顺序依次调用，其中有一个插件抛出异常则整个请求返回失败。 Exit类插件采用的是观察者模式（Observer），所有的插件作为观察者注册，DevSp
ase/service”样式，关于“单Module”和“DDD”样式的代码目录结构说明，请参见服务开发框架详解。 图4 设置代码风格 图5 工程目录不同类型设置效果 父主题： 创建企业核心应用
成前端应用设计。 支持区域： 华北-北京四 如何创建前端应用？ 如何创建页面？ 如何使用组件设计页面？ 如何设置组件样式？ 如何设置组件属性？ 如何设置条件渲染？ 如何设置循环渲染？ 如何绑定事件？ 如何开发自定义组件？
npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包，选择合适的组件，拖拽到中间画布中。在画布选中组件，设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
“不限次数”：每次套餐包到期前自动续费。 “自定义次数”：在您设置的续费周期后，结束自动续费。例如设置为2，则在2个续费周期后会结束自动续费。 不勾选“预设自动续费次数”，每次套餐包到期前自动续费。 图5 设置自动续费 单击“开通”。 在续费管理页面修改自动续费 进入“费用中心
当勾选了“恢复软删除”后，生成的代码会有如下变化： 额外生成两个API，一个是单条数据的恢复软删除（将被删除的数据的soft_delete_flag重新设置为0），一个是批量数据的恢复软删除。 父主题： 软删除开发指南
的关系。 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Primary、Secondary），单击“relations”中的“一对多”，为对象建立一对多关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 一对多关系 关系名称：设置一对多关系的名称。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
您即将访问非华为云网站，请注意账号财产安全
