检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应用服务是DDD架构中的一个重要组成部分，它们帮助您将业务逻辑与技术实现分离，提高了软件的可维护性和可扩展性。通过使用应用服务，可以更清晰地定义业务操作，并确保它们与领域模型的一致性。 约束与限制 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 创建应用服务
工程目录”设置不同，生成的代码目录结构也会有所不同。 图2 设置代码工程目录结构 图3 单Module和base/service生成代码目录效果 业务设计：AstroPro提供的核心能力，是用户设计业务的基础。通过添加对象、设置对象属性和为对象建立对应的关系，来实现某些特定的功能。业务设计
单击应用模块内的“开发应用”，进入设计器。 在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。 删除前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
mapper层继承接口代码。用户可在此类中覆写基本接口中的方法或者增加自定义的方法 |-- integration # 防腐层，集成第三方服务（跨进程的外部服务），隔离外部系统的影响（可选项）
应用场景 针对企业中使用Dubbo等其他API框架的存量服务，AstroPro支持将代码统一转换为Spring MVC + OpenAPI的主流框架。转换后的框架将统一化，这有助于简化技术栈，降低技术多样性带来的复杂性，同时提高开发和运维团队的效率。 约束与限制 框架转换为Astro P
查看大纲树 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开并查看页面大纲树。 图1 设置主页 父主题： 前端应用管理
页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。
样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录AstroPro界面中操作，登录AstroPro界面。
使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
绑定事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
cdn链接，否则可能会造成页面预览失败。 图2 添加function工具类 单击“保存”，完成function工具类添加。 cdn链接相关说明 cdn链接就是npm包在浏览器直接可用的链接，如：https://unpkg.inhuawei.com/，提供了大部分的cdn链接，可以从上面获取。
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包，选择合适的组件，拖拽到中间画布中。在画布选中组件，设置组件的属性、样式、以及绑定事件等。 图5 添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。
添加静态数据 使用说明 您可以直接通过手动创建的方式添加数据源的字段。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。
注意：使用JS表达式定义state变量的时候无法调用state其他变量定义，另由于JS函数定义在变量之后，也无法调用JS面板定义的函数。 图1 添加变量 （可选）设置变量高级配置。 getter：用于获取（读取）类的私有属性的值。Getter方法通常没有参数，并且返回属性的值。 示例： function
修改类名 使用说明 已创建的类名支持修改。 类名修改，需注意以下事项： 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
除了自动生成和手动新增类名之外，您也可以通过输入框的下拉框来选择已有的类名。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。
件仍可使用该类名。如需删除CSS中的该样式信息，可通过单击全局样式的，进入CSS面板进行删除。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”，进入设计器。 画布中
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
