CN116166242B - 一种基于画布的度量卡片实现方法、装置及存储介质 - Google Patents

一种基于画布的度量卡片实现方法、装置及存储介质 Download PDF

Info

Publication number
CN116166242B
CN116166242B CN202310279488.5A CN202310279488A CN116166242B CN 116166242 B CN116166242 B CN 116166242B CN 202310279488 A CN202310279488 A CN 202310279488A CN 116166242 B CN116166242 B CN 116166242B
Authority
CN
China
Prior art keywords
card
canvas
sub
instruction
area
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.)
Active
Application number
CN202310279488.5A
Other languages
English (en)
Other versions
CN116166242A (zh
Inventor
吴哲慧
彭一宽
邹方勇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Jiajia Technology Co ltd
Original Assignee
Jiajia Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Jiajia Technology Co ltd filed Critical Jiajia Technology Co ltd
Priority to CN202310279488.5A priority Critical patent/CN116166242B/zh
Publication of CN116166242A publication Critical patent/CN116166242A/zh
Application granted granted Critical
Publication of CN116166242B publication Critical patent/CN116166242B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/35Creation or generation of source code model driven
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/30Computing systems specially adapted for manufacturing

Abstract

本发明公开了一种基于画布的度量卡片实现方法、装置及存储介质,通过在显示页面中生成画布类型的父级卡片,父级卡片具有画布区域,响应于第一操作指令,在画布区域中生成第一子级卡片,响应于第二操作指令,在画布区域中生成至少一第二子级卡片,为用户提供父级卡片下的第一子级卡片以及第二子级卡片的创建功能,并且可以显示数据度量属性,无需要求用户具备代码能力,提高了适应性、便捷性以及降低了对用户的要求;响应于画笔指令,在父级卡片的画布区域中触发画笔功能,在画布区域中生成至少一指示标识,根据画布区域中的所有内容生成度量卡片,从而可便捷生成指示标识,使得度量卡片中可便捷体现顺序关联。

Description

一种基于画布的度量卡片实现方法、装置及存储介质
技术领域
本发明涉及计算机技术领域,特别是涉及一种基于画布的度量卡片实现方法、装置及存储介质。
背景技术
目前主流的BI(Business Intelligence,商业智能)产品只能使用有限的平台能力在一定的范围内对卡片的内容进行配置,样式十分固定。当现实中,研发场景往往是复杂的,一个复杂的研发场景需要体现多个卡片之间的关系,且需要用复杂的前端样式展示时,现今的BI产品便无法配置,常常需要使用写代码的方式实现,一方面适应性、便捷性差,另一方面要求用户需要具备一定的代码能力,对用户要求高。
发明内容
基于此,本发明的目的在于解决上述问题中的至少之一,提供一种基于画布的度量卡片实现方法、装置及存储介质,提高便捷性,降低对用户的要求。
本发明实施例提供了一种基于画布的度量卡片实现方法,包括:
在显示页面中生成画布类型的父级卡片;所述父级卡片具有画布区域;
响应于第一操作指令,在所述画布区域中生成第一子级卡片,响应于第二操作指令,在所述画布区域中生成至少一第二子级卡片;所述第一子级卡片以及所述第二子级卡片均具有可显示的数据度量属性,所述数据度量属性用于配置数据类型以及所述数据类型对应的数据值;
响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,在所述画布区域中生成至少一指示标识;所述指示标识用于指示所述第一子级卡片以及所述第二子级卡片之间的顺序关联,和/或用于指示不同所述第二子级卡片之间的顺序关联;
根据所述画布区域中的所有内容生成度量卡片。
进一步,所述在显示页面中生成画布类型的父级卡片,包括:
响应于卡片选择指令,确定画布类型的父级卡片;
将所述画布类型的父级卡片添加至显示平台的显示页面中的目标显示板;
通过所述目标显示板在所述显示页面中生成所述父级卡片的显示区域;所述显示区域包括功能区域以及所述画布区域。
进一步,所述响应于第一操作指令,在所述画布区域中生成第一子级卡片,包括:
响应于所述功能区域的第一指令,在所述显示页面显示所述数据度量属性的设置界面,响应于设置指令,配置所述配置数据类型的目标类型以及所述数据值的目标值,在所述画布区域中生成第一子级卡片;所述第一子级卡片中显示所述目标类型以及所述目标值;
或者,
响应于所述功能区域的第二指令,在所述画布区域中生成第一子级卡片,响应于点击指令在所述显示页面触发显示数据度量属性设置界面或者在所述显示页面自动显示所述数据度量属性设置界面,响应于设置指令,配置所述配置数据类型的目标类型以及所述数据值的目标值,在所述第一子级卡片中显示所述目标类型以及所述目标值。
进一步,所述基于画布的度量卡片实现方法还包括:
响应于所述功能区域的颜色设置指令或者所述数据度量属性设置界面的颜色设置指令,确定目标颜色;
将所述第一子级卡片显示所述目标类型的至少一部分显示为所述目标颜色,并使所述目标类型的其他部分以及所述目标值显示为默认颜色。
进一步,所述基于画布的度量卡片实现方法还包括:
响应于所述功能区域的图标指令,显示图标设置界面;
响应于图片输入指令,在所述图标设置界面中输入图片网站地址,从所述图片网站地址中获取目标图片,并将目标图片在所述画布区域中显示;
或者,响应于图片上传指令,在所述图标设置界面中选取本地图片作为目标图片进行上传,将目标图片在所述画布区域中显示。
进一步,所述基于画布的度量卡片实现方法还包括:
响应于位置调整指令,调整所述画布区域中的目标图片的位置、调整所述第一子级卡片的位置以及调整所述第二子级卡片的位置中的至少之一;其中,在所述画布区域中,所述目标图片的位置、所述第一子级卡片的位置以及所述第二子级卡片的位置任意设置;
或者,
响应于大小调整指令,调整所述画布区域中的目标图片的显示大小、调整所述第一子级卡片的显示大小以及调整所述第二子级卡片的显示大小中的至少之一。
进一步,所述响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,在所述画布区域中生成至少一指示标识,包括:
响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,响应于第一确定指令,确定起点位置;
响应于第二确定指令,确定终点位置,在所述画布区域中所述起点位置以及所述终点位置之间显示从所述起点位置指向所述终点位置的指示标识;
或者,
响应于移动指令,记录画笔的起点位置,在画笔移动时跟随所述画笔的移动轨迹显示指示标识的生成效果,响应于停止移动指令,将所述画笔的当前位置作为终点位置,在所述画布区域中所述起点位置至所述终点位置之间显示从所述起点位置指向所述终点位置的指示标识;
其中,所述指向用于表征顺序关联。
本发明实施例还提供一种基于画布的度量卡片实现装置,包括:
第一生成模块,用于在显示页面中生成画布类型的父级卡片;所述父级卡片具有画布区域;
第二生成模块,用于响应于第一操作指令,在所述画布区域中生成第一子级卡片,响应于第二操作指令,在所述画布区域中生成至少一第二子级卡片;所述第一子级卡片以及所述第二子级卡片均具有数据度量属性,所述数据度量属性用于配置数据类型以及所述数据类型对应的数据值;
第三生成模块,用于响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,在所述画布区域中生成至少一指示标识;所述指示标识用于指示所述第一子级卡片以及所述第二子级卡片之间的顺序关联,和/或用于指示不同所述第二子级卡片之间的顺序关联;
第四生成模块,用于根据所述画布区域中的所有内容生成度量卡片。
本发明实施例还提供一种基于画布的度量卡片实现装置,所述基于画布的度量卡片实现装置包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现所述方法。
本发明实施例还提供一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现所述方法。
本发明的有益效果是:
通过在显示页面中生成画布类型的父级卡片,而父级卡片具有画布区域,响应于第一操作指令,在画布区域中生成第一子级卡片,响应于第二操作指令,在画布区域中生成至少一第二子级卡片,第一子级卡片以及第二子级卡片均具有显示的数据度量属性,数据度量属性用于配置数据类型以及数据类型对应的数据值,为用户提供父级卡片下的第一子级卡片以及第二子级卡片的创建功能,并且可以显示数据度量属性,实现复杂样式卡片,满足复杂场景下的需求,且无需要求用户具备代码能力,提高了适应性、便捷性以及降低了对用户的要求;响应于画笔指令,在父级卡片的画布区域中触发画笔功能,在画布区域中生成至少一指示标识,根据画布区域中的所有内容生成度量卡片,画笔区域支持画笔功能从而可便捷生成指示第一子级卡片以及第二子级卡片之间的顺序关联或者指示不同第二子级卡片之间的顺序关联的指示标识,使得度量卡片中可便捷体现顺序关联。
为了更好地理解和实施,下面结合附图详细说明本发明。
附图说明
图1为本发明基于画布的度量卡片实现方法的步骤流程示意图;
图2为本发明具体实施例显示页面的示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
本申请的说明书和权利要求书及所述附图中的术语“第一”、“第二”、“第三”和“第四”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
如图1所示,本发明实施例提供一种基于画布的度量卡片实现方法,包括步骤S100-S400:
S100、在显示页面中生成画布类型的父级卡片。
本发明实施例中,显示页面可以为电脑、平板电脑、手机、服务器等设备中的屏幕所显示的页面,例如可以为设备使用显示平台(如商业智能平台/BI平台)时,在屏幕中显示的平台页面,如图2中可以看到显示页面100。
如图2所示,可选地,步骤S100包括步骤S110-S130:
S110、响应于卡片选择指令,确定画布类型的父级卡片。
S120、将画布类型的父级卡片添加至显示平台的显示页面中的目标显示板。
具体地,响应于用户输入的卡片选择指令,选择可编辑的画布类型的父级卡片,例如图2中新建仪表板即为父级卡片,将该父级卡片添加至显示平台的显示页面100中的目标显示板,例如图2中显示页面中具有数据门户、仪表板、数据集、数据源以及系统管理等显示板,将仪表板作为目标显示板,将画布类型的父级卡添加至显示页面100中的目标显示板仪表板中。
S130、通过目标显示板在显示页面中生成父级卡片的显示区域。
具体地,通过目标显示板仪表板在显示页面100中生成父级卡片的显示区域200,该显示区域200包括功能区域201以及画布区域202。
S200、响应于第一操作指令,在画布区域中生成第一子级卡片,响应于第二操作指令,在画布区域中生成至少一第二子级卡片。
需要说明的是,第一操作指令以及第二操作指令之间的用户输入顺序任意,不作具体限定。本发明实施例中,第一子级卡片以及第二子级卡片均具有可显示的数据度量属性,数据度量属性用于配置数据类型以及数据类型对应的数据值。
可选地,步骤S200中包括步骤S210或者S220:
S210、响应于功能区域的第一指令,在显示页面显示数据度量属性的设置界面,响应于设置指令,配置配置数据类型的目标类型以及数据值的目标值,在画布区域中生成第一子级卡片;第一子级卡片中显示目标类型以及目标值。
具体地,响应于功能区域201的第一指令,例如点击按钮203,在显示页面100显示数据度量属性设置界面(未图示),该数据度量属性设置界面可以直接显示在显示区域200中或者通过窗口的形式显示在显示页面100中,具体不作限定。响应于设置指令,配置配置数据类型的目标类型以及数据值的目标值,在画布区域中生成第一子级卡片,此时第一子级卡片中显示目标类型以及目标值。需要说明的是,配置数据类型以包括标题以及具体内容为例,具体内容可以根据需要进行设定,不构成具体限定。例如,以图2中的第一子级卡片A为例,响应于设置指令,配置配置数据类型的目标类型,此时标题的目标类型设置为已接收(产品),具体内容设置两项,对应的目标类型设定为需求数以及平均停留(H),具体内容对应的数据值如需求数对应的数据值设定为目标值0,平均停留(H)对应的数据值设定为目标值0。
S220、响应于功能区域的第二指令,在画布区域中生成第一子级卡片,响应于点击指令在显示页面触发显示数据度量属性设置界面或者在显示页面自动显示数据度量属性设置界面,响应于设置指令,配置配置数据类型的目标类型以及数据值的目标值,在第一子级卡片中显示目标类型以及目标值。
具体地,响应于功能区域201的第二指令,例如点击按钮203,此时直接在在画布区域202中生成第一子级卡片(此时第一子级卡片内容空白),此时点击第一子级卡片或者在显示页面100自动显示数据度量属性设置界面(未图示),然后响应于设置指令,配置配置数据类型的目标类型以及数据值的目标值,此时的第一子级卡片中显示目标类型以及目标值。其中,配置目标类型以及目标值的方式如S210不再赘述。
需要说明的是,步骤S200中响应于第二操作指令,在画布区域中生成至少一第二子级卡片的方式与步骤S210或者S220类似,不再赘述。如图2所示,生成有第二子级卡片B、第二子级卡片C以及第二子级卡片D。
S300、响应于画笔指令,在父级卡片的画布区域中触发画笔功能,在画布区域中生成至少一指示标识;指示标识用于指示第一子级卡片以及第二子级卡片之间的顺序关联,和/或用于指示不同第二子级卡片之间的顺序关联。
可选地,步骤S300可以包括步骤S301,以及步骤S302或者S303:
S301、响应于画笔指令,在父级卡片的画布区域中触发画笔功能,响应于第一确定指令,确定起点位置。
本发明实施例中,父级卡片中支持画笔功能,当用户需要利用画笔功能时,输入画笔指令例如包括但不限于点击功能区域201中的按钮206,从而在父级卡片的画布区域202中触发画笔功能。在触发画笔功能后,在画布区域202中显示画笔图标,用户输入第一确定指令,例如点击目标图片T1的位置,此时响应于第一确定指令,确定起点位置为T1的位置。
S302、响应于第二确定指令,确定终点位置,在画布区域中起点位置以及终点位置之间显示从起点位置指向终点位置的指示标识。
可选地,当用户输入第二确定指令时,例如点击目标图片T2的位置,此时确定终点位置为T2的位置,在画布区域中起点位置以及终点位置之间显示从起点位置指向终点位置的指示标识,例如此时生成指示标识Z1,如图2所示,由起点位置(T1的位置)指向终点位置(T2的位置)。需要说明的是,指向表征顺序关联,而指向的形式包括但不限于箭头,可以根据实际需要设定。可以理解的是,根据起点位置以及终点位置的不同可以生成不同的指示标识,如图2中所示的指示标识Z2、指示标识Z3。
S303、响应于移动指令,记录画笔的起点位置,在画笔移动时跟随画笔的移动轨迹显示指示标识的生成效果,响应于停止移动指令,将画笔的当前位置作为终点位置,在画布区域中起点位置至终点位置之间显示从起点位置指向终点位置的指示标识。
可选地,用户可以输入移动指令,例如拖拽,此时记录画笔的起点位置,在画笔移动时跟随画笔移动轨迹显示指示标识的生成效果,例如点击目标图片T1的位置作为起点位置并记录,从目标图片T1的位置向右移动画笔靠近目标图片T1,此时画笔移动时跟随画笔向左往右移动的轨迹显示指示标识的生成效果(例如一条直线和箭头),响应于停止移动指令,例如鼠标停止移动或者松开鼠标左键,此时将画笔的当前位置作为终点位置,例如该终点位置为目标图片T2,在画布区域中起点位置至终点位置之间显示从起点位置指向终点位置的指示标识,即此时生成指示标识Z1,如图2所示,由起点位置(T1的位置)指向终点位置(T2的位置)。
S400、根据画布区域中的所有内容生成度量卡片。
可选地,用户可以点击功能区域201中的保存按钮,从而显示平台响应于保存按钮,根据画布区域中的所有内容生成度量卡片,该度量卡片可以进行命名、指定保存的目录或者下载至本地。另外,当用户需要查看时,可以登录平台找到该度量卡片进行查看或者编辑修改度量卡片的名称以及度量卡片中的内容。
本发明实施例中的基于画布的度量卡片实现方法还可以包括步骤S310、S320、S330,其中步骤S310、S320、S330、S300之间的执行顺序任意。
可选地,步骤S310包括步骤S3101-S3102:
S3101、响应于功能区域的颜色设置指令或者数据度量属性设置界面的颜色设置指令,确定目标颜色。
S3102、将第一子级卡片显示目标类型的至少一部分显示为目标颜色,并使目标类型的其他部分以及目标值显示为默认颜色。
可选地,在生成第一子级卡片以及第二子级卡片前可以事先设置默认颜色,当生成第一子级卡片以及第二子级卡片时以默认颜色生成。当用户需要对第一子级卡片的颜色进行设定时,响应于功能区域的颜色设置指令(未图示)或者数据度量属性设置界面的颜色设置指令,确定目标颜色,即可以从功能区域中触发颜色设置或者在数据度量属性设置界面中布置颜色设置供用户选择,从而确定用户所选择的目标颜色。
具体地,将第一子级卡片显示目标类型的至少一部分显示为目标颜色,并使目标类型的其他部分以及目标值显示为默认颜色。需要说明的是,标题以及具体内容的默认颜色可以相同可以不相同,标题的颜色可以指标题文字的颜色或者标题的背景颜色,具体内容的颜色可以指具体内容文字的颜色或者具体内容的背景颜色;目标类型的至少一部分可以指标题或者具体内容的至少一部分,可以根据实际需要调整,不作具体限定。
可以理解的是,第二子级卡片的颜色设置步骤类似,不再赘述。如图2所示,第二子级卡片B的标题部分的颜色可以设置并显示为其他颜色。
可选地,步骤S320包括步骤S3201,以及S3202或者S3203:
S3201、响应于功能区域的图标指令,显示图标设置界面。
可选地,响应于功能区域202的图标指令(例如触发按钮204或205),显示图标设置界面。
S3202、响应于图片输入指令,在图标设置界面中输入图片网站地址,从图片网站地址中获取目标图片,并将目标图片在画布区域中显示。
可选地,当用户在网上找到满意的图片后,可以获得图片的网站地址,此时可以通过输入图片输入指令,然后显示平台响应于图片输入指令,在图标设置界面中输入图片网站地址,从图片网站地址中获取到用户满意的图片即目标图片,并将目标图片在画布区域中显示。如图2所示,为第一子级卡片A设置了目标图片T1,第二子级卡片B设置了目标图片T2,第二子级卡片C设置了目标图片T3,第二子级卡片D设置了目标图片T4。
S3203、响应于图片上传指令,在图标设置界面中选取本地图片作为目标图片进行上传,将目标图片在画布区域中显示。
可选地,当用户在本地找到满意的图片后,可以输入图片上存指令,使得显示平台响应于图片上传指令,在图标设置界面中选取本地图片作为目标图片进行上传,将目标图片在画布区域中显示。
可选地,步骤S330包括步骤S3301或者S3302:
S3301、响应于位置调整指令,调整画布区域中的目标图片的位置、调整第一子级卡片的位置以及调整第二子级卡片的位置中的至少之一。
可选地,当用户需要对画布区域202中的目标图片的位置、第一子级卡片的位置以及第二子级卡片的位置中的至少之一进行调整时,可以通过输入位置调整指令,包括但不限于选定以及拖拽,调整画布区域202中的目标图片的位置、调整第一子级卡片的位置以及调整第二子级卡片的位置。本发明实施例中,在画布区域202中,目标图片的位置、第一子级卡片的位置以及第二子级卡片的位置任意设置,供用户进行个性化的位置调整。
S3302、响应于大小调整指令,调整画布区域中的目标图片的显示大小、调整第一子级卡片的显示大小以及调整第二子级卡片的显示大小中的至少之一。
可选地,当用户需要对画布区域202中的目标图片的显示大小、第一子级卡片的显示大小以及第二子级卡片的显示大小中的至少之一进行调整时,可以通过输入大小调整指令,调整画布区域202中的目标图片的显示大小、调整第一子级卡片的显示大小以及调整第二子级卡片的显示大小,从而有利于根据子卡片以及目标图片的大小以及数量进行均衡设置,以画布区域202清晰合理地显示所有内容。
可选地,还可以通过输入背景设置指令,设置画布区域202的背景。
需要说明的是,本发明实施例中所涉及的指令由用户输入,用户输入的方式包括但不限于鼠标、键盘、语音、手势、触屏等方式。
相对于现有技术,本发明实施例的基于画布的度量卡片实现方法,
通过低代码的方式,提供父级卡片下的第一子级卡片以及第二子级卡片的创建功能,使无代码能力的用户也能在显示平台上实现复杂样式卡片,满足各种复杂场景下的需求,降低了对用户的要求。同时,画布区域202支持画笔功能,相对现有平台仅能通过平台原有支持能力进行配置,能更加便捷、为用户提供更高的自由度,提升用户的操作体验;而通过画笔功能配置不同子级卡片之间的顺序关联,简单直接,便捷且有利于提高用户设置关联关系的效率。
本发明实施例还提供一种基于画布的度量卡片实现装置,包括:
第一生成模块,用于在显示页面中生成画布类型的父级卡片;父级卡片具有画布区域;
第二生成模块,用于响应于第一操作指令,在画布区域中生成第一子级卡片,响应于第二操作指令,在画布区域中生成至少一第二子级卡片;第一子级卡片以及第二子级卡片均具有数据度量属性,数据度量属性用于配置数据类型以及数据类型对应的数据值;
第三生成模块,用于响应于画笔指令,在父级卡片的画布区域中触发画笔功能,在画布区域中生成至少一指示标识;指示标识用于指示第一子级卡片以及第二子级卡片之间的顺序关联,和/或用于指示不同第二子级卡片之间的顺序关联;
第四生成模块,用于根据画布区域中的所有内容生成度量卡片。
上述方法实施例中的内容均适用于本装置实施例中,本装置实施例所具体实现的功能与上述方法实施例相同,并且达到的有益效果与上述方法实施例所达到的有益效果也相同,不再赘述。
本发明实施例还提供了另一种基于画布的度量卡片实现装置,该基于画布的度量卡片实现装置包括处理器和存储器,存储器中存储有至少一条指令、至少一段程序、代码集或指令集,至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现前述实施例的基于画布的度量卡片实现方法。可选地,该基于画布的度量卡片实现装置包括但不限于手机、平板电脑、电脑及车载电脑等。
上述方法实施例中的内容均适用于本装置实施例中,本装置实施例所具体实现的功能与上述方法实施例相同,并且达到的有益效果与上述方法实施例所达到的有益效果也相同,不再赘述。
本发明实施例还提供一种计算机可读存储介质,存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现前述实施例的基于画布的度量卡片实现方法。
本发明实施例还提供一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行前述实施例的基于画布的度量卡片实现方法。
本申请的说明书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
应当理解,在本申请中,“至少一个(项)”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,用于描述关联对象的关联关系,表示可以存在三种关系,例如,“A和/或B”可以表示:只存在A,只存在B以及同时存在A和B三种情况,其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达,是指这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a,b或c中的至少一项(个),可以表示:a,b,c,“a和b”,“a和c”,“b和c”,或“a和b和c”,其中a,b,c可以是单个,也可以是多个。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括多指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等各种可以存储程序的介质。
以上,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (8)

1.一种基于画布的度量卡片实现方法,其特征在于,包括:
在显示页面中生成画布类型的父级卡片;所述父级卡片具有画布区域;
响应于第一操作指令,在所述画布区域中生成第一子级卡片,响应于第二操作指令,在所述画布区域中生成至少一第二子级卡片;所述第一子级卡片以及所述第二子级卡片均具有可显示的数据度量属性,所述数据度量属性用于配置数据类型以及所述数据类型对应的数据值;
响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,在所述画布区域中生成至少一指示标识;所述指示标识用于指示所述第一子级卡片以及所述第二子级卡片之间的顺序关联,和/或用于指示不同所述第二子级卡片之间的顺序关联;
根据所述画布区域中的所有内容生成度量卡片;
所述在显示页面中生成画布类型的父级卡片,包括:响应于卡片选择指令,确定画布类型的父级卡片;将所述画布类型的父级卡片添加至显示平台的显示页面中的目标显示板;通过所述目标显示板在所述显示页面中生成所述父级卡片的显示区域;所述显示区域包括功能区域以及所述画布区域,所述显示平台为商业智能平台;
所述响应于第一操作指令,在所述画布区域中生成第一子级卡片,包括:
响应于所述功能区域的第一指令,在所述显示页面显示所述数据度量属性的设置界面,响应于设置指令,配置所述配置数据类型的目标类型以及所述数据值的目标值,在所述画布区域中生成第一子级卡片;所述第一子级卡片中显示所述目标类型以及所述目标值;
或者,
响应于所述功能区域的第二指令,在所述画布区域中生成第一子级卡片,响应于点击指令在所述显示页面触发显示数据度量属性设置界面或者在所述显示页面自动显示所述数据度量属性设置界面,响应于设置指令,配置所述配置数据类型的目标类型以及所述数据值的目标值,在所述第一子级卡片中显示所述目标类型以及所述目标值。
2.根据权利要求1所述基于画布的度量卡片实现方法,其特征在于:所述基于画布的度量卡片实现方法还包括:
响应于所述功能区域的颜色设置指令或者所述数据度量属性设置界面的颜色设置指令,确定目标颜色;
将所述第一子级卡片显示所述目标类型的至少一部分显示为所述目标颜色,并使所述目标类型的其他部分以及所述目标值显示为默认颜色。
3.根据权利要求1所述基于画布的度量卡片实现方法,其特征在于:所述基于画布的度量卡片实现方法还包括:
响应于所述功能区域的图标指令,显示图标设置界面;
响应于图片输入指令,在所述图标设置界面中输入图片网站地址,从所述图片网站地址中获取目标图片,并将目标图片在所述画布区域中显示;
或者,响应于图片上传指令,在所述图标设置界面中选取本地图片作为目标图片进行上传,将目标图片在所述画布区域中显示。
4.根据权利要求3所述基于画布的度量卡片实现方法,其特征在于:所述基于画布的度量卡片实现方法还包括:
响应于位置调整指令,调整所述画布区域中的目标图片的位置、调整所述第一子级卡片的位置以及调整所述第二子级卡片的位置中的至少之一;其中,在所述画布区域中,所述目标图片的位置、所述第一子级卡片的位置以及所述第二子级卡片的位置任意设置;
或者,
响应于大小调整指令,调整所述画布区域中的目标图片的显示大小、调整所述第一子级卡片的显示大小以及调整所述第二子级卡片的显示大小中的至少之一。
5.根据权利要求1-4任一项所述基于画布的度量卡片实现方法,其特征在于:所述响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,在所述画布区域中生成至少一指示标识,包括:
响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,响应于第一确定指令,确定起点位置;
响应于第二确定指令,确定终点位置,在所述画布区域中所述起点位置以及所述终点位置之间显示从所述起点位置指向所述终点位置的指示标识;
或者,
响应于移动指令,记录画笔的起点位置,在画笔移动时跟随所述画笔的移动轨迹显示指示标识的生成效果,响应于停止移动指令,将所述画笔的当前位置作为终点位置,在所述画布区域中所述起点位置至所述终点位置之间显示从所述起点位置指向所述终点位置的指示标识;
其中,所述指向用于表征顺序关联。
6.一种基于画布的度量卡片实现装置,其特征在于,包括:
第一生成模块,用于在显示页面中生成画布类型的父级卡片;所述父级卡片具有画布区域;
第二生成模块,用于响应于第一操作指令,在所述画布区域中生成第一子级卡片,响应于第二操作指令,在所述画布区域中生成至少一第二子级卡片;所述第一子级卡片以及所述第二子级卡片均具有数据度量属性,所述数据度量属性用于配置数据类型以及所述数据类型对应的数据值;
第三生成模块,用于响应于画笔指令,在所述父级卡片的所述画布区域中触发画笔功能,在所述画布区域中生成至少一指示标识;所述指示标识用于指示所述第一子级卡片以及所述第二子级卡片之间的顺序关联,和/或用于指示不同所述第二子级卡片之间的顺序关联;
第四生成模块,用于根据所述画布区域中的所有内容生成度量卡片;
所述在显示页面中生成画布类型的父级卡片,包括:响应于卡片选择指令,确定画布类型的父级卡片;将所述画布类型的父级卡片添加至显示平台的显示页面中的目标显示板;通过所述目标显示板在所述显示页面中生成所述父级卡片的显示区域;所述显示区域包括功能区域以及所述画布区域,所述显示平台为商业智能平台;
所述响应于第一操作指令,在所述画布区域中生成第一子级卡片,包括:
响应于所述功能区域的第一指令,在所述显示页面显示所述数据度量属性的设置界面,响应于设置指令,配置所述配置数据类型的目标类型以及所述数据值的目标值,在所述画布区域中生成第一子级卡片;所述第一子级卡片中显示所述目标类型以及所述目标值;
或者,
响应于所述功能区域的第二指令,在所述画布区域中生成第一子级卡片,响应于点击指令在所述显示页面触发显示数据度量属性设置界面或者在所述显示页面自动显示所述数据度量属性设置界面,响应于设置指令,配置所述配置数据类型的目标类型以及所述数据值的目标值,在所述第一子级卡片中显示所述目标类型以及所述目标值。
7.一种基于画布的度量卡片实现装置,其特征在于:所述基于画布的度量卡片实现装置包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1-5中任一项所述方法。
8.一种计算机可读存储介质,其特征在于:所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1-5中任一项所述方法。
CN202310279488.5A 2023-03-22 2023-03-22 一种基于画布的度量卡片实现方法、装置及存储介质 Active CN116166242B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310279488.5A CN116166242B (zh) 2023-03-22 2023-03-22 一种基于画布的度量卡片实现方法、装置及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310279488.5A CN116166242B (zh) 2023-03-22 2023-03-22 一种基于画布的度量卡片实现方法、装置及存储介质

Publications (2)

Publication Number Publication Date
CN116166242A CN116166242A (zh) 2023-05-26
CN116166242B true CN116166242B (zh) 2023-08-01

Family

ID=86413349

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310279488.5A Active CN116166242B (zh) 2023-03-22 2023-03-22 一种基于画布的度量卡片实现方法、装置及存储介质

Country Status (1)

Country Link
CN (1) CN116166242B (zh)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114090066A (zh) * 2021-11-29 2022-02-25 中国平安财产保险股份有限公司 用户界面卡片视图生成方法、装置、计算机设备及介质
CN115328595A (zh) * 2022-08-02 2022-11-11 北京金山办公软件股份有限公司 消息卡片生成方法、装置、电子设备及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11238210B2 (en) * 2018-08-22 2022-02-01 Microstrategy Incorporated Generating and presenting customized information cards
CN111367514B (zh) * 2018-12-25 2023-04-28 阿里巴巴集团控股有限公司 页面卡片的开发方法和装置、计算设备和存储介质
CN112685997A (zh) * 2020-12-31 2021-04-20 安徽鸿程光电有限公司 批注信息的显示方法、装置、设备及计算机可读存储介质
CN113296772A (zh) * 2021-05-25 2021-08-24 平安消费金融有限公司 页面配置方法、装置、计算机设备及可读存储介质
CN113867875A (zh) * 2021-09-30 2021-12-31 北京市商汤科技开发有限公司 标记对象的编辑及显示方法、装置、设备、存储介质
CN114444447A (zh) * 2021-12-15 2022-05-06 晨贝(天津)技术有限公司 一种卡片的处理方法及装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114090066A (zh) * 2021-11-29 2022-02-25 中国平安财产保险股份有限公司 用户界面卡片视图生成方法、装置、计算机设备及介质
CN115328595A (zh) * 2022-08-02 2022-11-11 北京金山办公软件股份有限公司 消息卡片生成方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN116166242A (zh) 2023-05-26

Similar Documents

Publication Publication Date Title
US10474320B2 (en) Document channel selection for document viewing application
CN107831974B (zh) 信息分享方法、装置及存储介质
CN109753326B (zh) 处理方法、装置、设备和机器可读介质
CN109101157A (zh) 侧边栏图标设置方法、装置、终端及存储介质
CN116034385A (zh) 指示相关联内容的可用性的动画视觉提示
CN112016023B (zh) 业务处理方法、装置、终端及存储介质
KR20170026274A (ko) 콘텐츠 편집 장치 및 편집 방법
CN112114734B (zh) 在线文档的显示方法、装置、终端及存储介质
CN114185465B (zh) 信息处理方法、装置、存储介质和电子设备
CN111813313A (zh) 多媒体资源切换方法、装置、终端设备和存储介质
US11941728B2 (en) Previewing method and apparatus for effect application, and device, and storage medium
TW202026849A (zh) 交互方法、裝置及設備
CN113918522A (zh) 一种文件生成方法、装置及电子设备
CN112698762B (zh) 图标显示方法、装置及电子设备
CN111061532B (zh) 一种壁纸展示方法及终端设备
CN105988679A (zh) 一种信息呈现方法、装置及一种用户设备
CN112752127B (zh) 视频播放位置的定位方法和装置、存储介质及电子装置
CN116166242B (zh) 一种基于画布的度量卡片实现方法、装置及存储介质
CN115460448A (zh) 一种媒体资源编辑方法、装置、电子设备以及存储介质
CN113923392A (zh) 视频录制方法、视频录制装置和电子设备
CN111399722A (zh) 邮件签名的生成方法、装置、终端及存储介质
CN111782309A (zh) 显示信息的方法、装置及计算机可读存储介质
CN113037618B (zh) 图像分享方法及装置
US20230418427A1 (en) Method, apparatuses, device and storage medium for video recommendation
US11379099B2 (en) Method and device for selecting text in electronic terminal

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
GR01 Patent grant
GR01 Patent grant