检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个
创建企业核心应用 了解构建流程 步骤1：创建项目 （可选）步骤2：创建服务组 步骤3：添加服务 步骤4：编辑服务 步骤5：生成服务代码 父主题： 后端应用管理
什么是Astro企业应用 Astro企业应用（Astro Pro，简称AstroPro）是Astro面向企业数字化转型提供的元数据驱动的企业应用一站式构建平台。为企业SaaS应用提供端到端开发管理平台，沉淀通用能力，加快应用构建，差异场景灵活扩展，助力业务创新。AstroPro通
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
购买企业版实例 使用说明 在使用AstroPro前，您需要购买一个AstroPro实例。AstroPro实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 相对于基础版/专业版实例，企业版实例提供了更多的应用及实体功能，可满足中大型企业的复杂管理需求
可在该工作空间内创建项目。 设置项目的基本信息，单击“确定”。 图1 设置项目的基本信息 项目名称：新增项目的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：设置项目的描述信息，通常设置为项目的用途或者功能。 版权信息：自定义代码的版权信息，请以“//”开头或者以“/*”开头并以“*/”结尾。
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮，重新输入类名，例如.test123。 单击回车键，类名修改完成。 父主题： 类名管理
选择。 图1 设置布局 间距：默认间距为0，可单击待设置的间距数值进行自定义修改。 图2 设置间距 尺寸：设置组件的宽高，溢出处理策略及适应方式。 图3 设置尺寸 定位：设置组件位置和大小如何计算方式。 默认定位：没有特别的定位，组件的位置会按照正常的文档流进行布局。 相对定位：
续编辑样式面板的样式。 此时，组件会自动绑定您输入的类名，然后将在样式面板编辑的样式生成代码，写入到全局样式中。 新增类名 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”，完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
选，不同的配置会呈现不同的效果。例如，“生成策略 > 代码风格 > 工程目录”设置不同，生成的代码目录结构也会有所不同。 图2 设置代码工程目录结构 图3 单Module和base/service生成代码目录效果 业务设计：AstroPro提供的核心能力，是用户设计业务的基础。通
服务中的配置均采用默认配置。此处新建服务的操作，相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组，单击“新建服务”。 图1 新建服务 设置服务的基本信息，单击“确定”。 图2 设置服务基本信息
单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。 从全局
服务组”。 在项目后的下拉框中，选择1中创建的项目，单击“新建服务组”。 设置服务组的基本信息，单击“确定”。 图1 设置服务组基本信息 服务组名称：设置新建服务组的名称，只能包含大小写字母、数字、连字符（-）和下划线（_）。 描述：输入服务组的描述信息，通常设置为服务组的用途或者功能。
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法，如果选项添加新
、高可靠、以及安全稳定的企业级IT应用框架。业务建模是指通过业务设计，将实际业务涉及的对象和行为转换为元数据中的对象、对象关系、服务依赖等构成的模型，通过模型生成服务，实现业务需求。 使用AstroPro创建企业核心应用的流程，如图1所示。 图1 创建企业核心应用流程图 创建项目
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
