[发明专利]一种前端模板的处理方法及装置

说明书

技术领域

本发明涉及计算机处理技术领域，尤其涉及一种前端模板的处理方法及装置。

背景技术

随着计算机技术的不断发展，WEB开发应用场景也越来越多，并且随着页面应用越来越复杂，在页面中使用Javascript的地方也越来越多，很多时候使用Javascript和后端进行通讯，获取数据，并将返回的数据拼接成对应的Html，渲染到页面上。

但本申请发明人在实现本申请实施例中发明技术方案的过程中，受到如下困扰：

在Javascript中拼接会比较麻烦，且其代码可读性也比较差，编辑器对其支持也不友好。比如说，现有技术中由于Javascript中不支持多行的字符串，所以一般要处理多行字符串时，需要将换行符/n进行转义，并且还需要使用引号将字符串包含起来。这样的处理方式需要对换行符进行转义，且使用了引号，如果字符串内容较长的话，其可读性和可维护性均较差。

发明内容

本发明实施例提供一种前端模板的处理方法及装置，用于解决现有技术中web开发过程中，使用javascript进行拼接时，可读性和可维护性较差的技术问题，达到代码可读性和可维护性好的技术效果。

一方面，本申请通过本申请的一实施例提供如下技术方案：

一种前端模板的处理方法，应用于对Html的第一代码处理过程中，所述方法包括：获得所述Html的所述第一代码；获得所述Html的所述前端模板；分析所述第一代码与所述前端模板的对应关系；根据所述对应关系，将所述第一代码转换为第二代码，其中，所述第一代码与所述第二代码不同。

进一步的，所述方法还包括：分析所述Html的所述前端模板；获得所述前端模板的引导标记，以便于根据所述引导标记确定所述第一代码在Javascript中的所述第一代码的相应位置。

进一步的，所述方法还包括：将所述第二代码替换到所述Javascript中的所述第一代码的相应位置。

进一步的，在所述将所述第二代码替换到所述Javascript中的所述第一代码的相应位置之后，还包括：在所述Html中删除所述前端模板。

进一步的，所述获得所述Html的所述第一代码包括：通过一异步接口获得所述第一代码。

进一步的，在将所述第二代码替换到所述Javascript中的所述第一代码的相应位置之前，所述方法还包括：对所述第二代码进行压缩处理。

另一方面，本申请通过本申请的一实施例，提供如下技术方案：

一种前端模板的处理装置，应用于对Html的第一代码处理过程中，所述装置包括：第一获得模块，所述第一获得模块用于获得Html的所述第一代码；第二获得模块，所述第二获得模块用于获得Html的所述前端模板；第一分析模块，所述第一分析模块用于分析所述第一代码与所述前端模板的对应关系；转换模块，所述转换模块用于根据所述对应关系，将所述第一代码转换为第二代码，其中，所述第一代码与所述第二代码不同。

进一步的，所述装置还包括：第二分析模块，所述第二分析模块用于分析所述Html的所述前端模板；第三获得模块，所述第三获得模块用于获得所述前端模板的引导标记，以便于根据所述引导标记确定所述第一代码在Javascript中的所述第一代码的相应位置。

进一步的，所述装置还包括：替换模块，所述替换模块用于将所述第二代码替换到所述Javascript中的所述第一代码的相应位置。

进一步的，所述装置还包括：删除模块，所述删除模块用于在所述Html中删除所述前端模板。

进一步的，所述装置还包括：第四获得模块，所述第四获得模块用于通过一异步接口获得所述第一代码。

进一步的，所述装置还包括：压缩模块，所述压缩模块用于对所述第二代码进行压缩处理。

本发明实施例的有益效果如下：

本发明一实施例提供的一种前端模板的处理方法和装置，通过将Html的第一代码与前端模板的对应关系，将第一代码转换为第二代码，进而实现利用前端模板，在开发中将Html和Javascript进行分离，达到代码的可读性和可维护性较好的技术效果。

进一步的，本发明实施例通过对第二代码进行压缩等优化处理，可以减少代码的体积，提升页面的访问速度。

附图说明

图1为本发明一实施例中一种前端模板的处理方法的流程示意图；

图2为本发明一实施例中一种前端模板的处理装置的结构示意图。

具体实施方式