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

说明书

【技术领域】

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

【背景技术】

互联网技术中，通常将技术的实现层级更具体地细分为服务器端（即后端）和浏览器端（即前端），这样的划分有利于技术实现的专注性，可以提高效率。但实际工作中，划分后需要解决后端与前端之间的数据通信问题，所以往往需要后端的开发人员与前端的开发人员进行联调才能保证产品的完整运行。

图1是现有技术中前端与后端交互的示意图，如图1所示，后端的表现层需要从各个数据库中获取数据，并对数据进行处理，处理后将数据发送到模板文件，由模板文件根据数据生成页面，将该页面发送给前端进行显示，但是由于后端获取数据和处理数据的过程涉及多个模块，过程繁琐，环境复杂，因此在实际工作中，提供给模板文件的数据常常存在问题，从而导致前端展示出的页面不是需要的页面，无法看到相应的结果，进而需要前端的开发人员与后端的开发人员进行联调，以获取需要的页面，因此前端页面的开发工作效率较低。此外，前端的页面显示完全依赖于后端的数据，而后端通常无法及时、快速地将相应的数据提供给前端，也导致了前端的工作效率较低。因此，如何降低前端对后端的数据依赖，就成为了提高前端工作效率的关键。

【发明内容】

本发明提供了一种前端页面的生成方法及系统，能够降低前端对后端的依赖性，提高前端的开发工作效率。

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

根据本发明一优选实施例，一种前端页面的生成系统，包括：变量编辑器、数据构造器；其中，

变量编辑器，位于前端，用于展示依据后端的模板文件提取的变量，并接收用户对所述变量的编辑；

数据构造器，位于后端，用于根据编辑好的变量，利用所述模板文件生成页面。

上述系统中，该系统还包括：

变量解析器，位于前端，用于从后端的模板文件中提取出字符串，利用提取出的字符串形成变量，将该变量发送给所述变量编辑器。

上述系统中，所述变量解析器从后端的模板文件中提取出字符串时，具体为：根据用户输入的模板文件的路径，获取模板文件；调用后端提供的接口打开所述模板文件，从所述模板文件中提取出字符串。

上述系统中，所述变量解析器利用提取出的字符串形成变量时，具体为：从变量中的字符串中筛选出符合预设的字符串格式的字符串；在本地维护的变量集合中添加变量，依据筛选出的字符串设置该添加的变量的变量名和变量类型，该添加的变量的变量值为空字符串。

上述系统中，该系统还包括：线上服务器；

所述变量解析器，还用于将用户输入的模板文件的路径发送给所述线上服务器；利用所述线上服务器发送来的真实数据为所述变量集合中对应的变量赋值；

所述线上服务器，用于根据变量解析器提供的模板文件的路径，在后端的数据库中查找对应的线上页面的真实数据，将获取到的真实数据发送给变量编辑器。

上述系统中，所述变量编辑器在展示变量时，具体为：

循环所述变量集合中的每个变量，识别出循环到的变量的变量名、变量值和变量类型；利用可视化的编辑界面展示所述变量集合中变量的变量名、变量值和变量类型。

上述系统中，所述变量编辑器在接收用户对所述变量的编辑时，具体为：

利用可视化的编辑界面接收用户编辑的变量名或修改的变量值，将用户编辑好的变量保存到本地维护的变量集合中；或者，

利用所述可视化的编辑界面接收用户为数组类型的变量增加的数据项，将用户编辑好的变量保存到本地维护的变量集合中；或者，

利用所述可视化的编辑界面接收用户为对象类型的变量增加的属性，将用户编辑好的变量保存到本地维护的变量集合中。

上述系统中，所述数据构造器在根据编辑好的变量，利用所述模板文件生成页面时，具体为：对所述变量集合中的变量进行遍历，将变量集合中的变量转换为模板文件可识别的变量格式，将转换后的变量替换模板文件中的字符串，生成显示的页面文件。

一种前端页面的生成方法，包括：

展示依据后端的模板文件提取的变量，并接收用户对所述变量的编辑；

根据编辑好的变量，利用所述模板文件生成页面。

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

从后端的模板文件中提取出字符串，利用提取出的字符串形成变量。

上述方法中，所述从后端的模板文件中提取出字符串为：

根据用户输入的模板文件的路径，获取模板文件；