检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择组件，并拖拽至中心画布中。 图1 添加组件 图2 添加组件 从画布中直接添加组件 对于复杂的页面，嵌套层级可能很深，直接拖拽并不能很好的拖入到指定的层级中，所以，设计器提供在画布中右键精准添加组件的能力。 参考登录AstroPro界面中操作，登录AstroPro界面。
# 应用名称，使监控指标带上应用标签 api-description-tags: false #是否开启http_server_request指标添加description标签功能 aom:
发。 创建应用 创建页面 页面设计 生成代码 04 使用 如何构建企业应用 了解构建流程 创建项目 创建服务组 创建服务 编辑服务（业务建模） 生成服务代码 项目管理 编辑项目 项目角色管理 删除项目 服务管理 如何添加一个服务 查看服务详情 升级API版本 导出元数据 业务建模
所有的自定义组件都在src/components文件夹里面内开发，模板内提供了两个预置模板componentA和componentB，可直接在模板基础上进行开发，如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index
新增一个服务 使用说明 创建服务前，请确保已创建项目和服务组。如果待添加的服务有依赖其他服务，请先添加依赖的服务。添加被依赖服务时，必须开启“是否生成客户端”。 图1 开启“是否生成客户端” 前提条件 参考新建项目中操作，完成项目的创建。 参考新建服务组中操作，完成服务组的创建。
页面JS中可以通过this访问当前页面的state，全局的stores， 以及t函数（获取国际化词条）。 下面将通过两个示例分别展示如何使用JS面板。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
选择依赖服务的版本号。 在依赖强弱中，选择strong（强）或weak（弱），单击“添加”，完成依赖服务的添加。 图3 完成依赖服务的添加 选择客户端的依赖类型，支持“SDK”和“METHOD”两种类型，可按需选择。 （可选）添加客户端流控策略。 选择SDK类型时，无须配置流控策略。 选择“MET
导入swagger swagger标签使用指南 通过导入swagger文件实现业务设计 父主题： 服务管理
使用指南 添加依赖 代码中添加spring-boot-starter-huawei-devspore-auth-oneaccess依赖。 <dependency> <groupId>com.huaweicloud.devspore</groupId> <artifactId>
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板，直接对当前选中组件进行样式设置，实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
导入DDL DDL标签使用指南 通过导入DDL文件实现业务设计 父主题： 服务管理
可为对象添加字段和索引。其中，“NORMAL”为一般类型索引，使用B+树类型存储；“UNIQUE”为唯一索引。 图2 新增字段 图3 添加索引 自定义API：当系统预置的增删改查操作不能满足需求时，您可以通过自定义API来实现某个操作。如何为对象自定义API，请参见如何为对象自定义API。
AstroPro学堂 如何自定义DTO 如何定义脱敏规则 如何为对象自定义API 如何为对象添加固定字段 如何为对象添加枚举字段 服务开发框架详解
鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 方法名称：输入方法名称，名称可以由字母、数字、下划线、$ 符号组成，不能以数字开头。
接入指南 pom文件添加依赖。 <dependency> <groupId>com.huaweicloud.devspore</groupId> <artifactId>devspore-clientcontrol</artifactId> <versio
设计完成后，单击“下一步”。 （可选）为服务添加依赖，本示例不涉及，恭喜您已完成服务业务模型的配置。 通常情况下，一个应用不是一个单独的服务，可能由多个服务共同组成。这些服务之间可能存在一些跨服务的调用，此时就需要通过添加依赖服务，把这些服务的客户端集成过来。如何添加服务依赖，请参见添加依赖服务。 步骤四：生成服务代码
是否启用扩展拦截：通过引入devspore-horizon插件，用户自定义继承抽象类Approve和添加配置，在请求进入和返回时增强处理。 设置为“是”时，自动在pom文件中引入devspore-horizon插件，并在所有service实现类的方法上添加“@Extension”注解。同时在plugin目录下，生成“
basePath: ${log.path} # 删除基本路径 maxDepth: 2 # 目录检索深度,当前${log.path}指定的目录深度为0 IfFileName: # 匹配文件名称删除 glob: "*${microservice}-*zip"
五步，即可快速完成前端应用设计。 支持区域： 华北-北京四 如何创建前端应用？ 如何创建页面？ 如何使用组件设计页面？ 如何设置组件样式？ 如何设置组件属性？ 如何设置条件渲染？ 如何设置循环渲染？ 如何绑定事件？ 如何开发自定义组件？
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
