一种基于设计页面的多状态显示方法及装置制造方法及图纸

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

A multi state display method and device based on design page

The invention provides a multi state display method and device based on a design page, which belongs to the field of computer application technology. The multi state display method specifically includes: combining a plurality of state pages corresponding to the target design page to generate a state diagram, which is used to display a plurality of states corresponding to the target design page and display the state diagram. The invention mainly generates a state diagram from a plurality of state pages corresponding to the design page, displays the state diagram to the user, and realizes the merging of the state pages with multiple different states into a state diagram. As a page display, the user can intuitively see a plurality of different states contained in the design page, and at the same time, merges and merges a plurality of different state pages of the design page And display in a page is conducive to the management and display of the design page, making the design page more concise, so as to reduce the user's operation difficulty, improve the design efficiency, and improve the user's stickiness.

【技术实现步骤摘要】
一种基于设计页面的多状态显示方法及装置
本专利技术涉及计算机应用
,尤其涉及一种基于设计页面的多状态显示方法及装置。
技术介绍
产品设计是整个产品面市之前的一个框架设计,以网站注册作为例,在整个前期的交互设计流程图之后,将页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品进行具体、生动的表达。对于设计师来说,一个设计页面往往存在多个状态,如有弹窗的状态和无弹窗的状态,目前,设计师在设计软件中需要制作多张图来表示一个设计页面的不同状态,将每个状态作为一个独立的页面进行显示,但现有技术中主要存在以下技术缺点:1、无法直观的向用户展示该设计页面的多个状态;2、无法对该设计页面的多个状态同时进行批量操作;3、无法处理好该设计页面的不同状态之间的关联关系,从而提高用户的操作难度,降低设计效率,进而降低用户的黏性度。
技术实现思路
本专利技术实施例提供一种基于设计页面的多状态显示方法及装置,主要旨在解决现有技术中由于一个设计页面存在多个状态,每个状态作为一个独立的页面进行显示,导致无法直观本文档来自技高网...

【技术保护点】
1.一种基于设计页面的多状态显示方法,其特征在于,所述方法包括:/n将目标设计页面对应的多个状态页面合并生成状态图,所述状态图用于显示所述目标设计页面对应的多个状态;/n显示所述状态图。/n

【技术特征摘要】
1.一种基于设计页面的多状态显示方法,其特征在于,所述方法包括:
将目标设计页面对应的多个状态页面合并生成状态图,所述状态图用于显示所述目标设计页面对应的多个状态;
显示所述状态图。


2.根据权利要求1所述的一种基于设计页面的多状态显示方法,其特征在于,所述将目标设计页面对应的多个状态页面合并生成状态图之前,还包括:
为所述目标设计页面分配唯一的第一ID,所述第一ID用于唯一标识所述目标设计页面;
以及,
为所述多个状态页面分别分配多个标识符,所述多个标识符用于标识所述多个状态页面对应的多个状态;
将所述多个状态页面对应的多个标识符分别与所述第一ID进行关联,生成所述多个状态页面的多个第二ID,其中,每个第二ID用于唯一标识一个状态页面。


3.根据权利要求2所述的一种基于设计页面的多状态显示方法,其特征在于,所述将目标设计页面对应的多个状态页面合并生成状态图,具体包括:
基于所述第一ID和多个所述第二ID,将所述目标设计页面对应的多个状态页面对应的多组状态数据进行合并,得到状态图数据;
根据所述状态图数据通过浏览器渲染技术,生成所述多个状态页面的状态图。


4.根据权利要求1-3任一项所述的一种基于设计页面的多状态显示方法,其特征在于,所述显示所述状态图,具体包括:
通过页面轮播显示所述状态图。


5.根据权利要求4所述的一种基于设计页面的多状态显示方法,其特征在于,所述方法还包括:
响应于预设的触发条件,将所述触发条件中包含的目标第二ID从数据库中删除;
显示所述目标第二ID对应的目标状态页面。...

【专利技术属性】
技术研发人员:刘松杨思柏孟小江
申请(专利权)人:成都摹客科技有限公司
类型:发明
国别省市:四川;51

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1
相关领域技术
  • 暂无相关专利