检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“页面状态”，单击“添加变量”。
在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。 单击“获取远程字段”，设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”，请求成功后获取到接口字段信息，保存后即可生成数据源字段信息。 单击“保存”，完成数据源创建。
输入应用名称及应用描述。 图2 创建应用 单击“确定”，完成应用创建。 步骤二：新建一个页面 单击“开发应用”，进入前端设计器。 在左侧插件栏，单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：选择“静态页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，例如LoginPage。
在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上，将显示设置按钮。 单击，进入页面设置页面。 单击。 图8 删除页面 在弹框中，单击“确定”，完成页面删除。 设置主页 主页就是整个应用的home页面，您可以在页面管理中配置主页（即path为 “/” 时渲染的页面）。 参考
无法获取本地线程变量 问题描述 ClientControl的超时功能是搭配线程池使用的，所以当使用本地线程变量的时候会导致无法获取线程变量的问题。 解决方案 这种情况一般推荐使用远程调用自带的超时控制，将ClientControl的超时功能关闭。 提前获取需要的信息，传入加了@ClientControl注解的方法中。
页面模板管理 集中管理页面模板，支持查看和删除操作，保持模板库的整洁与有序。 约束与限制 模板管理为Astro Pro专业版及企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 查看页面模板 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：可选“静态页面”或“公共页面”。 页面名称：只允许包含英文字母，且以大写开头驼峰格式，如DemoPage。 选择文件夹：下拉框中选择文件夹名称。 路由：输入路由信息，只允许包含英文字母、数字、下划线、中划线和正斜杠组成，
单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开JS页面。 在JS页面中添加getA方法。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮到当前页面名称上，将显示操作按钮，单击，进入页面设置页面。 单击“添加页面生命周期”，选择setup。 在setup函数使用getA()，单击“保存”。
在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择组件，并拖拽至中心画布中。 图1 添加组件 图2 添加组件 从画布中直接添加组件 对于复杂的页面，嵌套层级可能很深，直接拖拽并不能很好的拖入到指定的层级中，所以，设计器提供在画布中右键精准添加组件的能力。 参考登录AstroPro界面中操作，登录AstroPro界面。
roPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 单击“导入物料包”，进入物料包配置页面。 可单击“下载自定义组件开发模板”，获取模板，并完成自定义组件开发，具体操作可参考自定义组件开发指南。 单击“点击上传”，上传本地已打包好的物料包。 注意：上传的物料包名称不能与已有的物料包名称重复。
在左侧插件栏中，单击，进入“页面管理”页面。 单击“页面管理”的新增文件夹按钮。 设置基本属性，如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”，完成文件夹创建。 步骤三：新建一个页面 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型：可选“静态页面”或“公共页面”。 页
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性。 更多参数说明详情请参考vuejs。 父主题： 前端应用管理
在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择对应服务，单击“操作”列“编辑”，进入服务编辑页面。 在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“服务鉴权”为“自定义插件”。 图2 开启自定义鉴权 父主题： 自定义插件服务鉴权开发指南
恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。 ：刷新当前页面数据，如果页面未保存，页面配置将恢复到上一次保存的状态。 ：单击后可展开左侧插件栏的设置插件，设置当前页面属性。 ：单击可进行画布中英文切换。 ：多终端工具切换，可切换画布宽度。 ：页面预览，打开新Tab预览当前页面。
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。
才能继续往下操作。 图1 聚合和一对多的差异 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Bo1、Bo2）单击“relations”中的“聚合”，为对象建立聚合关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 聚合 关系名称：设置聚合关系的名称。
com/api/v1/oauth2 #签发机构 arvymzmajv.huaweicloudoneaccess.com为本文示例中使用的域名，实际应用中请换成自己对应的域名。 添加完后启动项目即可开启对token的认证。 父主题： devspore-auth-oneaccess使用指南
id，从而构建一个一对多的关系。 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Primary、Secondary），单击“relations”中的“一对多”，为对象建立一对多关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 一对多关系 关系名称：设置一对多关系的名称。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
