CN115203437A - 实体关系图的展示方法、装置、设备及存储介质 - Google Patents
实体关系图的展示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN115203437A CN115203437A CN202210887992.9A CN202210887992A CN115203437A CN 115203437 A CN115203437 A CN 115203437A CN 202210887992 A CN202210887992 A CN 202210887992A CN 115203437 A CN115203437 A CN 115203437A
- Authority
- CN
- China
- Prior art keywords
- entity
- relationship diagram
- size
- entities
- application interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/36—Creation of semantic tools, e.g. ontology or thesauri
- G06F16/367—Ontology
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/34—Browsing; Visualisation therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Life Sciences & Earth Sciences (AREA)
- Animal Behavior & Ethology (AREA)
- Computational Linguistics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种实体关系图的展示方法、装置、设备及存储介质,通过展示第一应用界面,第一应用界面包括第一实体关系图和实体缩小选项,第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系;响应作用于实体缩小选项的选择操作,隐藏第一实体关系图中多个实体的实体属性,得到第二实体关系图;展示第二应用界面,第二应用界面包括第二实体关系图,第二实体关系图包含多个实体之间的全局关系,以能够在基本保持原有实体字体大小的前提下,更加清晰的展示ER图全局关系。
Description
技术领域
本申请涉及可视化技术领域,尤其涉及一种实体关系图的展示方法、装置、设备及存储介质。
背景技术
实体关系图(Entity Relationship Diagram,ER图)提供了表示实体类型、属性和关系的方法,是用于数据库数据关系、知识图谱和思维导图等设计的结构图。目前,市面上已有产品在查看ER图的全局关系时,均采用整体缩小方式,以使ER图的所有内容(包括操作按钮、文字和连接线)同时缩小。但是,整体缩小方式存在无法清晰地展示ER图全局关系的局限性,当整体缩小时,局部实体内容无法清晰展示,也难以清晰查看实体之间的层级关系。
发明内容
本申请提供了一种实体关系图的展示方法、装置、设备及存储介质,以解决当前ER图展示方式无法清晰地展示ER图全局关系的技术问题。
为了解决上述技术问题,第一方面,本申请提供了一种实体关系图的展示方法,包括:
展示第一应用界面,第一应用界面包括局部的第一实体关系图和实体缩小选项,第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系;
响应作用于实体缩小选项的选择操作,隐藏第一实体关系图中多个实体的实体属性,得到第二实体关系图;
展示第二应用界面,第二应用界面包括全局的第二实体关系图,第二实体关系图包含多个实体之间的全局关系。
本申请在需要展示全局关系时,隐藏第一实体关系图中多个实体的实体属性,保留实体名称,从而在保证字体清晰的前提下达到实体尺寸缩小的效果,同时展示第二实体关系图,以展示包含实体名称的多个实体之间的全局关系,从而能够在基本保持原有实体字体大小的前提下,更加清晰的展示ER图全局关系。
在第一方面的一些实现方式中,响应作用于实体缩小选项的选择操作,隐藏第一实体关系图中多个实体的实体属性,得到第二实体关系图,包括:
基于第一应用界面与第一实体关系图之间的尺寸关系,调整第一实体关系图中多个实体的实体尺寸;
对于每个实体,根据调整后的实体尺寸,隐藏实体的实体属性,得到第二实体关系图。
本实现方式根据实体尺寸有针对性的隐藏实体属性,以使多个实体适应ER图的缩小比例,从而使ER图的整体缩小展示效果更好。
在第一方面的一些实现方式中,基于第一应用界面与第一实体关系图之间的尺寸关系,调整第一实体关系图中多个实体的实体尺寸,包括:
若尺寸关系为预设尺寸关系,则根据第一尺寸信息和第二尺寸信息,计算第一实体关系图与第一应用界面的尺寸差,尺寸差包括宽度差和高度差中的至少一个;
根据尺寸差,调整第一实体关系图中多个实体的实体尺寸。
本实现方式根据第一实体关系图的待缩小的宽度或高度等实际尺寸,以适应性的调整第一实体关系图,从而使ER图更加适应应用界面,能够在应用界面上显示全局关系,进一步提高展示效果。
在第一方面的一些实现方式中,根据尺寸差,调整第一实体关系图中多个实体的实体尺寸,包括:
基于尺寸差和对应尺寸方向上的最大实体数量,计算每个实体的待缩小尺寸,尺寸方向包括宽度方向和高度方向中的至少一个;
根据每个实体的待缩小尺寸,对每个实体进行尺寸缩小。
本实现方式通过尺寸差结合尺寸方向上的最大实体数量,以计算每个实体所需要缩小的尺寸,从而将尺寸缩小分配到多个实体,以使ER图的整体展示效果更加协调。
在第一方面的一些实现方式中,实体属性包括属性行、属性类型和属性标识中的至少一个,对于每个实体,根据调整后的实体尺寸,隐藏实体的实体属性,得到第二实体关系图,包括:
对于每个实体,若调整后的实体尺寸表示实体高度缩小,则隐藏实体中与实体尺寸对应数量的属性行,得到第二实体关系图;
对于每个实体,若调整后的实体尺寸表示实体宽度缩小,则隐藏实体的属性类型和属性标识中的至少一个,得到第二实体关系图;
对于每个实体,若调整后的实体尺寸表示实体高度和实体宽度均减小,则隐藏实体的属性行、属性类型和属性标识,得到第二实体关系图。
本实现方式根据实体尺寸所属的实际缩小类型,以有针对性的隐藏实体属性,以达到在能够展示ER图全局关系的前提下保留最多的属性信息,进一步提高展示效果。
在第一方面的一些实现方式中,基于第一应用界面与第一实体关系图之间的尺寸关系,调整第一实体关系图中多个实体的实体尺寸之前,还包括:
获取第一应用界面的第一尺寸信息和第一实体关系图的第二尺寸信息;
对第一尺寸信息与第二尺寸信息进行对比,以确定第一应用界面与第一实体关系图之间的尺寸关系。
在第一方面的一些实现方式中,第二应用界面还包括实体放大选项,展示第二应用界面之后,还包括:
响应作用于实体放大选项的选择操作,显示第二实体关系图中多个实体的实体属性,得到第三实体关系图;
展示第三应用界面,第三应用界面包括第三实体关系图。
本实现方式通过实体放大选项重新显示实体属性,以能够清晰完整的显示ER图的所有实体内容。同时,满足用户自由调整ER图尺寸的需求,提高用户体验。
第二方面,本申请还提供一种实体关系图的展示装置,包括:
第一展示模块,用于展示第一应用界面,第一应用界面包括局部的第一实体关系图和实体缩小选项,第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系;
隐藏模块,用于响应作用于实体缩小选项的选择操作,隐藏第一实体关系图中多个实体的实体属性,得到第二实体关系图;
第二展示模块,用于展示第二应用界面,第二应用界面包括全局的第二实体关系图,第二实体关系图包含多个实体之间的全局关系。
第三方面,本申请还提供一种计算机设备,包括处理器和存储器,存储器用于存储计算机程序,计算机程序被处理器执行时实现如第一方面的实体关系图的展示方法。
第四方面,本申请还提供一种计算机可读存储介质,其存储有计算机程序,计算机程序被处理器执行时实现如第一方面的实体关系图的展示方法。
第五方面,本申请还提供一种计算机程序产品,当计算机程序产品在计算机设备上运行时,使得计算机设备执行时实现如第一方面的实体关系图的展示方法。
需要说明的是,上述第二方面至第五方面的有益效果请参见上述第一方面的相关描述,在此不再赘述。
附图说明
图1为本申请实施例示出的实体关系图的展示方法的流程示意图;
图2为本申请实施例示出的步骤S102的具体流程示意图;
图3为本申请实施例示出的实体关系图的展示方法的一种应用场景流程示意图;
图4为本申请另一实施例示出的实体关系图的展示方法的流程示意图
图5为本申请实施例示出的相关技术中正常显示时的ER图;
图6为本申请实施例示出的相关技术中整体缩小后的ER图;
图7为本申请实施例示出的第一实体关系图的示意图;
图8为本申请实施例示出的一种第二实体关系图的示意图;
图9为本申请实施例示出的另一种第二实体关系图的示意图;
图10为本申请实施例示出的又一种第二实体关系图的示意图;
图11为本申请实施例示出的实体关系图的展示装置的结构示意图;
图12为本申请实施例示出的计算机设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
如相关技术记载,市面上已有产品在查看ER图的全局关系时,均采用整体缩小的方式,以使ER图的所有内容(包括操作按钮、文字和连接线)同时缩小。例如,图5示出了正常显示时的ER图,图6示出了相关技术中整体缩小后的ER图。可见,当ER图整体缩小时,局部实体文字无法清晰展示,也难以清晰查看实体之间的层级关系。
为此,本申请实施例提供一种实体关系图的展示方法,通过在需要展示全局关系时,隐藏第一实体关系图中多个实体的实体属性,保留实体名称,从而在保证字体清晰的前提下达到实体尺寸缩小的效果,同时展示第二实体关系图,以展示包含实体名称的多个实体之间的全局关系,从而能够在基本保持原有实体字体大小的前提下,更加清晰的展示ER图全局关系。
请参照图1,图1为本申请实施例提供的一种实体关系图的展示方法的流程示意图。本申请实施例的实体关系图的展示方法可应用于计算机设备,该计算机设备包括但不限于设有或外接有显示单元的智能手机、笔记本电脑、平板电脑、桌上型计算机、物理服务器和云服务器等设备,显示单元包括但不限于显示器和投影仪等。如图1所示,本实施例的实体关系图的展示方法包括步骤S101至步骤S103,详述如下:
步骤S101,展示第一应用界面,所述第一应用界面包括局部的第一实体关系图和实体缩小选项,所述第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系。
在本步骤中,第一应用界面为在显示单元上显示第一实体关系图的显示界面,其可以为浏览器加载的网页界面或独立应用程序的应用界面。第一实体关系图为实体内容未隐藏时的ER图,由于应用界面尺寸限制,其在第一应用界面中仅显示局部层级关系(即局部的第一实体关系图)。实体在应用界面上显示为实体框,实体框内包含实体名称和实体属性,实体属性包括多个属性行,每个属性行包括属性名称、属性类型和属性标识中的至少一个,通过连接线连接实体框的方式表征实体与实体之间的层级关系。实体缩小选项为触发对第一实体关系图中的实体进行缩小,以使第一实体关系图整体放大而展示实体全局关系的选项。
示例性地,在一种实施方式中,用户查看某一实体的所有实体内容(包括实体名称和实体属性中的所有属性行)时,需要展示以该实体为展示中心的第一实体关系图,此时第一实体关系图在满足清晰展示该实体的所有实体内容时的尺寸大于第一应用界面的最大显示尺寸,则展示以该实体为展示中心的局部第一实体关系图的第一应用界面。在另一种可能的方式,用户查看多个实体之间的层级关系时,需要展示包含多个实体之间的层级关系的第一实体关系图,此时第一实体关系图在满足清晰展示每个实体的实体内容以及多个实体之间的层级关系时的尺寸大于第一应用界面的最大显示尺寸,则展示包含多个实体的层级关系的局部第一实体关系图的第一应用界面。
可选地,第一应用界面还包括ER图移动选项,以用于移动在第一应用界面内的第一实体关系图,从而使用户能够自由查看各个实体的所有实体内容或各个局部层级关系。
步骤S102,响应作用于所述实体缩小选项的选择操作,隐藏所述第一实体关系图中多个实体的实体属性,得到第二实体关系图。
在本步骤中,选择操作包括但不限于单击操作、多击操作(如双击操作和三击操作等)、多指操作、拖动操作、滑动操作和鼠标滚动操作。示例性地,在一种实施方式中,实体缩小选项以图标选项展示于第一应用界面,计算机设备响应于用户通过鼠标点击该图标选项时的单击操作(或多击操作),隐藏多个实体的实体属性。在另一种实施方式中,实体缩小选项以滑动条选项展示于第一应用界面,计算机设备响应于用户通过鼠标拖动该滑动条选项时的拖动操作,或者响应于用户通过鼠标滚动键滚动该滑动条选项时的鼠标滚动操作,又或者响应于用户通过可触摸屏的触屏焦点(即为用户触摸可触摸屏时的位置焦点)滑动该滑动条选项时的滑动操作,隐藏多个实体的实体属性。在又一种实施方式中,实体缩小选项以计算机事件存在于第一应用界面的监听事件中,响应于用户在可触摸屏上的多指聚合操作触发的该计算机事件,隐藏多个实体的实体属性。
可选地,隐藏多个实体的实体属性时,根据第一实体关系图的缩小比例,隐藏多个实体的属性行、属性标识和属性类型中的至少一种,以使实体适应于第一实体关系图的整体缩小比例,提高视觉效果。例如,当缩小比例在20%至30%范围内时,隐藏多个实体的属性标识或属性类型,当缩小比例在40%至60%范围内时,隐藏多个实体的属性标识和属性类型,当缩小比例在60%至90%范围内时,隐藏多个实体的属性行。
可选地,缩小比例与实体缩小选项的操作方式有关。例如,实体缩小选项以图标选项展示,结合上述选择操作,每次单击图标选项,则表示每次选择缩小5%。又例如,实体缩小选项以滑动条选项展示,滑动条选项上显示有缩小比例的百分比,结合上述选择操作,确定滑动、拖动或滚动滑动条时对应的百分比,以作为缩小比例。
可选地,隐藏多个实体的实体属性时,调整实体的实体框尺寸,根据调整后的实体框尺寸,隐藏多个视图的属性行、属性标识和属性类型中的至少一种,以将缩小尺寸分配到每个实体,并根据每个实体的缩小情况,更有针对性的隐藏实体属性,提高第一实体关系图的整体缩小效果,提高视觉体验。示例性地,在一种实施方式中,调整实体框尺寸,可根据调整后的每个实体的实体框高度,确定实体框内可显示的属性行数量,并仅显示对应数量的属性行,以达到隐藏实体的其他属性行的效果。在另一种实施方式中,隐藏多个实体的实体属性时,调整实体框尺寸,可根据调整后的每个实体的实体框宽度,确定实体框内可显示的属性信息长度,并仅显示对应长度的属性信息,如仅显示属性名称,或者仅显示属性名称和属性类型,又或者仅显示属性名称和属性标识,以达到隐藏实体的其他属性信息的效果。在又一种实施方式中,隐藏多个实体的实体属性时,调整实体框尺寸,可根据调整后的每个实体的实体框高度和实体框宽度,确定实体框内可显示的属性行数量和属性信息长度,并仅显示对应数量的属性行和对应长度的属性信息。
步骤S103,展示第二应用界面,所述第二应用界面包括全局的第二实体关系图,所述第二实体关系图包含多个实体之间的全局关系。
在本步骤中,第二应用界面为显示第二实体关系图的应用界面。第二实体关系图为多个实体已隐藏属性行、属性类型和属性标识中的至少一个的ER图,其整体视图展示于第二应用界面内,即第二实体关系中多个实体之间的全局关系展示于第二应用界面内。
应理解,第一应用界面、第二应用界面和第三应用界面可以是同一应用界面,命名不同仅仅是便于区别不同实体关系图的展示描述。第一应用界面、第二应用界面和第三应用界面也可以是不同界面,以满足如界面投影或界面信息对比等场景的展示需求。
需要说明的是,第二实体关系图与第一实体关系图相比,第二实体关系图所显示的实体属性较第一实体关系图少,第二实体关系图所显示的实体框尺寸较第一实体关系图小,两者的字体大小可以基本一致(应理解,字体大小可以变化,但本实施例能够在保证大小变化后的字体依旧清晰的前提下展示全局关系),从而保证实体框内的实体内容能够清晰展示的前提下,展示ER图的全局关系,达到清晰地展示ER图全局关系的效果。
在一些实施例中,在图1所示实施例的基础上,图2示出了步骤S102的具体流程示意图。与图1相同的步骤,在此不再赘述。如图2所示,步骤S102包括步骤S201和步骤S202,详述如下:
步骤S201,基于所述第一应用界面与所述第一实体关系图之间的尺寸关系,调整所述第一实体关系图中多个实体的实体尺寸。
在本步骤中,尺寸关系为第一应用界面的最大展示尺寸与第一实体关系图的目标尺寸之间的关系,其包括最大展示尺寸大于目标尺寸,最大展示尺寸等于目标尺寸,以及最大展示尺寸小于目标尺寸。目标尺寸可以是第一实体关系图的视觉尺寸,即第一实体关系图在第一应用界面展示时的整体尺寸,目标尺寸也可以是第一实体关系图的标准尺寸。例如,当第一实体关系图中的所有实体内容(包括所有属性行、属性名称、属性标识和属性类型)以10号字体大小展示时,第一实体关系图的尺寸信息为100cm×120cm,将100cm×120cm作为标准尺寸,其中10号字体为保证实体内容能够清晰展示的最小字体大小。当第一实体关系图中所有实体内容的字体在第一应用界面上的视觉效果放大为11号字体大小时,第一实体关系图的尺寸信息被放大为110cm×132cm,则110cm×132cm为视觉尺寸;同理,第一实体关系图中所有实体内容的字体在第一应用界面上的视觉效果放大为12号字体大小时,第一实体关系图的尺寸信息被放大为120cm×144cm,则120cm×144cm为视觉尺寸,以此类推,不再赘述。
实体尺寸为实体对应的实体框尺寸,包括实体框高度和实体框宽度。可选地,当尺寸关系为最大展示尺寸与标准尺寸之间的尺寸关系时,根据标准尺寸与最大展示尺寸之间的尺寸差,计算多个实体的待缩小尺寸,并基于该待缩小尺寸,调整实体尺寸。可选地,当尺寸关系为最大展示尺寸与视觉尺寸之间的尺寸关系时,根据视觉尺寸与最大展示尺寸之间的尺寸差,计算多个实体的待缩小尺寸,并基于该待缩小尺寸,调整实体尺寸。
可选地,基于预设尺寸调整函数dom.style.height,dom.style.width,调整实体尺寸。
可选地,实体框的最小宽度为实体名称的字体长度。
在一些实施例中,在步骤S201之前,还包括:获取所述第一应用界面的第一尺寸信息和第一实体关系图的第二尺寸信息;对所述第一尺寸信息与所述第二尺寸信息进行对比,以确定所述第一应用界面与所述第一实体关系图之间的尺寸关系。
在本实施例中,第一尺寸信息包括界面高度和界面宽度,第二尺寸信息包括标准尺寸或视觉尺寸时的ER图高度和ER图宽度。可选地,第一应用界面为网页界面,基于预设尺寸获取函数dom.offsetHeight,dom.offsetWidth,获取第一尺寸信息和第二尺寸信息。
可选地,对所述第一尺寸信息与所述第二尺寸信息进行对比,包括:对比界面高度与ER图高度,以及对比界面宽度与实体框宽度。当界面高度小于ER图高度,或者界面宽度小于ER图宽度,又或者界面高度小于ER图高度且界面宽度小于ER图宽度时,尺寸关系为预设尺寸关系。
步骤S202,对于每个所述实体,根据调整后的所述实体尺寸,隐藏所述实体的实体属性,得到所述第二实体关系图。
在本实施例中,可选地,计算所述第一实体关系图与所述第一应用界面的尺寸差,将尺寸差分配至每个实体,即根据实体数量和尺寸差调整实体尺寸,并根据调整后的所述实体尺寸,隐藏所述实体的实体属性。
可选地,基于标准尺寸或视觉尺寸,确定实体内容的字体大小,根据字体大小确定尺寸调整后的实体框可容纳的字体数量(包括属性行数量和属性信息长度),并展示对应数量的实体内容,其他实体内容隐藏。
示例性地,第一应用界面的最大展示尺寸为80cm×100cm,第一实体关系图以标准尺寸100cm×120cm为例,标准尺寸对应的字体大小为10号字体,为使第一实体关系图能够整体展示于第一应用界面,所以需要将第一实体关系图在字体大小保持在10号字体的前提下缩小至小于80cm×100cm,如第一实体关系图缩小为80cm×96cm,每个实体框也缩小至原来的0.8倍,即最新实体高度=0.8×原实体高度,最新实体宽度=0.8×原实体宽度,则可容纳字体数量也为原来的0.8倍。
在一些实施例中,在图2所示实施例的基础上,所述步骤S201,包括:
若所述尺寸关系为预设尺寸关系,则根据所述第一尺寸信息和所述第二尺寸信息,计算所述第一实体关系图与所述第一应用界面的尺寸差,所述尺寸差包括宽度差和高度差中的至少一个;
根据所述尺寸差,调整所述第一实体关系图中多个实体的实体尺寸。
在本实施例中,预设尺寸关系可以上述步骤201解释中的任意一种,尺寸差包括高度差和宽度差中的至少一种。例如,尺寸关系为界面高度小于ER图高度时,尺寸差为高度差=ER图高度-界面高度。
可选地,实体尺寸的调整过程包括:按照实体框尺寸在第一实体关系图的ER图尺寸中的尺寸比例,将尺寸差以对应尺寸比例分配给每个实体。例如,尺寸关系为界面高度小于ER图高度,则尺寸差为高度差H,以某个实体A的实体框高度a在第一实体关系图的ER图高度b中的尺寸比例a/b,将高度差分配给该实体A,即实体A的待缩小高度c=H×a/b,并将实体A的实体框高度缩小至a-c。
可选地,实体尺寸的调整过程包括:基于所述尺寸差和对应尺寸方向上的最大实体数量,计算每个所述实体的待缩小尺寸,所述尺寸方向包括宽度方向和高度方向中的至少一个;根据每个所述实体的待缩小尺寸,对每个所述实体进行尺寸缩小。
在本可选实施例中,当尺寸关系为界面高度小于ER图高度时,尺寸方向为高度方向,当尺寸关系为界面宽度小于ER图宽度时,尺寸方向为宽度方向,当尺寸关系为界面高度小于ER图高度且界面宽度小于ER图宽度时,尺寸方向为高度方向和宽度方向。
示例性地,尺寸关系为界面高度小于ER图高度,则尺寸差为高度差H,高度方向上的最大实体数量为m,某个实体A的实体框高度为a,其待缩小高度c=H/m,则将实体A的实体框高度缩小至a-c。
在一些实施例中,在图2所示实施例的基础上,所述实体属性包括属性行、属性类型和属性标识中的至少一个,所述步骤S202,包括:
对于每个所述实体,若调整后的所述实体尺寸表示实体高度缩小,则隐藏所述实体中与所述实体尺寸对应数量的属性行,得到所述第二实体关系图;
对于每个所述实体,若调整后的所述实体尺寸表示实体宽度缩小,则隐藏所述实体的属性类型和属性标识中的至少一个,得到所述第二实体关系图;
对于每个所述实体,若调整后的所述实体尺寸表示实体高度和实体宽度均减小,则隐藏所述实体的属性行、所述属性类型和所述属性标识,得到所述第二实体关系图。
在本实施例中,实体属性在实体框以多个属性行(或者说属性项目)进行展示,每个属性行包括属性名称、属性标识和属性类型。可选地,当尺寸关系为界面高度小于ER图高度时,调整后的实体(框)高度缩小,所以隐藏部分属性行。当尺寸关系为界面宽度小于实体框宽度时,调整后的实体宽度缩小,所以隐藏部分属性信息(包括属性标识和属性类型中的至少一种),当尺寸关系为界面高度小于ER图高度且界面宽度小于实体框宽度时,调整后的实体高度和实体宽度均缩小,所以隐藏部分或者全部属性行和属性信息,具体可以为仅显示实体名称。
作为示例而非限定,图3示出了实体关系图的展示方法的一种应用场景流程示意图。如图3所示,基于尺寸获取函数dom.offsetHeight,dom.offsetWidth,获取第一应用界面的第一尺寸信息:界面高度container.offsetHeight和界面宽度container.offsetWidth,以及第一实体关系图的第二尺寸信息:ER图高度er.offsetHeight和ER图宽度er.offsetWidth。
对比第一尺寸信息和第二尺寸信息:高度差diffHeight=container.offsetHeight-er.offsetHeight,宽度差diffWidth=container.offsetWidth-er.offsetWidth。当diffHeight和diffWidth中的至少一个为负数时,表示尺寸关系为预设尺寸关系,即第一实体关系图超出第一应用界面的显示范围。
若假设n为高度方向上的最大实体数量,则每个实体的待缩小高度reHieght=Math.abs(diffHeight)/n,若假设m为宽度方向上的最大实体数量,则每个实体的待缩小宽度reWidth=Math.abs(diffHeight)/m。
基于预设尺寸调整函数dom.style.height,dom.style.width,设置每个实体item的实体尺寸,其中调整后的实体框宽度item.style.width=item.offsetWidth-reWidth,调整后的实体框高度item.style.height=item.offsetHeight-reHeight。
根据调整后的实体尺寸,隐藏多个实体的实体属性,得到第二实体关系图。将第二实体关系图放置于第二应用界面中心:1.设置第二应用界面的css样式.container{position:“relative”},2.设置第二实体关系图的css样式.er{position:“absolute”,top:0,right:0,bottom:0,left:0,margin:“auto”}。
如图7示出的第一实体关系图的示意图。若尺寸关系为界面高度小于ER图高度,第二实体关系图如图8所示;若尺寸关系为界面高度小于ER图高度且界面宽度小于ER图宽度,第二实体关系图如图9所示;若尺寸关系为界面高度小于ER图高度且界面宽度小于ER图宽度,以及ER图尺寸与界面尺寸之间的比值大于预设比值(即ER图尺寸比界面尺寸大n倍(如2倍)以上),第二实体关系图如图10所示。
在一些实施例中,在图1所示实施例的基础上,第二应用界面还包括实体放大选项,图4示出了另一实施例的实体关系图的展示方法的流程示意图。与图1相同的步骤在此不再赘述。如图4所示,步骤S103之后还包括步骤S401和步骤S402,详述如下:
步骤S401,响应作用于所述实体放大选项的选择操作,显示所述第二实体关系图中多个实体的实体属性,得到第三实体关系图;
步骤S402,展示第三应用界面,所述第三应用界面包括所述第三实体关系图。
在本实施例中,实体放大选项为触发对第二实体关系图中的实体进行放大,以使第二实体关系图整体放大而展示实体局部层级关系的选项。可以理解的是,实体放大过程可类似于实体缩小过程的发明构思进行适应性调整而实现,具体参数实体缩小过程的步骤解释,在此不再赘述。
需要说明的是,第三实体关系图与第二实体关系图和第一实体关系图相比,第三实体关系图所显示的实体属性较第二实体关系图多,可以与第一实体关系图相同,也可以较第一实体关系图少;第三实体关系图所显示的实体框尺寸较第二实体关系图大,可以与第一实体关系图相同,也可以较第一实体关系图小;第三实体关系的字体大小可以与第二实体关系图和第一实体关系图相同,也可以介于第二实体关系图与第一实体关系图之间,以清晰地展示ER图的局部层级关系和具体实体内容,满足用户自由调整ER图视图大小的需求。
为了执行上述方法实施例对应的实体关系图的展示方法,以实现相应的功能和技术效果。参见图11,图11示出了本申请实施例提供的一种实体关系图的展示装置的结构框图。为了便于说明,仅示出了与本实施例相关的部分,本申请实施例提供的实体关系图的展示装置,包括:
第一展示模块1101,用于展示第一应用界面,所述第一应用界面包括局部的第一实体关系图和实体缩小选项,所述第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系;
隐藏模块1102,用于响应作用于所述实体缩小选项的选择操作,隐藏所述第一实体关系图中多个实体的实体属性,得到第二实体关系图;
第二展示模块1103,用于展示第二应用界面,所述第二应用界面包括全局的第二实体关系图,所述第二实体关系图包含多个实体之间的全局关系。
在一些实施例中,所述隐藏模块1102,包括:
调整子模块,用于基于所述第一应用界面与所述第一实体关系图之间的尺寸关系,调整所述第一实体关系图中多个实体的实体尺寸;
隐藏子模块,用于对于每个所述实体,根据调整后的所述实体尺寸,隐藏所述实体的实体属性,得到所述第二实体关系图。
在一些实施例中,所述调整子模块,包括:
计算单元,用于若所述尺寸关系为预设尺寸关系,则根据所述第一尺寸信息和所述第二尺寸信息,计算所述第一实体关系图与所述第一应用界面的尺寸差,所述尺寸差包括宽度差和高度差中的至少一个;
调整单元,用于根据所述尺寸差,调整所述第一实体关系图中多个实体的实体尺寸。
在一些实施例中,所述调整单元,包括:
计算子单元,用于基于所述尺寸差和对应尺寸方向上的最大实体数量,计算每个所述实体的待缩小尺寸,所述尺寸方向包括宽度方向和高度方向中的至少一个;
缩小子单元,用于根据每个所述实体的待缩小尺寸,对每个所述实体进行尺寸缩小。
在一些实施例中,所述实体属性包括属性行、属性类型和属性标识中的至少一个,所述隐藏子模块,包括:
第一隐藏单元,用于对于每个所述实体,若调整后的所述实体尺寸表示实体高度缩小,则隐藏所述实体中与所述实体尺寸对应数量的属性行,得到所述第二实体关系图;
第二隐藏单元,用于对于每个所述实体,若调整后的所述实体尺寸表示实体宽度缩小,则隐藏所述实体的属性类型和属性标识中的至少一个,得到所述第二实体关系图;
第三隐藏单元,用于对于每个所述实体,若调整后的所述实体尺寸表示实体高度和实体宽度均减小,则隐藏所述实体的属性行、所述属性类型和所述属性标识,得到所述第二实体关系图。
在一些实施例中,所述隐藏模块1102,还包括:
获取子模块,用于获取所述第一应用界面的第一尺寸信息和第一实体关系图的第二尺寸信息;
对比子模块,用于对所述第一尺寸信息与所述第二尺寸信息进行对比,以确定所述第一应用界面与所述第一实体关系图之间的尺寸关系。
在一些实施例中,所述第二应用界面还包括实体放大选项,所述装置还包括:
显示模块,用于响应作用于所述实体放大选项的选择操作,显示所述第二实体关系图中多个实体的实体属性,得到第三实体关系图;
第三展示模块,用于展示第三应用界面,所述第三应用界面包括所述第三实体关系图。
上述的实体关系图的展示装置可实施上述方法实施例的实体关系图的展示方法。上述方法实施例中的可选项也适用于本实施例,这里不再详述。本申请实施例的其余内容可参照上述方法实施例的内容,在本实施例中,不再进行赘述。
图12为本申请一实施例提供的计算机设备的结构示意图。如图12所示,该实施例的计算机设备12包括:至少一个处理器120(图12中仅示出一个)处理器、存储器121以及存储在所述存储器121中并可在所述至少一个处理器120上运行的计算机程序122,所述处理器120执行所述计算机程序122时实现上述任意方法实施例中的步骤。
所述计算机设备12可以是智能手机、平板电脑、桌上型计算机和云端服务器等计算设备。该计算机设备可包括但不仅限于处理器120、存储器121。本领域技术人员可以理解,图12仅仅是计算机设备12的举例,并不构成对计算机设备12的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如还可以包括输入输出设备、网络接入设备等。
所称处理器120可以是中央处理单元(Central Processing Unit,CPU),该处理器120还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器121在一些实施例中可以是所述计算机设备12的内部存储单元,例如计算机设备12的硬盘或内存。所述存储器121在另一些实施例中也可以是所述计算机设备12的外部存储设备,例如所述计算机设备12上配备的插接式硬盘,智能存储卡(SmartMedia Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器121还可以既包括所述计算机设备12的内部存储单元也包括外部存储设备。所述存储器121用于存储操作系统、应用程序、引导装载程序(BootLoader)、数据以及其他程序等,例如所述计算机程序的程序代码等。所述存储器121还可以用于暂时地存储已经输出或者将要输出的数据。
另外,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述任意方法实施例中的步骤。
本申请实施例提供了一种计算机程序产品,当计算机程序产品在计算机设备上运行时,使得计算机设备执行时实现上述各个方法实施例中的步骤。
在本申请所提供的几个实施例中,可以理解的是,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意的是,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述的具体实施例,对本申请的目的、技术方案和有益效果进行了进一步的详细说明,应当理解,以上所述仅为本申请的具体实施例而已,并不用于限定本申请的保护范围。特别指出,对于本领域技术人员来说,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种实体关系图的展示方法,其特征在于,包括:
展示第一应用界面,所述第一应用界面包括局部的第一实体关系图和实体缩小选项,所述第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系;
响应作用于所述实体缩小选项的选择操作,隐藏所述第一实体关系图中多个实体的实体属性,得到第二实体关系图;
展示第二应用界面,所述第二应用界面包括全局的第二实体关系图,所述第二实体关系图包含多个实体之间的全局关系。
2.如权利要求1所述的实体关系图的展示方法,其特征在于,所述响应作用于所述实体缩小选项的选择操作,隐藏所述第一实体关系图中多个实体的实体属性,得到第二实体关系图,包括:
基于所述第一应用界面与所述第一实体关系图之间的尺寸关系,调整所述第一实体关系图中多个实体的实体尺寸;
对于每个所述实体,根据调整后的所述实体尺寸,隐藏所述实体的实体属性,得到所述第二实体关系图。
3.如权利要求2所述的实体关系图的展示方法,其特征在于,所述基于所述第一应用界面与所述第一实体关系图之间的尺寸关系,调整所述第一实体关系图中多个实体的实体尺寸,包括:
若所述尺寸关系为预设尺寸关系,则计算所述第一实体关系图与所述第一应用界面的尺寸差,所述尺寸差包括宽度差和高度差中的至少一个;
根据所述尺寸差,调整所述第一实体关系图中多个实体的实体尺寸。
4.如权利要求3所述的实体关系图的展示方法,其特征在于,所述根据所述尺寸差,调整所述第一实体关系图中多个实体的实体尺寸,包括:
基于所述尺寸差和对应尺寸方向上的最大实体数量,计算每个所述实体的待缩小尺寸,所述尺寸方向包括宽度方向和高度方向中的至少一个;
根据每个所述实体的待缩小尺寸,对每个所述实体进行尺寸缩小。
5.如权利要求2所述的实体关系图的展示方法,其特征在于,所述实体属性包括属性行、属性类型和属性标识中的至少一个,所述对于每个所述实体,根据调整后的所述实体尺寸,隐藏所述实体的实体属性,得到所述第二实体关系图,包括:
对于每个所述实体,若调整后的所述实体尺寸表示实体高度缩小,则隐藏所述实体中与所述实体尺寸对应数量的属性行,得到所述第二实体关系图;
对于每个所述实体,若调整后的所述实体尺寸表示实体宽度缩小,则隐藏所述实体的属性类型和属性标识中的至少一个,得到所述第二实体关系图;
对于每个所述实体,若调整后的所述实体尺寸表示实体高度和实体宽度均减小,则隐藏所述实体的属性行、所述属性类型和所述属性标识,得到所述第二实体关系图。
6.如权利要求2至5任一项所述的实体关系图的展示方法,其特征在于,所述基于所述第一应用界面与所述第一实体关系图之间的尺寸关系,调整所述第一实体关系图中多个实体的实体尺寸之前,还包括:
获取所述第一应用界面的第一尺寸信息和第一实体关系图的第二尺寸信息;
对所述第一尺寸信息与所述第二尺寸信息进行对比,以确定所述第一应用界面与所述第一实体关系图之间的尺寸关系。
7.如权利要求1所述的实体关系图的展示方法,其特征在于,所述第二应用界面还包括实体放大选项,所述展示第二应用界面之后,还包括:
响应作用于所述实体放大选项的选择操作,显示所述第二实体关系图中多个实体的实体属性,得到第三实体关系图;
展示第三应用界面,所述第三应用界面包括所述第三实体关系图。
8.一种实体关系图的展示装置,其特征在于,包括:
第一展示模块,用于展示第一应用界面,所述第一应用界面包括局部的第一实体关系图和实体缩小选项,所述第一实体关系图包含多个实体的实体名称和实体属性以及多个实体之间的层级关系;
隐藏模块,用于响应作用于所述实体缩小选项的选择操作,隐藏所述第一实体关系图中多个实体的实体属性,得到第二实体关系图;
第二展示模块,用于展示第二应用界面,所述第二应用界面包括全局的第二实体关系图,所述第二实体关系图包含多个实体之间的全局关系。
9.一种计算机设备,其特征在于,包括处理器和存储器,所述存储器用于存储计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1至7任一项所述的实体关系图的展示方法。
10.一种计算机可读存储介质,其特征在于,其存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的实体关系图的展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210887992.9A CN115203437A (zh) | 2022-07-25 | 2022-07-25 | 实体关系图的展示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210887992.9A CN115203437A (zh) | 2022-07-25 | 2022-07-25 | 实体关系图的展示方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115203437A true CN115203437A (zh) | 2022-10-18 |
Family
ID=83583919
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210887992.9A Pending CN115203437A (zh) | 2022-07-25 | 2022-07-25 | 实体关系图的展示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115203437A (zh) |
-
2022
- 2022-07-25 CN CN202210887992.9A patent/CN115203437A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9547525B1 (en) | Drag toolbar to enter tab switching interface | |
AU2010300971B2 (en) | Dynamic image presentation | |
US8823710B2 (en) | Large scale data visualization with interactive chart | |
US9632986B2 (en) | Systems and methods for horizontally paginating HTML content | |
NL2007909C2 (en) | Method and apparatus of scrolling a document displayed in a browser window. | |
CN107818008B (zh) | 页面加载方法及装置 | |
US9817794B2 (en) | Responsive rendering of data sets | |
US9792268B2 (en) | Zoomable web-based wall with natural user interface | |
US9123030B2 (en) | Indication of off-screen calendar objects | |
US9658672B2 (en) | Business object representations and detail boxes display | |
CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
US20140237357A1 (en) | Two-dimensional document navigation | |
US11556219B2 (en) | Interactive display of data distributions | |
US10235020B2 (en) | Dynamic index for a digital magazine | |
US10169734B2 (en) | Dynamic layout for organizational charts | |
US8640055B1 (en) | Condensing hierarchies in user interfaces | |
CN115203437A (zh) | 实体关系图的展示方法、装置、设备及存储介质 | |
US11908050B2 (en) | Graphical user interface | |
JP6033746B2 (ja) | ビジネスオブジェクトの表現および詳細ボックスの表示背景 | |
US10073819B2 (en) | Media table for a digital document | |
CN115965436A (zh) | 商品页面切换方法、装置、电子设备及存储介质 | |
CN115774510A (zh) | 分辨率适配方法、装置、计算机设备和存储介质 | |
CN116048699A (zh) | 一种图表显示方法、装置、设备及介质 | |
KR20140139422A (ko) | 다수의 데이터세트에 대한 인터랙티브 리뷰를 위한 방법 및 장치 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |