检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加function工具类 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理
操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开数据源管理页面。 单击，展开设置数据源页面。 选择数据源类型（可选对象数组、树结构），并输入数据源名称。
在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“服务鉴权”为“自定义插件”。 图2 开启自定义鉴权 父主题： 自定义插件服务鉴权开发指南
成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。
在左侧导航栏中，选择“前端开发平台 > 模板管理”。 可查看已发布的页面模板信息，如模板名称，模板描述及模板预览图。 图1 查看已发布模板 单个删除页面模板 模板删除后不可恢复，请谨慎操作。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 >
下： 图1 架构图 Entry类插件采用的是责任链模式（chain of resposibility），所有的插件按照被注册的顺序依次调用，其中有一个插件抛出异常则整个请求返回失败。 Exit类插件采用的是观察者模式（Observer），所有的插件作为观察者注册，DevSpore
配置变量 添加页面变量 添加全局变量 父主题： 前端应用管理
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
ref：接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性。 更多参数说明详情请参考vuejs。 父主题： 前端应用管理
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题： 前端应用管理
物料中心 自定义组件开发指南 上传自定义组件物料包 更新自定义组件物料包 查看自定义组件物料包 下载自定义组件物料包 父主题： 前端应用管理
的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，例如拖拽一个“段落”组件。 添加变量，例如loop.i
绑定事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。
数据源管理 获取数据源远程字段 添加静态数据 使用数据源 父主题： 前端应用管理
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题： 配置样式设置
字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，分别输入希望展示的文字。 添加变量，例如state.i
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 选择已设计完成的页面，单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。
实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在样式面板中设置组件样式。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
