一种基于表单系统远程组件加载的创新方法技术方案

本发明专利技术涉及表单系统开发技术领域，具体为一种基于表单系统远程组件加载的创新方法，包括以下步骤：使用iframe标签+postMessage技术实现了前端应用跨域组件资源的开发；通过远程组件加载技术结合资源平台，进行表单系统前端应用组件模块化代码的管理实现了按需加载与热更新；有益效果为：本发明专利技术提出的基于表单系统远程组件加载的创新方法采用模块化开发技术使表单系统的vue前端框架可独立开发，降低项目之间的依赖关系，提高业务组件的复用性；主要用于解决依赖难于更新、维护的问题，实现表单系统前端应用开发场景中按需加载功能。提升组件隔离性，充分提高项目的整体运行速度，提升用户的使用体验。提升用户的使用体验。提升用户的使用体验。

【技术实现步骤摘要】
一种基于表单系统远程组件加载的创新方法


[0001]本专利技术涉及表单系统开发
，具体为一种基于表单系统远程组件加载的创新方法。

技术介绍

[0002]目前表单系统开发大多以html+css+js技术构建，除此以外webpack+vue框架、webpack+react框架等也是表单系统常用的前端开发框架。此类框架以快速交付、代码本地组件化为特点，能够适应敏捷开发的特性。
[0003]现有技术中，上述项目大多以工程为单位进行开发，即一个表单系统应用即以一个独立的项目形式进行开发、打包发布。虽然此类方式能够使用大量人力堆砌的方式实现快速交付，但是对于代码复用、模块管理机制以及前端系统间解耦，则不甚友好。尤其当存在相同、相似功能时，只能通过代码复制或以依赖包方式进行重组。
[0004]并且，上述方式存在如下弊端：
[0005]项目依赖情况不清晰，不利于后期维护；
[0006]无法针对特定的依赖进行针对升级，只能整体项目重新打包；
[0007]对于领域驱动设计方式不友好，无法做到针对业务领域的封装；
...

【技术保护点】

【技术特征摘要】
1.一种基于表单系统远程组件加载的创新方法，其特征在于：该方法包括以下步骤：使用iframe标签+postMessage技术实现了前端应用跨域组件资源的开发；通过远程组件加载技术结合资源平台，进行表单系统前端应用组件模块化代码的管理实现了按需加载与热更新。2.根据权利要求1所述的一种基于表单系统远程组件加载的创新方法，其特征在于：远程组件开发包括以下方法：安装远程组件开发插件；新建组件文件编写业务代码；使用开发插件结合前端应用进行组件的开发调试；组件编写完成，使用开发插件将组件编译为资源包；在资源平台添加组件的信息配置；将组件资源包上传至资源平台。3.根据权利要求2所述的一种基于表单系统远程组件加载的创新方法，其特征在于：安装远程组件开发插件时，开发者配置node环境安装npm插件，通过npm安装远程组件的开发插件；安装命令如下：npminstall@jangod/iweb
‑
cli
‑
service
‑
g，执行以上命令安装远程组件开发插件。4.根据权利要求3所述的一种基于表单系统远程组件加载的创新方法，其特征在于：开发调试时，控制台执行iweb
‑
cli
‑
service publish即可按照提示进行开发插件配置文件的生成；通过配置开发插件实现本地项目与开发的远程组件进行联动调试。5.根据权利要求4所述的一种基于表单系统远程组件加载的创新方法，其特征在于：编译资源包时，配置开发插件资源编译打包模块，将已开发组件文件路径简单配置后执行命令即可调用开发插件的编译服务；执行编译命令如下：iweb
‑
cli
‑
service build，执行命令即可获取到组件编译后资源文件。6.根据权利要求5所述的一种基于表单系统远程组件加载的创新方法，其特征在于：将组件资源包...

【专利技术属性】
技术研发人员：曾伟华，赵绍祥，陈兆亮，
申请(专利权)人：浪潮软件股份有限公司，
类型：发明
国别省市：