[发明专利]一种页面的生成方法、相关装置及前端页面

说明书

本发明公开了一种页面的生成方法、相关装置及前端页面。所述方法包括：将页面对应的页面描述数据以及所述页面使用的至少一个框架对应的框架模板，传送给模板引擎；接收所述模板引擎输出的所述页面在所述至少一个框架下的页面代码；所述页面代码是通过所述页面描述数据和对应的框架模板合成得到的。本发明大大节省了页面开发和维护时间以及人力成本，并且提高了页面开发效率。

技术领域

本发明涉及计算机程序开发领域，特别涉及一种页面的生成方法、相关装置及前端页面。

背景技术

现在开发前端页面为了提高开发速度降低维护成本都会使用前端框架，比如react、vue和rax等，同一个页面使用不同前端框架开发的代码是不一样的，不同的前端框架优缺点和各自适应的场景也不一样，需要平衡选择，互联网业务中基于业务特点、时间、页面性能要求等出发点，经常需要将同一个页面以不同的前端框架来开发以满足目标需求，此时就需要进行重复开发，成本较高，后期页面修改多个不同框架下的页面代码修改成本也较高。

一方面，目前前端框架有好多种，优缺点及适应场景都不一样，有些开发速度更快，有些生成的页面代码性能更高，有些开发门槛更低等等，另一方面，实际业务场景比较复杂，同一个页面可能使用A框架开发后上线无问题，过一段时间该页面使用A框架开发的页面代码在另一个应用场景中不适用了，可能有需要使用B框架把页面重新开发一遍，这样，同一个页面因为业务场景、应用目标等因素的影响，可能针对同一个页面，开发团队会使用多个不同前端框架分别开发出多个不同框架下的页面代码。这样，同一个页面开发了多遍，且多个不同框架下的页面代码在后期产品迭代修改过程中，多份代码都需要统一修改，开发效率低，维护成本高。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种页面的生成方法、相关装置及前端页面。

第一方面，本发明实施例提供一种页面的生成方法，包括：

将页面对应的页面描述数据以及所述页面使用的至少一个框架对应的框架模板，传送给模板引擎；

接收所述模板引擎输出的所述页面在所述至少一个框架下的页面代码；所述页面代码是通过所述页面描述数据和对应的框架模板合成得到的。

在一个实施例中，将页面描述数据和所述框架模板，传送给模板引擎，包括：

调用所述模板引擎的编写接口，将所述页面描述数据和所述至少一个框架对应的框架模板作为编写接口参数传递给所述模板引擎的编程接口。

在一个实施例中，所述框架模板，包括：与框架相关的、用于描述所述页面的且符合所述框架规定格式的代码。

在一个实施例中，所述模板引擎，是预先通过所述页面使用的至少一个框架确定得到的。

在一个实施例中，所述页面描述数据，包括下述一项或多项：

页面布局的信息、页面样式的信息、页面的数据关联关系信息和页面交互的信息。

在一个实施例中，所述数据关联关系，包括：页面上的内容数据、所述内容数据与页面布局和/或页面样式之间关联关系；

所述页面交互的信息，为所述页面交互逻辑的信息。

在一个实施例中，所述框架模板，为下述任一项框架所对应的模板：

React框架、Vue框架和Rax框架。