一种匹配后端开发测试的前端开发系统的制作方法

本发明涉及前端开发系统相关技术领域，具体为一种匹配后端开发测试的前端开发系统。

背景技术：

前端开发系统是一种客户端表现层和结构层，是一种客户端开发中常用的客户端相关技术，以此来达到将一些孤立的事物或者元素通过一些方式改变原有分散的状态，再将他们集中在一起产生关联，构成一个有机整体的一种系统，现有市场上的前端开发系统在进行使用的过程中还是存在着一些问题，目前各种团队的各种框架组件百花齐放，无法达到一致的用户体验，每个团队之间积累不一样，对于应用工程所使用的技术不一致，各个项目组前端框架使用混乱，没有形成和使用统一的、高效、高生产力的框架，对于迅猛的前端发展，技术升级和技术沉淀非常困难，对于中小企业没有专门的前端框架和研发团队，前端开发人员技术能力相对薄弱，对当前框架技术整合，二次开发没有形成生产力和技术沉淀，以及传统的前端开发系统在进行开发的过程中前端与后端分别进行开发，使得整个系统的开发时间较长。

所以我们提出了一种匹配后端开发测试的前端开发系统，以便于解决上述中提出的问题。

技术实现要素：

本发明的目的在于提供一种匹配后端开发测试的前端开发系统，以解决上述背景技术提出的目前市场上的各个项目组前端框架使用混乱，没有形成和使用统一的、高效、高生产力的框架，以及系统在进行开发的过程中耗时较长的问题。

为实现上述目的，本发明提供如下技术方案：一种匹配后端开发测试的前端开发系统，包括开发、工具、流程、部署、性能优化和开发规范，所述开发是用于模块化、组件化和组件库的前期开发整理的系统，且开发后的模块化、组件化和组件库在工具以及流程的作用下进行集成开发，所述部署是进一步的为前端性能带来较大优化空间的系统。

优选的，所述开发前期包括沟通、产品评估、ue评估、视觉感受，且经过上述评估后的模块化、组件化和组件库通过调测检验后再进行验收工作，并且开发后的模块化、组件化和组件库被进行上线储存。

优选的，所述工具包括构件与优化工具、开发与调试工具、组件开发配套工具以及部署开发工具。

优选的，所述流程项目前端包括前端ui交互和自测，以及前端ui交互开发环境，且前端ui交互和自测配合mock数据接口构成api服务，并且前端ui交互开发环境通过ui交互测试bug修复进行联调测试和提测工作。

优选的，所述流程项目后端包括接口开发和自测以及接口开发开发环境，且接口开发和自测配合api数据接口测试构成api服务，并且接口开发开发环境通过api接口测试bug修复进行联调测试和提测工作。

优选的，所述流程包括本地开发调试、测试、提测和上线等环节。

优选的，所述开发规范包括开发和部署的目录规范以及编码规范。

与现有技术相比，本发明的有益效果是：该匹配后端开发测试的前端开发系统运用开源工具和自研工具，定制集成的工具，帮助团队快速构建大型项目，无需配置各种工具和工程配置，同时无感知的性能调优，除了解决快速构建问题，同时也很好的解决了开发用户体验不一致，代码不易于维护，无法有效的实施制定的开发规范等问题；

1、在系统的流程上，我们将前后端开发测试等人员并行进行，更为协调的协同开发，没有等待，效率更高，使得整个系统的开发时间更短，以及互不影响；

2、新的开发使用我们自己新的ui工具，让页面组件化，开发模式和架构，从根本性上发生了变化，极大的提高了开发效率，完善了底层开发的作业流程。有效的实施开发标准约定，让代码更易于维护；

3、整个系统的上线需要将多个作业流程整合到一起，形成一套整体集成的解决方案，给当下前端团队提供正确有效的工作流，让团队拥有问题可维护的技术沉淀；

4、性能优化能够保证整体上性能的提升，开发规范可以极大提升开发的效率，能够快速的定位，并且提升开发效率。

附图说明

图1为本发明一种匹配后端开发测试的前端开发系统开发流程整合系统示意图；

图2为本发明一种匹配后端开发测试的前端开发系统流程系统示意图；

图3为本发明一种匹配后端开发测试的前端开发系统模块化、组件化和组件库开发系统示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1-3，本发明提供一种技术方案：一种匹配后端开发测试的前端开发系统，包括开发、工具、流程、部署、性能优化和开发规范，开发是用于模块化、组件化和组件库的前期开发整理的系统，且开发后的模块化、组件化和组件库在工具以及流程的作用下进行集成开发，部署是进一步的为前端性能带来较大优化空间的系统。

开发前期包括沟通、产品评估、ue评估、视觉感受，且经过上述评估后的模块化、组件化和组件库通过调测检验后再进行验收工作，并且开发后的模块化、组件化和组件库被进行上线储存，形成一套模块化、组件化和组件库，丰富的模块化、组件化和组件库包括丰富的业务组件，将决定后续的项目重复的工作量的多少，也是团队最大的公共服务资源，它可以减少工作量，给产品或者项目带来一致的用户体验，还可以从视觉和设计上有效的提升品牌的价值，同时，新的开发使用我们自己新的ui工具，让页面组件化，开发模式和架构，从根本性上发生了变化，极大的提高了开发效率，完善了底层开发的作业流程，有效的实施开发标准约定，让代码更易于维护。

工具包括构件与优化工具、开发与调试工具、组件开发配套工具以及部署开发工具，通过构建与优化工具将项目工程化、模块组件化，通过工程化的手段进行各种优化工作，在开发的过程中利用开发与调研工具，可以确保在开发的过程中有效无感知的执行开发规范，将可与其和以体现的问题及时的发现，配套的组件化工作，维护一套开箱即可使用的高质量通用组件，沉淀技术和共享需求，提高生产力，部署发布工具借助工作进行部署前的代码检测、静态缓存、cdn、非覆盖式发布，在部署环境，合理的静态资源部署，同样有很大的优化空间。

流程项目前端包括前端ui交互和自测，以及前端ui交互开发环境，且前端ui交互和自测配合mock数据接口构成api服务，并且前端ui交互开发环境通过ui交互测试bug修复进行联调测试和提测工作，流程项目后端包括接口开发和自测以及接口开发开发环境，且接口开发和自测配合api数据接口测试构成api服务，并且接口开发开发环境通过api接口测试bug修复进行联调测试和提测工作，在系统的流程上，我们将前后端开发测试等人员并行进行，更为协调的协同开发，没有等待，效率更高，整个系统的上线需要口岸和多个作业流程整合到一起，形成一套整体集成的解决方案，给当下前端团队提供正确有效的工作流，让团队拥有问题可维护的技术沉淀。

流程包括本地开发调试、测试、提测和上线等环节，对开发流程的改善可大幅降低开发时间的成本。

开发规范包括开发和部署的目录规范以及编码规范，开发规范可以极大是提升开发的效率，能够快速的定位问题，并且提升开发效率。

本实施例的工作原理：在使用该匹配后端开发测试的前端开发系统时，首先，需要工作人员首先对需要对模块化、组件化和组件库进行开发工作，在模块化、组件化和组件库进行开发的过程中，根据图1所示，首先，需要同个各个领域人员的进行沟通整合，之后，需要根据产品的特性对沟通后的结构进行评估工作，然后，再对用户体验ue进行评估工作，在用户体验ue体验的过程中，需要对整个模块化、组件化和组件库三者在用户视觉上的体验进行评估，评估完成后，便可以对模块化、组件化和组件库三者进行开发以及整体工作了，整理完成后，需要对整理完成后的模块化、组件化和组件库三者进行调测工作，一切的调测工作完成后，就需要对三者进行验收工作了，验收完成后，由此，便初步的完成了对模块化、组件化和组件库三者的开发整合工作了，之后，根据整合后的模块化、组件化和组件库对其进行性能的优化以及开发的规范工作，保证整体性能的提升以及提升开发效率的效果，然后，在构件与优化工具、开发与调试工具、组件开发配套工具以及部署开发工具和流程的作用下进行项目的整合工作；

在进行整合的过程中，根据图2-3所示，用新的ui工具，让页面组件化，开发模式和架构，然后在项目的初期同时进行前端和后端开发测试工作，前端对屏幕上的视图、前沿逻辑、界面逻辑和界面的渲染在前端进行检测工作，与前端同时进行数据的处理工作以及相关服务工作，然后前端和后端同时对api文档进行编制工作，之后，前端通过前端ui交互和自测配合mock数据接口为api服务提供数据，同时前端还通过前端ui交互开发环境配合ui交互测上bug修复工作为联调测试和提测提供数据，后端的的接口开发和自测在api数据接口测试的配合作用下也为api提供数据，以及后端的接口开发开发环境在api接口测试bug修复的作用下也为联调测试和提测提供数据，由此便完成了api服务、联调测试和提测工作，最后，通过部署便形成了一套整体方集成解决方案了，从而完成一系列工作。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。