[发明专利]一种基于设计页面的多状态显示方法及装置

说明书

本发明提供了一种基于设计页面的多状态显示方法及装置，属于计算机应用技术领域，所述多状态显示方法具体包括：将目标设计页面对应的多个状态页面合并生成状态图，所述状态图用于显示所述目标设计页面对应的多个状态，显示所述状态图。本发明主要通过将设计页面对应的多个状态页面生成状态图，向用户显示所述状态图，实现将具有多个不同状态的状态页面合并为状态图，作为一个页面显示，用户可以直观的看到设计页面所包含的多个不同状态，同时，将设计页面的多个不同状态页面进行合并合并到一个页面中显示，有利于设计页面的管理和展示，使设计页面更简洁，从而降低用户的操作难度，进而提高设计效率，以及提高用户的黏性度。

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种基于设计页面的多状态显示方法及装置。

背景技术

产品设计是整个产品面市之前的一个框架设计，以网站注册作为例,在整个前期的交互设计流程图之后,将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品进行具体、生动的表达。

对于设计师来说，一个设计页面往往存在多个状态，如有弹窗的状态和无弹窗的状态，目前，设计师在设计软件中需要制作多张图来表示一个设计页面的不同状态，将每个状态作为一个独立的页面进行显示，但现有技术中主要存在以下技术缺点：

1、无法直观的向用户展示该设计页面的多个状态；

2、无法对该设计页面的多个状态同时进行批量操作；

3、无法处理好该设计页面的不同状态之间的关联关系，从而提高用户的操作难度，降低设计效率，进而降低用户的黏性度。

发明内容

本发明实施例提供一种基于设计页面的多状态显示方法及装置，主要旨在解决现有技术中由于一个设计页面存在多个状态，每个状态作为一个独立的页面进行显示，导致无法直观的向用户展示该设计页面的多个状态、无法对该设计页面的多个状态同时进行批量操作，以及无法处理好该设计页面的不同状态之间的关联关系的技术问题。

第一方面，本发明实施例提供了一种基于设计页面的多状态显示方法，具体包括：

将目标设计页面对应的多个状态页面合并生成状态图，所述状态图用于显示所述目标设计页面对应的多个状态；

显示所述状态图。

优选的，所述将目标设计页面对应的多个状态页面合并生成状态图之前，还包括：

为所述目标设计页面分配唯一的第一ID，所述第一ID用于唯一标识所述目标设计页面；

以及，

为所述多个状态页面分别分配多个标识符，所述多个标识符用于标识所述多个状态页面对应的多个状态；

将所述多个状态页面对应的多个标识符分别与所述第一ID进行关联，生成所述多个状态页面的多个第二ID，其中，每个第二ID用于唯一标识一个状态页面。

优选的，所述将目标设计页面对应的多个状态页面合并生成状态图，具体包括：

基于所述第一ID和所述第二ID，将所述目标设计页面对应的多个状态页面对应的多组状态数据进行合并，得到状态图数据；

根据所述状态图数据通过浏览器渲染技术，生成所述多个状态页面的状态图。

优选的，所述显示所述状态图，具体包括：

通过页面轮播显示所述状态图。

优选的，所述多状态显示方法还包括步骤：

响应于预设的触发条件，将所述触发条件中包含的目标第二ID从数据库中删除；

基于浏览器渲染技术，为所述目标第二ID生成目标状态页面。