一种html页面中公共代码的提取方法及装置制造方法及图纸

本发明专利技术提供一种html页面中公共代码的提取方法及装置，方法包括：据获取的html页面获取与html页面对应的html代码；在判断获知html代码中存在重复的代码块(下称为重复块)时，获取每个重复块的类别、每个重复块在html代码中的位置信息及每个重复块中的数据信息，并据每个重复块的类别为每个重复块添加对应的标识；据标识在html代码中查找重复块，将同一个重复块在html代码中的位置信息和该重复块中的数据信息存储为一个对象后删除该重复块和其中的数据信息；在每个类别的重复块中选取一段作为公共代码，以每段公共代码为内容，公共代码对应的对象中的位置信息和数据信息为参数封装为函数，实现了代码优化去冗余。

A method and device for extracting common code in HTML pages

The present invention provides a method and apparatus for extracting common code from HTML pages, which includes: obtaining HTML code corresponding to HTML pages from the acquired HTML pages; obtaining the category of each duplicate block and the bits of each duplicate block in HTML code when the duplicate code block (hereinafter referred to as duplicate block) is known to exist in the HTML code. Place information and data information in each duplicate block, and add the corresponding identifier for each duplicate block according to the category of each duplicate block; find duplicate block in HTML code according to the identifier, store the location information of the same duplicate block in HTML code and the data information in the duplicate block as an object, delete the duplicate block and where Data information; in each category of duplicate blocks selected as a common code, each piece of common code as the content, the common code corresponding to the object location information and data information as parameters encapsulated as a function, to achieve code optimization to remove redundancy.

【技术实现步骤摘要】
一种html页面中公共代码的提取方法及装置
本专利技术涉及计算机处理
，特别涉及一种html页面中公共代码的提取方法及装置。
技术介绍
现今互联网上为软件项目开发提供了各式各样且免费的前端模板，很多企业为了追求赶上市场更新的速度选择直接在这些前端模板的基础上进行前端页面的二次开发。但是，网上模板代码大多以渲染过后的为主，极易存在大量代码冗余问题。因此，在使用前端模板时，需要前端人员花费很长的时间去熟悉整个项目的页面内容，在熟悉全局的项目内容的基础上对页面的各个模块进行拆解，这样势必导致工作量巨大。
技术实现思路
本专利技术提供一种至少部分解决上述技术问题的html页面中公共代码的提取方法及装置。第一方面，本专利技术提供一种html页面中公共代码的提取方法，包括：获取html页面，并根据所述html页面获取与所述html页面对应的html代码；在判断获知所述html代码中存在重复的代码块时，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息，并根据每个重复的代码块的类别为每个重复的代码块添加对应的标识；根据所述标识在所述html代码中查找重复的代码块，将同一个重复的代码块在html代码中的位置信息和该重复的代码块中的数据信息存储为一个对象后删除该重复的代码块和该重复的代码块中的数据信息；在每个类别的重复的代码块中选取一段作为公共代码，以每段公共代码为内容，公共代码对应的对象中的位置信息和数据信息为参数封装为函数。优选的，所述方法还包括：将所有函数写入每段html代码的预设位置或将所述函数写入至少一个js文件；在每个所述html页面初始化时逐一判断各个函数中的位置信息是否与所述html页面对应；若是，则调用与该位置信息对应的函数，以根据所述函数中的公共代码、位置信息和数据信息对所述html页面进行渲染。优选的，根据所述html页面获取与所述html页面对应的html代码，包括：根据所述html页面，通过读取文件方法获取与所述html页面对应的html代码。优选的，根据所述html页面获取与每个html页面对应的html代码之后，获取所述重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息之前，所述方法还包括：通过代码比对方法判断所述html代码中是否存在重复的代码块。优选的，所述方法还包括：依照配置的函数命名规则为每个函数命名。第二方面，本专利技术还提供一种html页面中公共代码的提取装置，包括：获取单元，用于获取html页面，并根据所述html页面获取与所述html页面对应的html代码；添加单元，用于在判断获知所述html代码中存在重复的代码块时，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息，并根据每个重复的代码块的类别为每个重复的代码块添加对应的标识；删除单元，用于根据所述标识在所述html代码中查找重复的代码块，将同一重复的代码块在html代码中的位置信息和该重复的代码块中的数据信息存储为一个对象后删除该重复的代码块和该重复的代码块中的数据信息；封装单元，用于在每个类别重复的代码块中选取一段作为公共代码，以每段公共代码为内容，公共代码对应的对象中的位置信息和数据信息为参数封装为函数。优选的，所述装置还包括：写入单元，用于将所有函数写入每段html代码的预设位置或将所述函数写入至少一个js文件；判断单元，用于在每个所述html页面初始化时逐一判断各个函数中的位置信息是否与所述html页面对应；调用单元，用于若是，则调用与该位置信息对应的函数，以根据所述函数中的公共代码、位置信息和数据信息对所述html页面进行渲染。优选的，所述获取单元，包括：根据所述html页面，通过读取文件方法获取与所述html页面对应的html代码。第三方面，本专利技术还提供一种电子设备，包括：至少一个处理器；以及与所述处理器通信连接的至少一个存储器，其中：所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行所述的方法。第四方面，本专利技术还提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行所述的方法。本专利技术提供的一种html页面中公共代码的提取方法，根据所述html页面获取与所述html页面对应的html代码，在判断获知所述html代码中存在重复的代码块时，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息，并根据每个重复的代码块的类别为每个重复的代码块添加对应的标识，根据所述标识在所述html代码中查找重复的代码块，将同一个重复的代码块在html代码中的位置信息和该重复的代码块中的数据信息存储为一个对象后删除该重复的代码块和该重复的代码块中的数据信息，在每个类别的重复的代码块中选取一段作为公共代码，以每段公共代码为内容，公共代码对应的对象中的位置信息和数据信息为参数封装为函数，从而实现了代码优化去冗余的目的，达到减少前端开发工作量。附图说明图1为本专利技术一实施例提供的一种html页面中公共代码的提取方法的流程图；图2为本专利技术另一种实施例提供的一种html页面中公共代码的提取装置的原理框图；图3是本专利技术一实施例提供的电子设备的结构框图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。图1为本专利技术一实施例1提供的一种html页面中公共代码的提取方法的流程图。如图1所示的一种html页面中公共代码的提取方法，包括：S101、获取html页面，并根据所述html页面获取与所述html页面对应的html代码；具体地，该步骤中的根据所述html页面获取与所述html页面对应的html代码，包括：根据所述html页面，通过读取文件方法获取与所述html页面对应的html代码。所述读取文件方法为现有方法。值得说明的是，所述html页面可为获取的html页面模板，即前端模板，每个html页面会获取对应的一段html代码。S102、在判断获知所述html代码中存在重复的代码块时，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息，并根据每个重复的代码块的类别为每个重复的代码块添加对应的标识；值得说明的是，在所述步骤S101中的根据所述html页面获取与所述html页面对应的html代码之后，所述步骤S102中的获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息之前，所述方法还包括：通过代码比对方法判断所述html代码中是否存在重复的代码块，若是，则执行所述步骤S102，否则，保留所述html代码的原代码。所述代码比对方法为现有方法。其中，通过代码比对方法判断所述html代码中是否存在重复的代码块具体可通过下述方式实现：提供config配置文件，可根本文档来自技高网...

【技术保护点】
1.一种html页面中公共代码的提取方法，其特征在于，包括：获取html页面，并根据所述html页面获取与所述html页面对应的html代码；在判断获知所述html代码中存在重复的代码块时，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息，并根据每个重复的代码块的类别为每个重复的代码块添加对应的标识；根据所述标识在所述html代码中查找重复的代码块，将同一个重复的代码块在html代码中的位置信息和该重复的代码块中的数据信息存储为一个对象后删除该重复的代码块和该重复的代码块中的数据信息；在每个类别的重复的代码块中选取一段作为公共代码，以每段公共代码为内容，公共代码对应的对象中的位置信息和数据信息为参数封装为函数。

【技术特征摘要】
1.一种html页面中公共代码的提取方法，其特征在于，包括：获取html页面，并根据所述html页面获取与所述html页面对应的html代码；在判断获知所述html代码中存在重复的代码块时，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息，并根据每个重复的代码块的类别为每个重复的代码块添加对应的标识；根据所述标识在所述html代码中查找重复的代码块，将同一个重复的代码块在html代码中的位置信息和该重复的代码块中的数据信息存储为一个对象后删除该重复的代码块和该重复的代码块中的数据信息；在每个类别的重复的代码块中选取一段作为公共代码，以每段公共代码为内容，公共代码对应的对象中的位置信息和数据信息为参数封装为函数。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所有函数写入每段html代码的预设位置或将所述函数写入至少一个js文件；在每个所述html页面初始化时逐一判断各个函数中的位置信息是否与所述html页面对应；若是，则调用与该位置信息对应的函数，以根据所述函数中的公共代码、位置信息和数据信息对所述html页面进行渲染。3.根据权利要求1所述的方法，其特征在于，根据所述html页面获取所述html页面对应的html代码，包括：根据所述html页面，通过读取文件方法获取所述html页面对应的html代码。4.根据权利要求1所述的方法，其特征在于，根据所述html页面获取与所述html页面对应的html代码之后，获取每个重复的代码块的类别、每个重复的代码块在html代码中的位置信息以及每个重复的代码块中的数据信息之前，所述方法还包括：通过代码比对方法判断所述html代码中是否存在重复的代码块。5.根据权利要求1所述的方法，其特征在于，所述方法还包括：依照配置的函数命名规则为每个函数命名。6.一种html页面...

【专利技术属性】
技术研发人员：陈彩丽，李艳萍，张建飞，
申请(专利权)人：厦门集微科技有限公司，
类型：发明
国别省市：福建,35