[发明专利]一种基于浏览器的电力自动化系统自定义组件的实现与解析方法

权利要求书

1.一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：包括以下步骤：

步骤1：编辑组件代码以及组件定义文件，完成组件自定义；所述组件定义文件包括组件基本定义、扩展属性、扩展事件和可编辑配置信息的属性；

步骤2：根据步骤1中的组件定义文件，对组件结构是否完整进行验证；根据步骤1中的组件代码，对组件功能是否可以实现进行验证；

步骤3：将通过验证的组件定义文件发布到服务器指定目录进行保存；

步骤4：对组件定义文件进行解析，生成属性资源配置信息对象，将生成的属性资源配置信息对象封装为属性资源JS对象保存至状态管理仓库中，同时将属性资源JS对象保存至服务器指定目录；

步骤5：根据属性资源配置信息对象，生成组件图标；

步骤6：通过拖拽组件图标至页面设计区，解析该组件图标对应的属性资源配置信息对象，生成所需Web页面。

2.根据权利要求1所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：所述步骤1可由以下步骤替代：

导入已有的扩展组件，获取该扩展组件的组件定义文件。

3.根据权利要求2所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：所述的扩展组件包括本地代码编辑器中编写的符合编码规范的组件和通过可视化工具生成的组件。

4.根据权利要求1所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：在步骤2中，若存在缺少配置信息的属性，则根据该属性的类型和默认值，添加配置信息。

5.根据权利要求1所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：步骤4中，所述的属性资源配置信息对象包括：组件ID、组件名称、图标文字名称、组件所属分类、图标快照、模板格式、是否容器标识、参数属性编辑对象信息、脚本回调方法和组件渲染方法；自定义业务逻辑处理脚本方法在用户使用组件绘制页面时用于调用编写的业务逻辑处理脚本。

6.根据权利要求5所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：所述步骤4具体包括以下操作步骤：

通过全局唯一算法生成组件ID；

通过自定义业务逻辑处理脚本方法，生成脚本回调方法；

通过解析组件基本定义，生成组件基本信息，该组件基本信息包括：组件名称、模板格式、是否容器标识；

通过解析扩展属性，生成组件图标信息，该组件图标信息包括：图标文字名称、组件所属分类和图标快照；

通过解析可编辑配置信息的属性，生成参数属性编辑对象信息；

通过解析扩展事件，生成事件属性编辑对象信息；

通过解析生成的参数属性编辑对象信息和事件属性编辑对象信息，以及添加默认的组件可拖拽和可编辑指令，生成组件渲染方法；

组件ID、组件名称、图标文字名称、组件所属分类、图标快照、模板格式、是否容器标识、参数属性编辑对象信息、脚本回调方法、事件属性编辑对象信息和组件渲染方法封装为属性资源JS对象保存到状态管理仓库中，并同时请求后端服务将属性资源JS对象保存到服务器指定目录。

7.根据权利要求6所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：所述步骤5具体包括：

当属性资源配置信息对象保存完成后，根据组件图标信息和组件所属分类，在组件库展示区域的自定义组件面板下，创建组件快照。

8.根据权利要求7所述的一种基于浏览器的电力自动化系统自定义组件的实现与解析方法，其特征在于：所述步骤6具体包括：

将组件图标拖拽至页面设计区；

将拖拽至页面设计区的组件图标对应的属性资源配置信息对象进行解析，包括：

通过解析参数属性编辑对象信息和扩展事件，生成属性编辑区域；

通过解析组件渲染方法，完成在页面设计区中渲染该组件；

通过在属性编辑区域中修改组件参数值，实现组件的特性效果。