[发明专利]一种前端响应方法及装置

说明书

本申请公开了一种前端响应方法及装置，其中，方法包括：在接收到响应请求的情况下，从预设组件库中，确定适用于目标设备的样式组件，目标设备为触发后端发送响应请求的访问设备，目标设备的设备类型为PC设备或移动终端设备，预设组件库包括：适用于PC设备的样式组件和适用于移动终端设备的样式组件，调用适用于目标设备的样式组件。本申请提供了既适用于PC设备也适用于移动终端设备的前端响应方案。

技术领域

本申请涉及互联网领域，尤其涉及一种前端响应方法及装置。

背景技术

在前后端分离的架构模型(例如，VUE)中，待开发的产品(例如，网站)包括：前端产品和后端产品，前端产品只需关注页面的样式、动态数据的解析和动态数据的渲染，后端产品专注于业务逻辑。为了提高开发效率，前端产品的开发和后端产品的开发并行进行，前端产品开发人员与后端产品开发人员约定好前端产品与后端产品的交互接口。为了描述方便，以下将前端产品简称为前端，将后端产品简称为后端。

前端和后端运行在不同的服务器，其中，前端通过ajax(异步JavaScript和XML)对后端的应用程序编程接口(restful API)进行响应，其中，restful API用于提供响应数据，响应数据是后端响应用户操作请求产生的数据。为了描述方便，将前端响应后端的restfulAPI的过程，称为前端响应过程。

目前，针对PC设备需开发适用于PC设备的前端，针对移动终端设备需开发适用于移动终端设备的前端，因此，针对PC设备和移动终端设备需要开发两套前端响应代码。

发明内容

本申请提供了一种前端响应方法及装置，目的在于提供一种既适用于PC设备又适用于移动终端设备的前端响应方案。

为了实现上述目的，本申请提供了以下技术方案：

本申请提供了一种前端响应方法，包括：

在接收到响应请求的情况下，从预设组件库中，确定适用于目标设备的样式组件；所述目标设备为触发后端发送所述响应请求的访问设备；所述目标设备的设备类型为PC设备或移动终端设备；所述预设组件库包括：适用于所述PC设备的样式组件和适用于所述移动终端设备的样式组件；

调用所述适用于所述目标设备的样式组件。

可选的，所述适用于所述PC设备的样式组件，对应所述PC设备的预设屏幕尺寸范围；所述适用于所述移动终端设备的样式组件，对应所述移动终端设备的预设屏幕尺寸范围；

所述从预设组件库中，确定适用于所述目标设备的样式组件，包括：

确定所述目标设备的屏幕尺寸；

将满足预设条件的屏幕尺寸范围对应的样式组件，作为适用于所述目标设备的样式组件；所述预设条件包括：与所述目标设备的屏幕尺寸间的差值属于预设范围。

可选的，所述确定所述目标设备的屏幕尺寸，包括：

调用媒体查询；

将所述媒体查询确定出的屏幕尺寸，作为所述目标设备的屏幕尺寸。

可选的，所述移动终端设备包括：平板电脑和手机；

所述适用于所述移动终端设备的样式组件，包括：适用于所述平板电脑的样式组件和适用于所述手机的样式组件。

可选的，所述适用于所述PC设备的样式组件与所述适用于所述移动终端设备的样式组件，通过调用媒体查询确定。

本申请还提供了一种前端响应装置，包括：