[发明专利]一种实现单窗口下多标签页的切换方法及装置

权利要求书

1.一种实现单窗口下多标签页的切换方法,其特征在于,应用于图形化编辑器，所述方法包括：

获取预先编写好的顶部的标签页组件；

获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储；

检测到标签页切换指令，获取切换后的标签页的标识id,将切换后的标签页的标识id标记作为当前标签页的标识id；

根据标识id获取对应标签页的对象属性，根据对象属性对标签页的对象进行渲染，完成标签页面切换。

2.根据权利要求1所述的实现单窗口下多标签页的切换方法，其特征在于，所述获取预先编写好的顶部的标签页组件，包括：

获取预先通过reactjs和css的预编译处理器sass编写的顶部的标签页组件。

3.根据权利要求1所述实现单窗口下多标签页的切换方法，其特征在于，所述获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储前，还包括：

在redux中加入state,所述state用于存储标签页的对象属性。

4.根据权利要求3所述的实现单窗口下多标签页的切换方法，其特征在于，所述获取若干个标签页的标识id,根据标识id将标签页的对象属性进行存储，包括：

获取若干个标签页的唯一的hash值,将唯一的hash值作为标签页对应的标识id；

以标识id的值作为key值，将对应的标签页的对象属性存储在state中。

5.根据权利要求1所述的实现单窗口下多标签页的切换方法，其特征在于，所述检测到标签页切换指令，获取切换后的标签页的标识id,将切换后的标签页的标识id标记作为当前标签页的标识id，包括：

检测到标签页切换指令，redux会触发一个动作函数，同时获取当前切换后的标签页；

获取存储的切换后的标签页的标识id,将切换后的标签页的标识id传递给动作函数；

根据动作函数将切换后的标签页的标识id替换标记当前标签页的标识id，实现将切换后的标签页的标识id作为当前标签页的标识id。

6.根据权利要求1所述的实现单窗口下多标签页的切换方法，其特征在于，所述对象属性包括标签页的文本数据、积木数据、保存状态和编辑状态。

7.根据权利要求6所述的实现单窗口下多标签页的切换方法，其特征在于，所述根据标识id获取对应标签页的对象属性，根据对象属性对标签页的对象进行渲染，完成标签页面切换，包括：

根据标识id获取对应标签页的文本数据和积木数据；

通过stevalue接口及前端api接口渲染当前标签页的文本和积木，完成标签页面切换。

8.一种实现单窗口下多标签页的切换装置，其特征在于，所述装置包括至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7任一项所述的实现单窗口下多标签页的切换方法。

9.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1-7任一项所述的实现单窗口下多标签页的切换方法。

10.一种计算机程序产品，其特征在于，所述计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被处理器执行时，使所述处理器执行权利要求1-7任一项所述的实现单窗口下多标签页的切换方法。