[发明专利]前端系统、前端数据流控制方法、电子设备及存储介质

说明书

本申请提供一种前端系统、前端数据流控制方法、电子设备及存储介质，前端系统，包括视图模块，用于在接收到触发时通知接口管理模块根据所触发的应用、模型和功能调用相应的后端接口；以及用于在数据存储模型和状态模块中所保存的数据发生变化时，根据所改变的数据产生相应的视图变化。接口管理模块用于根据视图模块所触发的应用、模型和功能调用相应的后端接口，并将后端接口返回的数据上报给数据存储模型和状态模块进行保存。其中接口管理模块预先按应用、模型、功能的层级关系定义各后端接口。这样在进行接口调用时，不需要针对每一个的后端接口分别编写相应的Action，实现更为简单，效率更高。

技术领域

本申请涉及信息技术领域，具体而言，涉及一种前端系统、前端数据流控制方法、电子设备及存储介质。

背景技术

随着前端技术近几年的快速发展，Web前端技术开发框架的应用越来越广泛。目前比较流行的Web前端技术开发框架是React结合Redux。在React结合Redux的框架下，需要为每一个调用的后端接口分别编写相应的Action和StoreState(数据存储模型和状态)，这就使得目前在实现Web前端页面对后端接口的调用时，不但代码复杂，效率低下。

发明内容

本申请实施例的目的在于提供一种前端系统、前端数据流控制方法、电子设备及存储介质，用以解决相关技术会导致在在实现Web前端页面对后端接口的调用时，不但代码复杂，效率低下的问题。

本申请实施例提供了一种前端系统，包括：View模块，用于在接收到触发时，通知接口管理模块根据所触发的应用、模型，或应用、模型和功能调用相应的后端接口；以及用于在StoreState模块中所保存的数据发生变化时，根据所改变的数据产生相应的视图变化；所述接口管理模块用于根据所述View模块所触发的应用、模型和功能调用相应的后端接口，并将所述后端接口返回的数据上报给所述StoreState模块，以将所述数据按照所述后端接口对应的数据保存结构保存在所述StoreState模块中；所述接口管理模块预先按应用、模型，或应用、模型、功能的层级关系定义各后端接口；所述StoreState模块内预先定义有各所述后端接口对应的数据保存结构。

在上述实现过程中，接口管理模块预先按应用、模型，或应用、模型、功能的层级关系定义各后端接口，这样在进行接口调用时，不需要针对每一个的后端接口分别编写相应的Action(用于确定并调用所需调用的后端接口)，直接依据View模块所触发的应用、模型，或应用、模型和功能，即可从定义好的层级关系中确定出所需调用的后端接口，实现更为简单，效率更高。

进一步地，所述前端系统还包括：缩减器Reducer模块，用于与所述接口管理模块连接，以接收所述接口管理模块上报的所述后端接口返回的数据，并对所述数据进行处理得到符合所述StoreState模块定义的所述后端接口对应的数据保存结构的数据；所述Reducer模块还用于将处理后的所述后端接口返回的数据发送到所述StoreState模块中，以按照所述后端接口对应的数据保存结构进行保存。

在上述实现过程中，由Reducer模块来对后端接口返回的数据进行处理，得到符合StoreState模块定义的所述后端接口对应的数据保存结构的数据，进而保存在StoreState模块中，实现简单。

进一步地，所述StoreState模块预先按模型、方法，或模型、功能、方法的层级关系定义各所述后端接口返回的数据的保存结构。

在本申请实施例中，可以为每一个应用分别设计一个StoreState模块，各StoreState模块预先按模型、方法，或模型、功能、方法的层级关系定义该应用对应的各后端接口所返回的数据的保存结构。这样在进行数据保存时，按预设的具有模型、方法，或模型、功能、方法的层级关系的保存结构进行数据保存即可，不需要针对每一个后端接口分别编写相应的StoreState(数据存储模型和状态)，实现更为简单，效率更高。