CN109857375A - 一种匹配后端开发测试的前端开发系统 - Google Patents
一种匹配后端开发测试的前端开发系统 Download PDFInfo
- Publication number
- CN109857375A CN109857375A CN201811585648.4A CN201811585648A CN109857375A CN 109857375 A CN109857375 A CN 109857375A CN 201811585648 A CN201811585648 A CN 201811585648A CN 109857375 A CN109857375 A CN 109857375A
- Authority
- CN
- China
- Prior art keywords
- exploitation
- development
- modularization
- tool
- rear end
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Debugging And Monitoring (AREA)
Abstract
本发明公开了一种匹配后端开发测试的前端开发系统,包括开发、工具、流程、部署、性能优化和开发规范,所述开发是用于模块化、组件化和组件库的前期开发整理的系统,且开发后的模块化、组件化和组件库在工具以及流程的作用下进行集成开发。该匹配后端开发测试的前端开发系统运用开源工具和自研工具,定制集成的工具,帮助团队快速构建大型项目,无需配置各种工具和工程配置,同时无感知的性能调优,除了解决快速构建问题,并解决了开发用户体验不一致,代码不易于维护,无法有效的实施制定的开发规范等问题,在系统的流程上,我们将前后端开发测试等人员并行进行,更为协调的协同开发,没有等待,效率更高。
Description
技术领域
本发明涉及前端开发系统相关技术领域,具体为一种匹配后端开发测试的前端开发系统。
背景技术
前端开发系统是一种客户端表现层和结构层,是一种客户端开发中常用的客户端相关技术,以此来达到将一些孤立的事物或者元素通过一些方式改变原有分散的状态,再将他们集中在一起产生关联,构成一个有机整体的一种系统,现有市场上的前端开发系统在进行使用的过程中还是存在着一些问题,目前各种团队的各种框架组件百花齐放,无法达到一致的用户体验,每个团队之间积累不一样,对于应用工程所使用的技术不一致,各个项目组前端框架使用混乱,没有形成和使用统一的、高效、高生产力的框架,对于迅猛的前端发展,技术升级和技术沉淀非常困难,对于中小企业没有专门的前端框架和研发团队,前端开发人员技术能力相对薄弱,对当前框架技术整合,二次开发没有形成生产力和技术沉淀,以及传统的前端开发系统在进行开发的过程中前端与后端分别进行开发,使得整个系统的开发时间较长。
所以我们提出了一种匹配后端开发测试的前端开发系统,以便于解决上述中提出的问题。
发明内容
本发明的目的在于提供一种匹配后端开发测试的前端开发系统,以解决上述背景技术提出的目前市场上的各个项目组前端框架使用混乱,没有形成和使用统一的、高效、高生产力的框架,以及系统在进行开发的过程中耗时较长的问题。
为实现上述目的,本发明提供如下技术方案:一种匹配后端开发测试的前端开发系统,包括开发、工具、流程、部署、性能优化和开发规范,所述开发是用于模块化、组件化和组件库的前期开发整理的系统,且开发后的模块化、组件化和组件库在工具以及流程的作用下进行集成开发,所述部署是进一步的为前端性能带来较大优化空间的系统。
优选的,所述开发前期包括沟通、产品评估、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服务、联调测试和提测工作,最后,通过部署便形成了一套整体方集成解决方案了,从而完成一系列工作。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
尽管参照前述实施例对本发明进行了详细的说明,对于本领域的技术人员来说,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (7)
1.一种匹配后端开发测试的前端开发系统,包括开发、工具、流程、部署、性能优化和开发规范,其特征在于:所述开发是用于模块化、组件化和组件库的前期开发整理的系统,且开发后的模块化、组件化和组件库在工具以及流程的作用下进行集成开发,所述部署是进一步的为前端性能带来较大优化空间的系统。
2.根据权利要求1所述的一种匹配后端开发测试的前端开发系统,其特征在于:所述开发前期包括沟通、产品评估、UE评估、视觉感受,且经过上述评估后的模块化、组件化和组件库通过调测检验后再进行验收工作,并且开发后的模块化、组件化和组件库被进行上线储存。
3.根据权利要求1所述的一种匹配后端开发测试的前端开发系统,其特征在于:所述工具包括构件与优化工具、开发与调试工具、组件开发配套工具以及部署开发工具。
4.根据权利要求1所述的一种匹配后端开发测试的前端开发系统,其特征在于:所述流程项目前端包括前端UI交互和自测,以及前端UI交互开发环境,且前端UI交互和自测配合Mock数据接口构成API服务,并且前端UI交互开发环境通过UI交互测试Bug修复进行联调测试和提测工作。
5.根据权利要求1所述的一种匹配后端开发测试的前端开发系统,其特征在于:所述流程项目后端包括接口开发和自测以及接口开发开发环境,且接口开发和自测配合API数据接口测试构成API服务,并且接口开发开发环境通过API接口测试Bug修复进行联调测试和提测工作。
6.根据权利要求1所述的一种匹配后端开发测试的前端开发系统,其特征在于:所述流程包括本地开发调试、测试、提测和上线等环节。
7.根据权利要求1所述的一种匹配后端开发测试的前端开发系统,其特征在于:所述开发规范包括开发和部署的目录规范以及编码规范。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811585648.4A CN109857375A (zh) | 2018-12-25 | 2018-12-25 | 一种匹配后端开发测试的前端开发系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811585648.4A CN109857375A (zh) | 2018-12-25 | 2018-12-25 | 一种匹配后端开发测试的前端开发系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109857375A true CN109857375A (zh) | 2019-06-07 |
Family
ID=66892123
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811585648.4A Pending CN109857375A (zh) | 2018-12-25 | 2018-12-25 | 一种匹配后端开发测试的前端开发系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109857375A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110347380A (zh) * | 2019-07-18 | 2019-10-18 | 中国联合网络通信集团有限公司 | 前后端开发方法及设备 |
CN111949244A (zh) * | 2020-08-01 | 2020-11-17 | 北京一览群智数据科技有限责任公司 | 一种全栈模块化系统集成方法 |
CN112052038A (zh) * | 2020-09-09 | 2020-12-08 | 云账户技术(天津)有限公司 | 一种生成前端接口的方法及装置 |
CN112685034A (zh) * | 2020-12-31 | 2021-04-20 | 新奥数能科技有限公司 | 用于开放平台的组件快速开发系统 |
CN113761437A (zh) * | 2021-02-09 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种信息处理方法及装置、存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106250128A (zh) * | 2016-07-26 | 2016-12-21 | 网易(杭州)网络有限公司 | 用户界面的显示处理方法及装置 |
CN106371829A (zh) * | 2016-08-24 | 2017-02-01 | 北京邮电大学 | 基于模块化思想的模板框架设计方法及系统 |
CN106843869A (zh) * | 2017-01-16 | 2017-06-13 | 百融(北京)金融信息服务股份有限公司 | 一种前端开发工程化系统和方法 |
CN108563424A (zh) * | 2018-04-13 | 2018-09-21 | 上海宝尊电子商务有限公司 | 一种与开发者协作的模块化和敏捷式界面设计方法 |
CN109062577A (zh) * | 2018-09-06 | 2018-12-21 | 福建星瑞格软件有限公司 | 一种前端脚本拆分与解构优化方法及系统 |
-
2018
- 2018-12-25 CN CN201811585648.4A patent/CN109857375A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106250128A (zh) * | 2016-07-26 | 2016-12-21 | 网易(杭州)网络有限公司 | 用户界面的显示处理方法及装置 |
CN106371829A (zh) * | 2016-08-24 | 2017-02-01 | 北京邮电大学 | 基于模块化思想的模板框架设计方法及系统 |
CN106843869A (zh) * | 2017-01-16 | 2017-06-13 | 百融(北京)金融信息服务股份有限公司 | 一种前端开发工程化系统和方法 |
CN108563424A (zh) * | 2018-04-13 | 2018-09-21 | 上海宝尊电子商务有限公司 | 一种与开发者协作的模块化和敏捷式界面设计方法 |
CN109062577A (zh) * | 2018-09-06 | 2018-12-21 | 福建星瑞格软件有限公司 | 一种前端脚本拆分与解构优化方法及系统 |
Non-Patent Citations (2)
Title |
---|
BIG_BIG-WORLD: "前端工程化体系", Retrieved from the Internet <URL:《https://blog.csdn.net/qq_33150267/article/details/79216031》> * |
宋一玮: "FreeWheel 前后端分离改造实践", Retrieved from the Internet <URL:《https://www.infoq.cn/article/freewheel-refactoring/》> * |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110347380A (zh) * | 2019-07-18 | 2019-10-18 | 中国联合网络通信集团有限公司 | 前后端开发方法及设备 |
CN110347380B (zh) * | 2019-07-18 | 2023-08-29 | 中国联合网络通信集团有限公司 | 前后端开发方法及设备 |
CN111949244A (zh) * | 2020-08-01 | 2020-11-17 | 北京一览群智数据科技有限责任公司 | 一种全栈模块化系统集成方法 |
CN112052038A (zh) * | 2020-09-09 | 2020-12-08 | 云账户技术(天津)有限公司 | 一种生成前端接口的方法及装置 |
CN112685034A (zh) * | 2020-12-31 | 2021-04-20 | 新奥数能科技有限公司 | 用于开放平台的组件快速开发系统 |
CN113761437A (zh) * | 2021-02-09 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种信息处理方法及装置、存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109857375A (zh) | 一种匹配后端开发测试的前端开发系统 | |
CN104407971B (zh) | 自动化测试嵌入式软件的方法 | |
Barmi et al. | Alignment of requirements specification and testing: A systematic mapping study | |
CN104185840B (zh) | 在持续部署流水线中用来优先化多个测试的方法、系统和装置 | |
CN105446878B (zh) | 一种持续的程序自动化测试方法 | |
CN102521700B (zh) | 电网信息化评测快速测试系统 | |
Zanaty et al. | An empirical study of design discussions in code review | |
Means et al. | Framework for life cycle assessment (LCA) based environmental decision making during the conceptual design phase for commercial buildings | |
CN103955429B (zh) | 确定回归测试范围的方法及装置 | |
CN109903180A (zh) | 一种变电站二次安措信息化管理系统 | |
Qureshi et al. | GUI testing techniques: a survey | |
CN110795332A (zh) | 一种自动化测试方法和装置 | |
Karnavel et al. | Automated software testing for application maintenance by using bee colony optimization algorithms (BCO) | |
Zirkelbach et al. | Combining Kieker with Gephi for performance analysis and interactive trace visualization | |
Mohankumar et al. | Empirical study on green and sustainable software engineering | |
CN103064780A (zh) | 一种软件测试的方法及装置 | |
Iyapparaja et al. | Augmenting SCA project management and automation framework | |
Hryszko et al. | Bottlenecks in software defect prediction implementation in industrial projects | |
CN107748771A (zh) | 路测展示CalmCar大数据标注平台及方法 | |
CN103345466A (zh) | 一种基于互联网免费信息的学术论文信息检测方法 | |
CN107070399B (zh) | 一种汇流箱电流管理方法和装置 | |
Shamsoddin-Motlagh | Automatic test case generation for orchestration languages at service oriented architecture | |
Verdecchia | Architectural Technical Debt: Identification and Management | |
Nahar et al. | SSTF: A novel automated test generation framework using software semantics and syntax | |
Nacif et al. | Tracking hardware evolution |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |