检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理
在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”，单击“新建项目”。 设置项目的基本信息，单击“确定”。 图2 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义
> 项目”。 在项目列表中，单击新建项目中已创建项目后的“编辑”。 按需修改项目的基本信息，单击“确定”。 图1 修改项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息
删除项目 使用说明 删除项目前，请确保已删除项目中的服务组。如何删除服务组，请参见删除服务组。 单个删除项目 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”。 在项目列表中，单击待删除项目后的“删除”。
项目管理 新建项目 编辑项目 删除项目 父主题： 后端应用管理
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。 图1 创建应用 步骤一：新建一个应用 参考登录AstroPro界面中操作，登录AstroPro界面。
管理前端应用 创建前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”，单击“创建应用”。 输入应用名称及应用描述。 图1 创建应用 单击“确定”。 编辑前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。
在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”，单击“新建项目”。 首次进入项目时，请按照界面提示，开通工作空间。开通工作空间后，即可在该工作空间内创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。
前端开发视频指导 本视频通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。
可以对项目下的所有服务进行编辑。 开发者 可以查看项目下的所有资源。 可以重新编译有权限项目下的服务并下载代码。 前提条件 只有工作空间管理员或项目管理员，才能为其他用户添加项目级角色。不同的是具备工作空间管理员权限的用户，可以为用户添加工作空间下所有项目的权限。而项目管理员只能为用户添加其所在项目的角色权限。
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开并查看页面大纲树。 图1 设置主页 父主题： 前端应用管理
自定义组件开发指南 在这个快速发展的前端开发时代中，组件化是构建可维护和可扩展应用程序的关键。 本章节帮助您了解自定义模板结构及开发流程。 模板结构介绍 public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件，它包含assets和components两个子文件夹。
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
国际化资源管理 使用说明 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。
物料中心 自定义组件开发指南 上传自定义组件物料包 更新自定义组件物料包 查看自定义组件物料包 下载自定义组件物料包 父主题： 前端应用管理
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
配置变量 添加页面变量 添加全局变量 父主题： 前端应用管理
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
数据源管理 获取数据源远程字段 添加静态数据 使用数据源 父主题： 前端应用管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
