一种前端组件开发系统技术方案

本发明专利技术公开了一种前端组件开发系统，包括：前端组件开发平台、前端组件管理库和依赖资源管理库；前端组件开发平台，用于创建当前前端组件，并将当前前端组件的源文件和当前前端组件的可执行文件发送到前端组件管理库，当前前端组件的源文件包含当前前端组件的资源依赖关系和依赖资源的存储地址；前端组件管理库，用于存储和管理前端组件的源文件和前端组件的可执行文件，前端组件包括：当前前端组件；依赖资源管理库，用于存储和管理当前前端组件所依赖的依赖资源。解决了现有可复用组件信息不透明、操作复杂，且赖于本地编译器的问题，取得了减小代码迁移的风险，简化组件复用的流程，且不依赖于本地编译器，对运行环境要求低的有益效果。的有益效果。的有益效果。

【技术实现步骤摘要】
一种前端组件开发系统


[0001]本专利技术涉及计算机
，尤其涉及一种前端组件开发系统。

技术介绍

[0002]在不同平台或项目研发开发过程中，经常会积累的大量前端组件。
[0003]一方面，目前只能通过代码复制的方式实现组件复用，操作流程复杂，极易出现缺少文件而报错的问题。同时，研发人员没有有效途径了解其他研发人员已开发的可复用组件，由于信息差极有可能出现重复造轮子的现象。
[0004]另一方面，由于浏览器环境只能处理特定的前端文件，其他类型前端文件的编译构建必须借助本地Node环境进行，一旦文件修改，则需要经过本地IDE编译、后端重新部署前端，费时费力。

技术实现思路

[0005]本专利技术提供了一种前端组件开发系统，以解决现有可复用组件信息不透明、操作复杂，且赖于本地编译器的问题，减小代码迁移的风险，简化组件复用的流程，且不依赖于本地编译器，对运行环境要求低。
[0006]根据本专利技术的一方面，提供了一种前端组件开发系统，包括：前端组件开发平台、前端组件管理库和依赖资源管理库；
[0007]所述前端组件开发平台，用于创建当前前端组件，并将所述当前前端组件的源文件和所述当前前端组件的可执行文件发送到所述前端组件管理库，所述当前前端组件的源文件包含所述当前前端组件的资源依赖关系和依赖资源的存储地址，所述当前前端组件的可执行文件为所述当前前端组件的源文件编译后生成的文件；
[0008]所述前端组件管理库，用于存储和管理前端组件的源文件和前端组件的可执行文件，所述前端组件包括：当前前端组件；
[0009]所述依赖资源管理库，用于存储和管理所述当前前端组件所依赖的依赖资源。
[0010]进一步的，所述前端组件开发平台包括：创建模块、编辑模块、编译模块和预览模块；
[0011]所述创建模块，用于创建当前前端组件；
[0012]所述编译模块，用于对所述当前前端组件的源文件进行编译得到当前前端组件的可执行文件；
[0013]所述预览模块，用于基于所述当前前端组件的可执行文件在前端上预览所述当前前端组件。
[0014]进一步的，所述创建模块包括：创建单元；所述创建单元，用于通过软件开发工具包SDK编写当前前端组件的源文件，以创建当前前端组件。
[0015]进一步的，所述前端组件管理库存储和管理的前端组件包括：历史前端组件的源文件和历史前端组件的可执行文件，所述历史前端组件包括与当前前端组件跨平台或跨项
目的前端组件。
[0016]进一步的，所述创建模块还包括：编辑单元；
[0017]所述编辑单元，用于对从所述前端组件管理库中获取同类历史源文件进行编辑得到所述当前前端组件的源文件，以创建当前前端组件；所述同类历史源文件是与所述当前前端组件同类的历史前端组件的源文件。
[0018]进一步的，所述编译模块具体用于：
[0019]根据所述当前前端组件的依赖资源的存储地址，从所述依赖资源库中下载所述依赖资源；
[0020]根据所述当前前端组件的资源依赖关系，对所述源文件进行递归编译得到包含资源依赖关系的可执行文件。
[0021]进一步的，所述依赖资源管理库包括：公有依赖资源管理库和私有依赖资源管理库；
[0022]所述公有依赖资源库，用于存储当前前端组件和历史前端组件公有的依赖资源；
[0023]所述私有依赖资源库，用于存储当前前端组件私有的依赖资源。
[0024]进一步的，所述当前前端组件的源文件包括以下至少一种类型的文件：交互式界面文件Vue、网页逻辑脚本文件JavaScript和文件样式扩展文件Scss。
[0025]进一步的，所述前端组件开发系统还包括：前端组件解析器，
[0026]所述前端组件解析器用于对从所述前端组件管理库中所获取的目标前端组件的目标可执行文件进行解析和渲染，以安装所述目标前端组件所依赖的依赖资源，在前端中展示渲染后的目标前端组件；
[0027]其中，所述目标前端组件为历史前端组件或者当前前端组件。
[0028]进一步的，所述前端组件解析器包括：依赖资源下载模块、依赖资源编译模块和渲染模块；
[0029]所述依赖资源下载模块，用于根据所述目标可执行文件中包含的所述目标前端组件的依赖资源的存储地址从所述依赖资源管理库下载所述目标前端组件的依赖资源；
[0030]所述依赖资源编译模块，用于根据所述目标前端组件的依赖资源和所述目标可执行文件中包含的所述目标前端组件的资源依赖关系，对所述目标可执行文件进行递归解析，以使依赖资源记录到前端中；
[0031]所述渲染模块，用于对递归解析后的目标可执行文件进行渲染，生成可展示对象，将所述可展示对象显示在前端中。
[0032]本专利技术实施例的技术方案所提供的一种前端组件开发系统，包括：前端组件开发平台、前端组件管理库和依赖资源管理库；前端组件开发平台，用于创建当前前端组件，并将当前前端组件的源文件和当前前端组件的可执行文件发送到前端组件管理库，当前前端组件的源文件包含当前前端组件的资源依赖关系和依赖资源的存储地址，当前前端组件的可执行文件为当前前端组件的源文件编译后生成的文件；前端组件管理库，用于存储和管理前端组件的源文件和前端组件的可执行文件，前端组件包括：当前前端组件；依赖资源管理库，用于存储和管理当前前端组件所依赖的依赖资源。解决了现有可复用组件信息不透明、操作复杂，且赖于本地编译器的问题，取得了减小代码迁移的风险，简化组件复用的流程，且不依赖于本地编译器，对运行环境要求低的有益效果。
[0033]应当理解，本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征，也不用于限制本专利技术的范围。本专利技术的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0034]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0035]图1是根据本专利技术实施例一提供的一种前端组件开发系统的结构示意图；
[0036]图2是根据本专利技术实施例一提供的另一种前端组件开发系统的结构示意图。
具体实施方式
[0037]为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。
[0038]需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端组件开发系统，其特征在于，包括：前端组件开发平台、前端组件管理库和依赖资源管理库；所述前端组件开发平台，用于创建当前前端组件，并将所述当前前端组件的源文件和所述当前前端组件的可执行文件发送到所述前端组件管理库，所述当前前端组件的源文件包含所述当前前端组件的资源依赖关系和依赖资源的存储地址，所述当前前端组件的可执行文件为所述当前前端组件的源文件编译后生成的文件；所述前端组件管理库，用于存储和管理前端组件的源文件和前端组件的可执行文件，所述前端组件包括：当前前端组件；所述依赖资源管理库，用于存储和管理所述当前前端组件所依赖的依赖资源。2.根据权利要求1所述的系统，其特征在于，所述前端组件开发平台包括：创建模块、编辑模块、编译模块和预览模块；所述创建模块，用于创建当前前端组件；所述编译模块，用于对所述当前前端组件的源文件进行编译得到当前前端组件的可执行文件；所述预览模块，用于基于所述当前前端组件的可执行文件在前端上预览所述当前前端组件。3.根据权利要求2所述的系统，其特征在于，所述创建模块包括：创建单元；所述创建单元，用于通过软件开发工具包SDK编写当前前端组件的源文件，以创建当前前端组件。4.根据权利要求3所述的系统，其特征在于，所述前端组件管理库存储和管理的前端组件包括：历史前端组件的源文件和历史前端组件的可执行文件，所述历史前端组件包括与当前前端组件跨平台或跨项目的前端组件。5.根据权利要求4所述的系统，其特征在于，所述创建模块还包括：编辑单元；所述编辑单元，用于对从所述前端组件管理库中获取同类历史源文件进行编辑得到所述当前前端组件的源文件，以创建当前前端组件；所述同类历史源文件是与所述当前前端组件同类的历史前端组件的源文件。6.根据权利要求2所...

【专利技术属性】
技术研发人员：唐云，王川，张铭超，柴睿，陈辛，吴金鑫，侯立冬，孟宝权，王杰，杨满智，蔡琳，傅强，梁彧，田野，金红，陈晓光，
申请(专利权)人：恒安嘉新北京科技股份公司，
类型：发明
国别省市：