检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
Object> 缓存上下文对象，由请求插件设置，并由响应插件读取，通常key是插件名称。 内置插件 开启horizon后，会自动生成两个内置插件，用户在插件中实现统一的操作前认证、鉴权，操作后消息发送、缓存更新、审计等逻辑即可： Entry插件 /** * default request
自定义插件服务鉴权开发指南 开启自定义鉴权功能 用户自定义鉴权使用 父主题： 应用开发指南
} } 配置文件中多个插件以","分隔，多个插件按配置顺序执行。 evspore: horizon: processors: customRequestPlugin Exit插件 实现Observer接口中observer接口，可定义多个插件。 插件均需注册为bean。
如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。 图2 components文件夹
重新编译服务 使用说明 服务创建编译完成后，支持再次编译服务并生成新的代码压缩包。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，单击已创建服务后的“更多 > 重新生成”，即可重新生成服务的代码。
器。 在左侧插件栏中，单击，展开状态管理页面。 选择“页面状态”，单击“添加变量”。 设置变量基本信息。 变量名：输入变量名称，变量名称只能以字母或下划线开头，且仅包含数字、字母及下划线。 初始值类型：可选择“JSON类型”和“JS表达式类型” 初始值：数据写法和JS写法一致。 字符串:
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。
下： 图1 架构图 Entry类插件采用的是责任链模式（chain of resposibility），所有的插件按照被注册的顺序依次调用，其中有一个插件抛出异常则整个请求返回失败。 Exit类插件采用的是观察者模式（Observer），所有的插件作为观察者注册，DevSpore
value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function
考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态管理插件，可添加页面变量和添加全局变量，供页面及应用使用。 单击插件按钮后会向右展开对应插件设置面板。例如，单击，将展开物料资产包。
在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“服务鉴权”为“自定义插件”。 图2 开启自定义鉴权 父主题： 自定义插件服务鉴权开发指南
INSTANCE_LEVEL：传入BO对象id。 horizon插件与鉴权插件配合使用 开启自定义鉴权插件后，devspore为用户自动生成内置入口插件，并在内置入口插件中实现向鉴权接口的参数传递；用户只需实现Authorizer.authorize鉴权接口即可。 内置入口插件。 package com.huawei
前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
扩展拦截开发指南 devspore-horizon介绍 拦截插件 用户自定义拦截插件使用 @Extension介绍 开启horizon 父主题： 应用开发指南
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
页面管理 页面管理插件可以管理该应用下的全部页面，可以新增页面，可以新增文件夹，以及对页面或者文件的增删改操作。 假如有一个前端工程： - project - views |_ Index.vue - Page2.vue
addOrder(Order order) { return orderRepository.saveSelective(order); } 新增操作插件参数DataEvent取值示例： 表2 新增操作DataEvent取值示例 参数名称 取值 metaDocument 服务的元数据对象，自
本。 是否启用扩展拦截：通过引入devspore-horizon插件，用户自定义继承抽象类Approve和添加配置，在请求进入和返回时增强处理。您可调用DevSpore预置的插件，也可以使用自己开发的插件，自定义插件可参考devspore-horizon介绍。 启用扩展拦截时，自
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开国际化资源页面。 单击“新增词条”。 编辑key值，及词条中文和英文内容。 创建词条时key值会自动生成，也可以自定义输入。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
