[发明专利]基于Vuex的web页面大屏数据处理方法

权利要求书

1.一种基于Vuex的web页面大屏数据处理方法，其特征在于，包含以下步骤：

基于业务需求建立多个数据大屏页面；

为每个所述数据大屏页面建立显示组件；

基于Vuex建立多个分别与所述数据大屏页面相对应的前端数据存储区；

针对所述显示组件设置对应的数组变量；

通过后端接口获取基础数据；

根据获取的基础数据的情况来确定vue页面渲染的策略。

2.根据权利要求1所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

所述根据获取的基础数据的情况来确定vue页面渲染的策略的具体方法为：

在初始状态下：

从所述基础数据中提取出不同所述数据大屏页面所对应的第一数据并分别存储在不同所述数据大屏页面所对应的前端数据存储区；

对所述第一数据进行处理得到所述数据大屏页面对应的显示组件的数组变量；

根据计算得到的数组变量触发vue页面渲染对每个所述数据大屏页面的显示组件进行刷新。

3.根据权利要求2所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

在非初始状态下：

从所述基础数据中提取出不同所述数据大屏页面所对应的第一数据并分别存储在不同所述数据大屏页面所对应的前端数据存储区；

对所述第一数据进行处理得到所述数据大屏页面对应的显示组件的新的数组变量；

对于数组变量未发生变化的显示组件，不触发vue页面渲染。

4.根据权利要求3所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

对于数组变量发生变化的显示组件，根据计算得到的数组变量触发vue页面渲染，对数组变量发生变化的显示组件进行刷新。

5.根据权利要求3所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

对于数组变量发生变化的显示组件，根据数组变量的变化幅度确定vue页面渲染的策略。

6.根据权利要求5所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

对于数组变量发生变化的显示组件，若数组变量的改变的比例不超过预设值，则不触发vue页面渲染，若数组变量的改变的比例超过预设值，则触发vue页面渲染，对数组变量发生变化的显示组件进行刷新。

7.根据权利要求6所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

在确定数组变量的改变的比例时，将新的数组变量与上一次进行vue页面渲染时的数组变量进行比较。

8.根据权利要求1所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

所述通过后端接口获取基础数据的具体方法为：

设定获取周期，每间隔预设的获取周期定时获取所述基础数据。

9.根据权利要求8所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

针对不同的时间段，设定多个不完全相同的获取周期，根据当前的时间，根据对应的获取周期定时获取所述基础数据。

10.根据权利要求1所述的基于Vuex的web页面大屏数据处理方法，其特征在于，

所述为每个所述数据大屏页面建立显示组件的具体方法为：

为每个所述数据大屏页面建立多个所述显示组件。