一种前端代码质量检测方法及装置与流程

文档序号:17185158发布日期:2019-03-22 21:17阅读:440来源:国知局
一种前端代码质量检测方法及装置与流程

本发明涉及代码检测技术领域,尤其涉及一种前端代码质量检测方法及装置。



背景技术:

随着互联网技术的发展,web时代经历了多次升级,前端技术的地位在逐步提高,前端的各种技术以及框架越来越丰富,在项目开发过程中,前端开发团队中开发人员的经验和代码风格样式不一样以及缺乏统一的标准,这种情况导致整个项目的代码难以阅读,不利于后期维护,所以前端代码质量测试越来越重要。

现有市场上面关于前端代码质量检测没有明确方法和装置,现有技术基本适用于检测各种主流编码技术,没有针对性的质量检测规范,基本都是根据语言代码,匹配检测方法,或者一种检测方法适用于多种语言代码,检测方法很多,技术语言也很多,比如说单元测试、集成测试、系统测试、确认测试以及验收测试现有检测技术,这就会出现混淆和不规范,而且代码质量检测的工作量越来越大,亟需一种设置前端代码质量检测方法和装置,提高代码质量检测的规范化,以及提高前端开发人员开发效率。



技术实现要素:

针对上述问题,本发明的一种前端代码质量检测方法的目的是对前端工作人员书写代码进行系统化的质量检测,提高项目开发后期维护和阅读,提高项目开发人员工作效率,统一前端代码质量检测方法规范,针对性强。

本发明通过以下技术方案来实现上述目的:

一种前端代码质量检测方法,包括:

根据终端框架中前端开发项目所用框架数据进行匹配分析,识别开发人员所用框架,对于前端代码文件进行扫描检测,与终端设备框架文件数据进行比较测试,是否缺少相关框架文件以及文件命名不规范,检测不合格文件名字以及缺少文件自动标识存档于notfile数据库中;

终端设备检测notfile数据库,如有数据终端设备返回反馈信息101,提示前端开发人员进行修改框架文件,notfile数据库中没有数据,终端返回反馈信息100,测试框架通过,进行下一步测试,反馈信息101,前端开发人员根据notfile数据库进行相应修改,修改完毕之后重新提交继续返回测试,直到终端返回结果100;

根据正则表达式对于所有代码文件进行前端代码编码格式规范自动检测分析匹配,检测出不合格代码,进行自动标注,存储于notnorm数据库中;

终端设备检测notnorm数据库,如有数据终端设备返回反馈信息201,提示前端开发人员进行修改代码规范,notnorm数据库中没有数据,终端返回反馈信息200,测试代码规范通过,进行下一步测试,反馈信息201,前端开发人员根据notnorm数据库进行相应修改,修改完毕重新提交继续返回代码规范测试,直到终端返回结果200,进行下一步测试;

根据正则表达式对于所有前端代码进行代码重复率自动检测分析匹配出来重复较多代码,以及匹配重复代码是否为函数方法进行正则匹配,检测数据存储于repeat数据库中;

终端设备检测repeat数据库,如有数据终端设备返回反馈信息301,提示前端开发人员进行代码优化,进行封装代码,减少代码量,repeat数据库中没有数据,终端返回反馈信息300,代码优化通过,进行下一步测试,反馈信息301,前端开发人员根据repeat数据库进行相应修改,修改完毕重新提交继续返回代码优化测试,直到终端返回结果300,进行下一步测试;

装置运行前端代码,进行自动测试运行过程中是否有报错文件,报错内容进行存储于error数据库中;

终端设备检测error数据库,如有数据终端设备返回反馈信息401,提示前端开发人员进行修改报错,error数据库中没有数据,终端返回反馈信息400,代码运行没有错误提示,测试通过,进行下一步测试,反馈信息401,前端开发人员根据error数据库中存储的报错信息,进行修改问题,修改完毕重新提交继续返回代码运行报错测试,直到终端返回结果400,进行下一步测试;

根据测试人员在终端设备输入页面效果显示图片,进行代码自动运行测试,测试效果不达标模块存储于notpage数据库中;

终端设备检测notpage数据库,如有数据终端设备返回反馈结果501,提示前端开发人员某些页面模块显示效果不达标,进行修改,notpage数据库中没有数据,终端返回反馈信息500,代码运行页面显示效果和输入效果相匹配,测试通过,进行下一步测试,反馈信息501,前端开发人员根据notpage数据库中存储不合格页面信息,进行修改,修改完毕重新提交返回页面效果测试,直到终端返回结果500,进行下一步测试;

根据测试人员在终端设备输入各个模块功能需求,进行代码运行自动检测,测试功能不符合模块存储于notfunction数据库中;

终端设备检测notfunction数据库,如有数据终端设备返回反馈结果601,提示前端开发人员某些功能模块显示效果不达标,进行修改,notfunction数据库中没有数据,终端返回反馈信息600,代码运行页面功能效果和输入效果相匹配,测试通过,进行下一步测试,反馈信息601,前端开发人员根据notfunction数据库中存储不合格功能模块信息,进行修改,修改完毕重新提交返回测试,直到终端返回结果600,测试完毕。

作为进一步的优化,所述notfile数据库为文件不合格数据库,所述notnorm数据库为代码格式不规范数据库,所述repeat数据库为代码重复数据库,所述error数据库为报错数据库,所述notpage数据库为页面显示不合格数据库,所述notfunction数据库为功能不合格数据库。

本发明的另一方面提供一种前端代码质量检测装置,包括:

待检测代码获取模块,用于获取上传的前端代码文件;

代码检测规则获取模块,用于获取与当前代码文件代码匹配的检测规则;

代码扫描模块,利用代码检测规则,对所述待检测代码进行代码扫描,得到代码扫描结果;

代码检测结果确定模块,用于依据所述代码扫描结果确定代码检测结果。

作为进一步的优化,所述检测规则对应有互相匹配的至少两个检测规则。

本发明的有益效果在于:

本发明的一种前端代码质量检测方法及装置,本发明主要用于对前端代码的多次测试,在测试代码技术中使用该方法及装置,可以提高代码测试时的测试效率以及对产品资源的节省,其中用到的数据库来存放代码暂未合格的临时数据,并在合格后删除数据库,节约资源。

附图说明

为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要实用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本实施例的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1为本发明提供的一种前端代码质量检测方法的示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚,下面将对本发明的技术方案进行详细的描述。显然,所描述的实施例仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式,都属于本发明所保护的范围。

如图1所示,本发明的一种前端代码质量检测方法,包括:

根据终端框架中前端开发项目所用框架数据进行匹配分析,识别开发人员所用框架,对于前端代码文件进行扫描检测,与终端设备框架文件数据进行比较测试,是否缺少相关框架文件以及文件命名不规范,检测不合格文件名字以及缺少文件自动标识存档于notfile数据库中;

终端设备检测notfile数据库,如有数据终端设备返回反馈信息101,提示前端开发人员进行修改框架文件,notfile数据库中没有数据,终端返回反馈信息100,测试框架通过,进行下一步测试,反馈信息101,前端开发人员根据notfile数据库进行相应修改,修改完毕之后重新提交继续返回测试,直到终端返回结果100;

根据正则表达式对于所有代码文件进行前端代码编码格式规范自动检测分析匹配,检测出不合格代码,进行自动标注,存储于notnorm数据库中;

终端设备检测notnorm数据库,如有数据终端设备返回反馈信息201,提示前端开发人员进行修改代码规范,notnorm数据库中没有数据,终端返回反馈信息200,测试代码规范通过,进行下一步测试,反馈信息201,前端开发人员根据notnorm数据库进行相应修改,修改完毕重新提交继续返回代码规范测试,直到终端返回结果200,进行下一步测试;

根据正则表达式对于所有前端代码进行代码重复率自动检测分析匹配出来重复较多代码,以及匹配重复代码是否为函数方法进行正则匹配,检测数据存储于repeat数据库中;

终端设备检测repeat数据库,如有数据终端设备返回反馈信息301,提示前端开发人员进行代码优化,进行封装代码,减少代码量,repeat数据库中没有数据,终端返回反馈信息300,代码优化通过,进行下一步测试,反馈信息301,前端开发人员根据repeat数据库进行相应修改,修改完毕重新提交继续返回代码优化测试,直到终端返回结果300,进行下一步测试;

装置运行前端代码,进行自动测试运行过程中是否有报错文件,报错内容进行存储于error数据库中;

终端设备检测error数据库,如有数据终端设备返回反馈信息401,提示前端开发人员进行修改报错,error数据库中没有数据,终端返回反馈信息400,代码运行没有错误提示,测试通过,进行下一步测试,反馈信息401,前端开发人员根据error数据库中存储的报错信息,进行修改问题,修改完毕重新提交继续返回代码运行报错测试,直到终端返回结果400,进行下一步测试;

根据测试人员在终端设备输入页面效果显示图片,进行代码自动运行测试,测试效果不达标模块存储于notpage数据库中;

终端设备检测notpage数据库,如有数据终端设备返回反馈结果501,提示前端开发人员某些页面模块显示效果不达标,进行修改,notpage数据库中没有数据,终端返回反馈信息500,代码运行页面显示效果和输入效果相匹配,测试通过,进行下一步测试,反馈信息501,前端开发人员根据notpage数据库中存储不合格页面信息,进行修改,修改完毕重新提交返回页面效果测试,直到终端返回结果500,进行下一步测试;

根据测试人员在终端设备输入各个模块功能需求,进行代码运行自动检测,测试功能不符合模块存储于notfunction数据库中;

终端设备检测notfunction数据库,如有数据终端设备返回反馈结果601,提示前端开发人员某些功能模块显示效果不达标,进行修改,notfunction数据库中没有数据,终端返回反馈信息600,代码运行页面功能效果和输入效果相匹配,测试通过,进行下一步测试,反馈信息601,前端开发人员根据notfunction数据库中存储不合格功能模块信息,进行修改,修改完毕重新提交返回测试,直到终端返回结果600,测试完毕。

所述notfile数据库为文件不合格数据库,所述notnorm数据库为代码格式不规范数据库,所述repeat数据库为代码重复数据库,所述error数据库为报错数据库,所述notpage数据库为页面显示不合格数据库,所述notfunction数据库为功能不合格数据库。

本发明的另一方面提供一种前端代码质量检测装置,包括:

待检测代码获取模块,用于获取上传的前端代码文件;

代码检测规则获取模块,用于获取与当前代码文件代码匹配的检测规则;

代码扫描模块,利用代码检测规则,对所述待检测代码进行代码扫描,得到代码扫描结果;代码检测结果确定模块,用于依据所述代码扫描结果确定代码检测结果。

所述检测规则对应有互相匹配的至少两个检测规则。所述检测规则为依据申请方法所确定。

本申请的方法在测试过程中需要对前端代码的多次测试以确定最终结果,其可以提高代码测试时的测试效率以及对产品资源的节省,其中用到的数据库来存放代码暂未合格的临时数据,并在合格后删除数据库,节约资源。

以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。另外需要说明的是,在上述具体实施方式中所描述的各个具体技术特征,在不矛盾的情况下,可以通过任何合适的方式进行组合,为了避免不必要的重复,本发明对各种可能的组合方式不再另行说明。此外,本发明的各种不同的实施方式之间也可以进行任意组合,只要其不违背本发明的思想,其同样应当视为本发明所公开的内容。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1