[发明专利]一种前端页面的生成方法及系统

说明书

本发明提供了一种前端页面的生成方法，包括：在前端开发平台中，根据接口描述文档生成后端数据项；所述接口描述文档包括至少一个字段，所述字段用于描述前端页面与后端之间数据接口传递的数据；对生成的后端数据项进行渲染处理，得到前端页面；本发明还提供一种前端页面的生成系统。根据本发明提供的技术方案，能够提高前端页面的自测试效率，降低人工成本。

【技术领域】

本发明涉及互联网领域的测试技术，尤其涉及一种前端页面的生成方法及系统。

【背景技术】

在知识社区应用中，如百度文库、百度百科、百度知道等，前端页面的测试方法是由开发人员采用传统的人工测试方式。前端页面存在多种代码类型，包括超文本标记语言（HTML，Hypertext Markup Language）代码、脚本（JS，JavaScript）代码、级联样式表（CSS，Cascading Style Sheet）代码等，对于前端页面的开发人员而言，由于开发工作量较大，往往造成前端页面的开发人员提供给测试人员的代码质量较差，从而影响代码的测试效率。为了提高测试人员的测试效率，可以由前端页面的开发人员先对前端页面进行自测试，目前，前端页面的自测试过程主要面临以下问题：

1、开发前端页面之前，前端页面的开发人员与后端的开发人员需要协商确定数据接口，根据该数据接口决定后端返回给前端页面的数据格式。开发前端页面时，需要从后端获取后端数据，且前端页面的开发与后端的开发是并行的，因此开发前端页面时，也在同时进行后端的开发，导致开发前端页面时，缺少后端数据作为支持，因而无法生成前端页面，使得前端页面的开发人员在进行前端页面的自测试工作时存在困难，因此，由于目前无法实现在前端页面的开发过程中生成前端页面并进行前端页面的自测试，给前端页面的开发人员的测试工作带来很大不便，导致前端页面的开发和测试效率较低。

2、由于开发前端页面的过程中，无法进行前端页面的自测试，只有在完成前端页面的开发后，才能进行前端页面的自测试，因此前端页面的开发人员需要向后端插入数据，但是，由于前端页面与后端之间的数据接口十分复杂，每个数据接口都包括多个字段以及多种数据类型，因此这种前端页面的自测试方式中，向后端插入数据时，前端页面构造数据的代价较大，需要耗费较大的人力和物力；而且，前端页面的开发人员向后端插入数据时，需要通过数据库或前端页面提交数据，导致自测试效率较低。

因此，如何解决目前前端页面的自测试问题，提高自测试效率和自测试质量，成为改进测试知识社区应用的首要任务。

【发明内容】

本发明提供了一种前端页面的生成方法及系统，用于提高前端页面的自测试效率，降低人工成本。

本发明的具体技术方案如下：

本发明提供一种前端页面的生成方法，包括：

在前端开发平台中，根据接口描述文档生成后端数据项；所述接口描述文档包括至少一个字段，所述字段用于描述前端页面与后端之间数据接口传递的数据；

对生成的后端数据项进行渲染处理，得到前端页面。

上述方法中，该方法还包括：

根据预先确定的前端页面与后端之间的数据接口，利用至少一个字段描述所述数据接口传递的数据，根据所述至少一个字段生成接口描述文档。

上述方法中，所述接口描述文档包括以下字段中的至少一种：枚举字段、边界字段、数组重复字段和字符串字段。

上述方法中，

所述枚举字段用于描述前端页面与后端之间数据接口传递的数据可选择数值；

所述边界字段用于描述前端页面与后端之间数据接口传递的数据的数值范围；

所述数组重复字段用于描述前端页面与后端之间数据接口传递数据时，每个字段中数据的个数；