检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开JS页面。 在JS页面中添加getA方法。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮到当前页面名称上，将显示操作按钮，单击，进入页面设置页面。 单击“添加页面生命周期”，选择setup。 在setup函数使用getA()，单击“保存”。
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“页面状态”，单击“添加变量”。
== null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function xxxHandler(value)
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文
恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。 ：刷新当前页面数据，如果页面未保存，页面配置将恢复到上一次保存的状态。 ：单击后可展开左侧插件栏的设置插件，设置当前页面属性。 ：单击可进行画布中英文切换。 ：多终端工具切换，可切换画布宽度。 ：页面预览，打开新Tab预览当前页面。
页面模板管理 集中管理页面模板，支持查看和删除操作，保持模板库的整洁与有序。 约束与限制 模板管理为Astro Pro专业版及企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 查看页面模板 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成，
输入应用名称及应用描述。 图2 创建应用 单击“确定”，完成应用创建。 步骤二：新建一个页面 单击“开发应用”，进入前端设计器。 在左侧插件栏，单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：选择“静态页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，例如LoginPage。
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 方法名称：输入方法名称，名称可以由字母、数字、下划线、$ 符号组成，不能以数字开头。 扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后如: onClickNew(eventArgs
在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。 单击“获取远程字段”，设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”，请求成功后获取到接口字段信息，保存后即可生成数据源字段信息。 单击“保存”，完成数据源创建。
ro后端开发。 添加一个项目 新建一个服务 编辑服务 生成服务代码 前端快速入门 通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 创建应用 创建页面 页面设计 生成代码 04 使用 如何构建企业应用 了解构建流程 创建项目 创建服务组 创建服务 编辑服务（业务建模）
close(); }, 3000); } 单击“保存”，绑定事件完成。 查看预览效果 在顶部工具栏单击保存，保存页面配置。 在顶部工具栏单击预览，进入预览页面。 图2 预览页面 单击预览页面的按钮，查看效果。 图3 单击后效果 父主题： 使用工具类方法
设计前端应用流程 前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
配置、依赖关系、版本信息等。 index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（CSS）。 组件协议结构规范 组件协议结构规范用于描述组件的关键信息和配置项，对应组件的components字段。
单击“导入物料包”，进入物料包配置页面。 可单击“下载自定义组件开发模板”，获取模板，并完成自定义组件开发，具体操作可参考自定义组件开发指南。 单击“点击上传”，上传本地已打包好的物料包。 注意：上传的物料包名称不能与已有的物料包名称重复。 配置物料包基本信息。 表1 基本信息参数说明 参数 说明
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性，如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”，完成文件夹创建。 步骤三：新建一个页面 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：可选“静态页面”或“公共页面”。 页
删除类名 使用说明 当类名不再使用，可进行删除操作。 删除类名后，全局样式面板仍保留该类名及样式，其他组件仍可使用该类名。如需删除CSS中的该样式信息，可通过单击全局样式的，进入CSS面板进行删除。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
直接单击选中组件 在左侧大纲树插件中，以树的形式展示了当前页面中所有的组件，单击树节点选中画布中的组件。 图7 单击树节点选中组件 底部节点树展示了从根节点到当前选中组件的层级节点，单击底部的节点树的某一个节点，选中父组件。 图8 展示当前选中组件的层级节点 图9 单击节点树的父点，选中父组件
Object中的主键和BO中的主键，共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明 在业务设计页面，从“business”中，拖拽“Value Object”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图4所示。 图4 Value Object 对象名称：设置对象的名称，必
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
