检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性，如输入文件夹ID及设置路由。 图1 创建文件夹 单击“保存”，完成文件夹创建。 删除文件夹 删除文件夹前，请确保文件夹为空，删除文件夹中的页面，具体操作请参考删除页面。 参考登录AstroPro界面中操作，登录AstroPro界面。
单击“确定”，完成应用创建。 步骤二：新建文件夹 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性，如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”，完成文件夹创建。 步骤三：新建一个页面 单击“页面管理”的新增页面按钮。
本章节帮助您了解自定义模板结构及开发流程。 模板结构介绍 public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件，它包含assets和components两个子文件夹。 assets：作为存放项目特定资源的地方。 components：用来
选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成， 且以英文字母开头。 单击“选择模板”，在右侧展开面板中选择模板。
左侧插件栏 ：物料插件，提供设计所需组件，拖拽组件至画布中进行页面设计，具体操作请参考使用组件。 ：大纲树插件，可查看页面大纲树。 ：页面管理工具插件，可以新增文件夹，可以新增文件夹，以及对页面或者文件的增删改操作。 ：数据源管理插件，可用于来配合画布上的组件渲染，具体操作请参考使用数据源。
将一个Img组件拖拽至左侧容器内，在右侧属性设置面板选择“样式”，设置尺寸宽高为100%，在右侧属性设置面板选择“属性”，src设置为前提条件中获取的路径。 图5 设置图片样式 图6 图片设置路径 将一个Box组件拖拽至右侧容器内，在右侧属性设置面板选择“样式”，设置组件样式，例如，宽高为250px，250px。
bo的API前面不需要添加root bo的路径。 关闭API中根对象前缀为Astro Pro专业版/企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 查询参数阈值：设置查询参数阈值，值为“0”时不生效。当查询参数大于该阈值时，将多个查询参数转换为对象。 设置代码风格。 图2
请求方法：HTTP请求方法（也称为操作或动作），用于告诉服务您正在请求什么类型的操作。 get：请求服务器返回指定资源。 put：请求服务器更新指定资源。 post：请求服务器新增资源或执行特殊操作。 delete：请求服务器删除指定资源。 请求对象：单击“添加请求对象”，可添加请求对象，即API请求的输入参数。
如何创建自定义字段类型？ 前端应用开发 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计。 支持区域： 华北-北京四 如何创建前端应用？ 如何创建页面？ 如何使用组件设计页面？
devspore: auth: exclude-paths: GET:/test # 不需要认证的路径，多个规则用;分隔 auth-patterns: /v1/** # 需要认证的路径，多个规则用;分隔 in-header: true # token是否在header中，默认true
关闭API中根对象前缀：设置为“是”时，sharding bo的API前面不需要添加root bo的路径。 查询参数阈值：设置查询参数阈值，值为“0”时不生效。当查询参数大于该阈值时，将多个查询参数转换为对象。 设置代码风格。 图9 设置代码风格 配置文件格式：配置spring boot
目名称。 dubbo接口包路径：不填写，即为转换整个项目文件。填写相对于项目根目录的相对路径，则转换指定路径文件，如TestProject\src\main\java\com\huawei\dubbo\api，多个路径之间使用分号（;）分隔。 项目根路径下应有pom.xml文件，否则无法转换。
rces”路径下，查看在metadata.json文件，其中，generatorPolicy.enableRequestPlugin和generatorPolicy.enableResponsePlugin的属性值为true，表示已开启horizon功能。 图3 查看代码 父主题：
close(); }, 3000); } 单击“保存”，绑定事件完成。 查看预览效果 在顶部工具栏单击保存，保存页面配置。 在顶部工具栏单击预览，进入预览页面。 图2 预览页面 单击预览页面的按钮，查看效果。 图3 单击后效果 父主题： 使用工具类方法
选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 您可以选择全量或指定部分文件内容。 图1 选择生成文件 单击“确定”，代码将下载至本地路径。 父主题： 前端应用管理
查看服务依赖 使用说明 服务依赖创建后，只能查看不支持再次编辑。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务依赖”。 在项目下拉框中，选择服务所属的项目。 在依赖服务列表中，单击服务后的“查看”，即可查看服务间的依赖。
在变更记录模块中，单击服务名称后的“导出元数据”，可导出服务的元数据信息。元数据导出后，在创建服务时可直接导入使用。 在变更记录模块中，单击对应服务名称后的“查看”，可查看该服务的信息。查看服务信息后，可单击“重新生成”，生成该服务的代码。 父主题： 服务管理
查看大纲树 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开并查看页面大纲树。 图1 设置主页 父主题： 前端应用管理
单击预览按钮，进入物料包详情页面。 图1 查看物料包详情 查看物料包基础信息，包括物料包名称，物料包版本，描述，创建人，及导入时间。 图2 查看物料包基础信息 单击“版本列表”，查看版本信息，包括物料包名称，物料包版本号，变更时间。 图3 查看版本列表 单击“操作”列的“查看组件信息”，可查看物料包内组件信息。
'module'的方式导入。 入口路径 有些npm包的方法并不在默认导出中，如import { foo , bar } from "module-name/path/to/specific/un-exported/file"；则需要填写入口路径。 版本号 npm包的版本号，需要符
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
