CN111428101A - 图像动态显示方法、装置、计算机设备及存储介质 - Google Patents

图像动态显示方法、装置、计算机设备及存储介质 Download PDF

Info

Publication number
CN111428101A
CN111428101A CN202010127395.7A CN202010127395A CN111428101A CN 111428101 A CN111428101 A CN 111428101A CN 202010127395 A CN202010127395 A CN 202010127395A CN 111428101 A CN111428101 A CN 111428101A
Authority
CN
China
Prior art keywords
node
image
workflow
target
life cycle
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
Application number
CN202010127395.7A
Other languages
English (en)
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.)
OneConnect Smart Technology Co Ltd
OneConnect Financial Technology Co Ltd Shanghai
Original Assignee
OneConnect Financial Technology Co Ltd Shanghai
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 OneConnect Financial Technology Co Ltd Shanghai filed Critical OneConnect Financial Technology Co Ltd Shanghai
Priority to CN202010127395.7A priority Critical patent/CN111428101A/zh
Publication of CN111428101A publication Critical patent/CN111428101A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/903Querying
    • G06F16/9038Presentation of query results

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Computational Linguistics (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种图像动态显示方法、装置、计算机设备及存储介质,该方法包括获取客户端发送的图像查询请求,所述图像查询请求包括用户权限和目标对象对应的目标周期阶段;根据所述目标对象对应的目标周期阶段查询数据库,获取与所述目标生命周期阶段对应的目标生命周期图像;根据所述用户权限更新所述目标生命周期图像的显示模式,获取更新生命周期图像;获取所述客户端对应的客户端设备的屏幕尺寸;根据所述屏幕尺寸,对所述更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示所述更新生命周期图像,该方法可自适应显示当前生命周期图像以兼容不同的设备且减少内存占用,提高运行效率。

Description

图像动态显示方法、装置、计算机设备及存储介质
技术领域
本发明涉及图像显示领域,尤其涉及一种图像动态显示方法、装置、计算机设备及存储介质。
背景技术
目前,对于当前选择的目标对象(例如产品或开发项目)对应的生命周期图像(进行动态显示时,由于此时服务器未获取相应的工作流组信息,只会根据已经取回的生命周期阶段进行展示,并不会重新发送一请求即请求显示当前所选生命周期对应的生命周期图像,故在计算新的生命周期图像的容器尺寸时会出现错误。并且,由于当前的生命周期阶段存储在内存中,在数据量过大时,会占用内存,影响运行效率。
发明内容
本发明实施例提供一种图像动态显示方法、装置、计算机设备及存储介质,以解决当前生命周期图像无法自适应不同的设备以及占用内存的问题。
一种图像动态显示方法,包括:
获取客户端发送的图像查询请求,所述图像查询请求包括用户权限和目标对象对应的目标周期阶段;
根据所述目标对象对应的目标周期阶段查询数据库,获取与所述目标生命周期阶段对应的目标生命周期图像;
根据所述用户权限更新所述目标生命周期图像的显示模式,获取更新生命周期图像;
获取所述客户端对应的客户端设备的屏幕尺寸;
根据所述屏幕尺寸,对所述更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示所述更新生命周期图像。
一种图像动态显示装置,包括:
图像查询请求获取模块,用于获取客户端发送的图像查询请求,所述图像查询请求包括用户权限和目标对象对应的目标周期阶段;
目标生命周期图像获取模块,用于根据所述目标对象对应的目标周期阶段查询数据库,获取与所述目标生命周期阶段对应的目标生命周期图像;
更新生命周期图像获取模块,用于根据所述用户权限更新所述目标生命周期图像的显示模式,获取更新生命周期图像;
屏幕尺寸获取模块,用于获取所述客户端对应的客户端设备的屏幕尺寸;
更新生命周期图像显示模块,用于根据所述屏幕尺寸,对所述更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示所述更新生命周期图像。
一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述图像动态显示方法的步骤。
一种非易失性存储介质,所述非易失性存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述图像动态显示方法的步骤。
上述图像动态显示方法、装置、计算机设备及存储介质中,通过响应客户端发送的图像查询请求,以便根据目标对象对应的目标周期阶段查询数据库,获取与目标周期阶段对应的目标生命周期图像,相比传统显示生命周期图像中采用内存存储已获取的生命周期阶段,减少内存占用,提升运行效率。然后,根据用户权限更新目标生命周期图像的显示模式,获取更新生命周期图像,以使不同的用户权限对应的显示模式不同,用户可直观查看自身的权限所在。接着,获取客户端对应的客户端设备的屏幕尺寸,以便根据屏幕尺寸,对更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示更新生命周期图像,实现根据不同的屏幕自适应以动态显示的目的,以便兼容不同的设备,以在不同设备上浏览和访问网页,而不改变原始网页,有助于管理和更新网站内容。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例中图像动态显示方法的一应用环境示意图;
图2是本发明一实施例中图像动态显示方法的一流程图;
图3是本发明一实施例中图像动态显示方法的一流程图;
图4是本发明一实施例中图像动态显示方法的一流程图;
图5是图4中步骤S114的一具体流程图;
图6是图5中步骤S1142的一具体流程图;
图7是图6中步骤S201的一具体流程图;
图8是图7中步骤S2011的一具体流程图;
图9是本发明一实施例中生命周期阶段对应的工作流的一示例图;
图10是本发明一实施例中串行工作流的一示例图;
图11是本发明一实施例中图像动态显示装置的一原理框图;
图12是本发明一实施例中计算机设备的一示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供的图像动态显示方法,可应用在如图1的应用环境中,其中,计算机设备通过网络与服务器进行通信。计算机设备可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务器可以用独立的服务器来实现。
在一实施例中,如图2所示,提供一种图像动态显示方法,以该方法应用在图1中的服务器为例进行说明,包括如下步骤:
S10:获取客户端发送的图像查询请求,图像查询请求包括用户权限和目标对象对应的目标周期阶段。
其中,图像查询请求是用于触发服务器查询数据库中存储的生命周期图像的请求。具体地,用户可通过客户端选择当前所需显示的目标周期阶段,该目标对象对应的目标周期阶段是指产品或项目的生命周期阶段,例如产品的生命周期阶段包括产品设立、产品上架以及产品成立等。
可以理解地,该目标对象可指产品或开发项目,其中产品包括但不限于商品、应用产品等等。开发项目包括但不限于软件开发项目、广告开发项目、房地产开发项目等等。
不同的用户对应的用户权限不同,则在显示生命周期图像时会根据不同的用户权限,切换不同的显示模式进行显示。
S20:根据目标对象对应的目标周期阶段查询数据库,获取与目标周期阶段对应的目标生命周期图像。
具体地,根据所需显示的目标周期阶段,以使服务器响应图像查询请求,查询数据库,获取与目标周期阶段对应的目标生命周期图像,以实现响应式显示生命周期图像,相比传统显示生命周期图像中采用内存存储生命周期阶段,减少内存占用,提升运行效率。
S30:根据用户权限更新目标生命周期图像的显示模式,获取更新生命周期图像。
具体地,不同的用户权限,对应的显示模式不同,可由用户自定义设置,也可采用系统默认设置,例如,若用户有编辑权限,即修改目标生命周期图像的生命周期阶段的属性信息,则将目标生命周期图像中生命周期阶段对应的图像显示为实心圆,若用户无编辑权限,仅有浏览权限,则将目标生命周期图像中生命周期阶对应的图像段显示为空心圆,此处仅做示例说明,具体实现方式不做限定。
S40:获取客户端对应的客户端设备的屏幕尺寸。
具体地,可采用屏幕尺寸获取函数如window.screen.height(屏幕的高度)
window.screen.width(屏幕的宽度),获取客户端对应的客户端设备的屏幕尺寸。
S50:根据屏幕尺寸,对更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示更新生命周期图像。
由于本实施例中采用svg(Scalable Vector Graphics,可缩放的矢量图形)技术绘制生命周期图像,即矢量图像,故可以根据当前屏幕尺寸自适应当前屏幕,以适应不同屏幕大小。具体地,通过获取当前屏幕尺寸,以在显示生命周期图像时,能够根据当前屏幕尺寸进行自适应,即缩小或放大更新后的生命周期图像。可以理解地,该命周期图像在页面中的尺寸为相对尺寸,其会随页面的尺寸变化为变化,即随屏幕尺寸的变化而变化,由于生命周期图像在页面中的尺寸与屏幕尺寸保持一定的宽高比,故在不同的屏幕尺寸中,会按照一定的宽高比调整命周期图像在页面中的尺寸。本实施例中,可根据实际需要设定工作流在页面中的尺寸,此处不做限定。
进一步地,生命周期图像还包括生命周期阶段对应的周期节点;生命周期阶段对应一阶段状态;周期节点对应一节点状态;该方法还包括如下步骤:
S110:实时接收生命周期图像对应的当前阶段状态和当前节点状态;
S120:根据当前阶段状态和当前节点状态,更新数据库中存储的生命周期图像对应的阶段状态和节点状态。
则在客户端设备上显示更新后的生命周期图像具体为,按照当前阶段状态和当前节点状态,在客户显示客户端设备上显示更新后的生命周期图像。
其中,当前阶段状态或当前节点状态包括但不限于已完成、进行中和未完成状态。不同的状态对应的显示样式不同,以区分每一生命周期阶段和周期节点对应的显示状态,更加直观的查看产品的进度。
本实施例中,通过响应客户端发送的图像查询请求,以便根据目标对象对应的目标周期阶段查询数据库,获取与目标周期阶段对应的目标生命周期图像,相比传统显示生命周期图像中采用内存存储已获取的生命周期阶段,减少内存占用,提升运行效率。然后,根据用户权限更新目标生命周期图像的显示模式,获取更新生命周期图像,以使不同的用户权限对应的显示模式不同,用户可直观查看自身的权限所在。接着,获取客户端对应的客户端设备的屏幕尺寸,以便根据屏幕尺寸,对更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示更新生命周期图像,实现根据不同的屏幕自适应以动态显示的目的,以便兼容不同的设备,以在不同设备上浏览和访问网页,而不改变原始网页,有助于管理和更新网站内容。
在一实施例中,为了使图像显示速率更快,加入了预绘制的步骤,即将服务器统计的历史查询次数最多的工作流组作为候选工作流组并进行绘制,无需用户指令即可预先绘制并显示,无需等待。如图3所示,步骤S10之前,该图像动态显示方法还包括:
S101:根据历史查询日志,确定候选生命周期阶段和与候选生命周期阶段相对应的候选工作流组,候选工作流组包括至少一个周期节点。
其中,候选生命周期阶段是指历史查询次数排在前n位的生命周期阶段,候选工作流组是候选生命周期阶段对应的工作流。工作流是指包含n个周期节点的流程链。周期节点是指生命周期阶段对应的流程节点,例如候选生命周期阶段为产品设立,其对应的周期节点为包括录入产品基本信息、确认产品基本信息、复核产品基本信息等。
S102:遍历周期节点,得到每一周期节点对应的变量坐标。
其中,变量坐标是指候选工作流组中的周期节点的坐标。具体地,由于候选工作流组中的周期节点反映该生命周期阶段的每一流程节点的信息,因此周期节点是按照预定义的流程记载的,在绘制候选工作组时需要获取按照记载的周期节点的顺序逐一绘制,故服务器需要遍历周期节点,得到每一周期节点对应的变量坐标,以便根据每一周期节点的坐标进行逐一绘制。
S103:根据变量坐标,绘制候选工作流组,并在客户端设备上显示候选工作流组。
具体地,当用户选择查看某产品的生命周期图像时,服务器会根据用户所选择生命周期图像进行显示,但在显示时,会根据预先统计的历史查询次数排在前n位的工作流组,即候选工作流组,通过遍历候选工作流组中的每两个周期节点间对应的起始坐标即变量坐标,并根据该变量坐标绘制所有的候选工作流组,以在客户端设备上显示候选工作流组,用户可通过下拉框选择的方式切换当前绘制的候选工作流组的显示状态即显示或隐藏,无需等待,响应速度快。
本实施例中,通过将被多次发起的工作流放在候选工作流组中,并通过下拉框选择后切换到对应的候选工作流组,切换的时候对应做显示和隐藏即可,无需重新请求,提高渲染效率。
在一实施例中,如图4所示,步骤S10之前,该图像动态显示方法还包括:
S111:接收生命周期数据,生命周期数据包括生命周期阶段和对应的周期节点。
其中,用户可根据实际需要上传需要自动生成生命周期图像所需的生命周期数据,该生命周期数据包括生命周期阶段和对应的周期节点,例如图3所示,生命周期阶段可为“产品设立-产品上架-产品成立”,产品设立对应的周期节点为“录入产品基本信息-确认产品基本信息-复核产品基本信息……”。具体地,用户可按照生命周期阶段和对应的周期节点的顺序上传,以便后续根据用户上传的生命周期数据的顺序绘制图像。
S112:分别对生命周期阶段和对应的周期节点配置操作标识,操作标识包括阶段标识和节点标识。
其中,阶段标识是指生命周期阶段对应的标识,节点标识是指周期节点对应的标识,具体地,由于生命周期阶段和对应的周期节点的绘制是同步进行的,故需要对生命周期阶段和对应的周期节点配置操作标识,以区分生命周期阶段和周期节点。
具体地,用户可批量创建生命周期阶段,服务器会根据用户批量创建的生命周期阶段按顺序进行标识,用户可按标识顺序输入每一生命周期阶段的名称和生命周期阶段间连接线指向(如向右)。在创建生命周期节点时,也可批量创建周期节点,服务器会根据批量创建的周期节点按顺序进行标识,用户需按标识顺序输入每一周期节点的名称、节点间连接线的指向(如向左)以及节点属性。
进一步地,用户也可按标识输入至少两个周期节点,即可表示该节点的节点属性为并行节点,无需再次选择节点属性。
进一步地,若在产品或项目上架前已有制作好的生命周期表,则也可上传该生命周期表,服务器采用文字识别技术识别生命周期表中的数据并按照表格中的顺序进行解析,以得到生命周期数据。
S113:根据阶段标识和节点标识,确定对应的绘制流;绘制流包括阶段绘制流和节点绘制流。
具体地,在绘制生命周期阶段和周期节点时同步进行的,在开始绘制生命周期图像时,需要判断当前绘制节点的操作标识是阶段标识和节点标识,若是阶段标识则认为当前绘制节点为生命周期阶段,则确定其对应的绘制流为阶段绘制流,若是节点标识,则确定其对应的绘制流为节点绘制流。例如,生命周期阶段的阶段标识为0,周期节点不为0。
S114:同步执行阶段绘制流和节点绘制流绘制矢量图像,生成原始生命周期图像。
可以理解地,在绘制并行生命周期阶段时,是按照一个一个绘制的方式进行绘制,每一生命周期阶段间的连接线长度可根据生命周期阶段在页面中的尺寸进行确定,例如生命周期阶段的总数量与生命周期阶段所占页面宽度的比值进行确定,此处不做限定。
进一步地,步骤S11之后该图像动态显示方法还包括:获取生命周期阶段和周期节点对应的显示样式。
具体地,不同的生命周期阶段和周期节点对应的显示样式可根据需要进行自定义,也可选择默认设置,此处不做限定。
S114具体为:根据显示样式,同步执行阶段绘制流和节点绘制流绘制矢量图像,以生成生命周期图像。
具体地,该显示样式包括一级显示样式和二级显示样式;其中,一级显示样式是指生命周期阶段对应的显示样式,二级显示样式是指生命周期阶段对应的周期节点的显示样式。具体地,在生命周期阶段绘制流中,服务器会根据一级显示样式和生命周期阶段绘制生命周期阶段对应的生命周期阶段图像。在节点绘制流中,服务器会根据二级显示样式和生命周期阶段对应的周期节点绘制周期节点对应的周期节点图像。该一级显示样式和二级显示样式可由用户自定义设置,也可选择默认设置,此处不限定。
本实施例中,通过接收生命周期数据,生命周期数据包括生命周期阶段和对应的周期节点;然后,分别对生命周期阶段和对应的周期节点配置操作标识,操作标识包括阶段标识和节点标识,以便区分生命周期阶段和周期节点;接着,根据阶段标识和节点标识,确定对应的绘制流,该绘制流包括阶段绘制流和节点绘制流,以便服务器同步执行阶段绘制流和节点绘制流绘制矢量图像,生成原始生命周期图像,有效解决传统采用人工手动绘制生命周期图像或工作流程图,导致生命周期图像的制作效率低的问题。
在一实施例中,如图5所示,步骤S114中,即同步执行阶段绘制流和节点绘制流绘制矢量图像,生成原始生命周期图像,具体包括如下步骤:
S1141:在阶段绘制流中,按照生命周期阶段对应的生命周期阶段顺序绘制生命周期阶段图像。
具体地,在阶段绘制流中,服务器按照周期数据中生命周期阶段对应的生命周期阶段顺序逐一绘制生命周期阶段图像。
S1142:在节点绘制流中,根据周期节点的节点属性和周期节点的节点指向,确定绘制动作,根据绘制动作绘制周期节点图像。其中,原始生命周期图像包括生命周期阶段图像和周期节点图像。
其中,节点属性包括串行节点和并行节点。节点指向即周期节点的流向。本实施例中,不同的节点绘制流对应的工作流属性不同,该工作流属性包括串行工作流和并行工作流。可以理解地,串行工作流中包括的周期节点的节点属性为串行节点,而并行工作流中既可包括串行节点也可包括并行节点。
如图9所示的某一生命周期阶段对应的工作流的示例图中,该周期节点图像中包括串行工作流A、并行工作流B,并行工作流C以及串行工作流D。其中,串行工作流A包括串行节点A1和A2、并行工作流B中包含两条并行线,第一条并行线B1是由并行节点B11组成的。第二条并行线B2是由串行节点B21和B22组成,此时该并行线可视为一串行工作流;并行工作流C是由两条并行线构成,第一条并行线C1是由并行节点C11组成,第二条并行线C2是由并行节点C21组成;串行工作流D包括串行节点D1。
在一实施例中,如图6所示,步骤S1142中,即在节点绘制流中,根据周期节点的节点属性和周期节点的节点指向,确定绘制动作,具体包括如下步骤:
S201:确定节点绘制流对应的目标连线长度。
其中,目标连线长度是预先确定的节点绘制流中行节点间的连接线长度,即节点间的间隔。
具体地,在一实施例中,如图7所示,步骤S201中,即确定节点绘制流对应的目标连线长度,具体包括如下步骤:
S2011:依据节点绘制流的工作流属性,获取生命周期阶段中周期节点的有效数量。
其中,节点绘制流的工作流属性包括串行工作流和并行工作流。不同的工作流属性,在计算生命周期阶段中周期节点的有效数量时的计算方法不同,例如并行工作流中所包含的周期节点并不会全部参与计算。
具体地,在一实施例中,如图8所示,步骤S201中,即依据节点绘制流的工作流属性,获取生命周期阶段中周期节点的有效数量,具体包括如下步骤:
S301:若当前节点绘制流的工作流属性为串行工作流,则将串行工作流中串行节点的数量确定为串行数量。
其中,串行数量指生命周期阶段对应的串行工作流中串行节点的总数量。如图10所示,即当前节点绘制流的工作流属性为串行工作流的情况,此时在计算节点间间隔时,可直接将串行节点的总数量作为串行数量。
S302:若当前节点绘制流的工作流属性为并行工作流,且并行工作流中包括串行节点,则将并行该工作流中包括串行节点最多的串行工作流对应的周期节点数量,确定为并行数量。
具体地,若当前节点绘制流的工作流属性为并行工作流,且并行工作流中包括串行节点,包括两种情况,一是并行工作流中仅包括串行节点;二是是并行工作流中既包括串行节点,又包括并行节点;由于第二种情况中并行节点(本实施例中,并行工作流中的并行线仅有一个周期节点,则该并行线内的周期节点的节点属性为并行节点,若并行线包括至少两个周期节点,则该并行线内的周期节点的节点属性为串行节点)不参与运算,故这两种情况下,在计算并行工作流中参与运算的周期节点的数量即并行数量时,将并行该工作流中包括串行节点最多的串行工作流对应的周期节点数量,确定为并行数量。
S303:若当前节点绘制流的工作流属性为并行工作流,且并行工作流中仅包括并行节点,则并行数量确定为1。
S304:将串行数量和并行数量之和,确定为周期节点的有效数量。
若当前节点绘制流的工作流属性为并行工作流,且并行工作流中仅包括并行节点,则并行数量为1,继续遍历计算生命周期阶段对应的每一并行工作流对应的并行数量。最后,将将串行数量和并行数量之和,确定为周期节点的有效数量,以便后续根据该周期节点的有效数量以及生命周期阶段对应的工作流所占页面宽度,即可确定周期节点间的间隔(即目标连接线长度)。
示例性地,如图9所示的生命周期阶段对应的工作流的示例图,图中包括串行工作流A、并行工作流B、并行工作流C以及串行工作流D,在计算该工作流中周期节点的有效数量时,将串行工作流A和D对应的串行节点的总数量作为串行数量(即3),而针对并行工作流B中,其包括两条并行线,即B1和B2,并行线B包括并行节点B11,并行线B2包括串行节点B21和B22,故在计算该并行工作流B对应的并行数量即为并行该工作流中包括串行节点最多的串行工作流(即B2)对应的周期节点数量(即2)。针对并行工作流C中,其包括两条并行线,而每条并行线均只包含一并行节点,则该并行工作流C对应的并行数量为1,将串行数量和并行数量之和,即3+2+1=6即确定为周期节点的有效数量。
本实施例中,通过针对不同情况确定周期节点的有效数量,以便根据该周期节点的有效数量,确定周期节点间的间隔,保证后续动态显示时不会出现节点间相互遮挡的问题,无需用户干预,自动统计计算,进一步提高生命周期图像制作效率。
S2012:若周期节点的有效数量大于预设节点数量,则按照预设比例缩短初始连线长度,确定目标连线长度。
S2013:若周期节点的有效数量等于预设节点数量,将初始连线长度确定为目标连线长度。
S2014:若周期节点的有效数量小于预设节点数量,则按照预设比例增加初始连线长度,确定目标连线长度。
其中,预设比例可由用户预先设定或者默认设置,此处不做限定。具体地,工作流中周期节点间的连接线长度,在绘制其他工作流时可动态调整,该初始化的连接线长度对应的初始周期节点数量,若在绘制其他工作流时,可根据对应的周期节点数量进行调整,若当前周期节点数量大于初始化的初始周期节点数量,则可按照预设比例缩短周期节点间的连接线长度,若当前周期节点数量小于初始化的初始周期节点数量则可按照预设比例增加周期节点间的连接线长度,以自适应绘制工作流,保证后续动态显示的显示效果。
本实施例中,通过对比生命周期阶段对应的周期节点的有效数量与预设节点数量,以便根据对比结果对初始连线长度按照预设比例增加或缩短,以实现自适应绘制工作流的目的,保证后续动态显示可兼容不同屏幕尺寸的设备。
S202:若当前周期节点处于串行工作流且当前周期节点对应的节点属性为串行节点,则根据生命周期阶段对应的工作流所占页面尺寸和目标连线长度,确定串行节点对应的目标节点位置。
具体地,若当前周期节点处于串行工作流且当前周期节点对应的节点属性为串行节点,则通过节点绘制流对应的目标连线长度,即可确定周期节点在工作流中的横向坐标,而其纵坐标可设置为工作流所占页面高度的中间位置,也可设置在工作流所占页面高度的其他位置,此处不做限定。通过获取串行节点在页面中的横纵坐标,即可确定串行工作流中每一串行节点对应的目标节点位置。
S203:若当前周期节点处于并行工作流且当前周期节点对应的节点属性为串行节点,则根据生命周期阶段对应的工作流所占页面尺寸、目标连线长度和并行工作流中并行线的数量,确定并行工作流中串行节点的目标节点位置。
其中,生命周期阶段对应的工作流即由每一生命周期阶段对应的多个周期节点所组成。生命周期阶段对应的工作流所占页面尺寸即生命周期阶段对应的工作流页面中所预设的尺寸。
具体地,该目标节点位置指当前周期节点在页面中的相对位置。可以理解地,服务器会按照逐一绘制的方式先绘制第一条并行线中的全部周期节点,然后,继续绘制下一并行线,在绘制完全部的并行线时,再绘制下一工作流。因此,在绘制每一周期节点时,是以上一已绘制完成的周期节点的位置进行参照,以便保证每个节点间的间隔是相同的,并使后续进行图像动态显示时,能够实现自适应屏幕的目的。
服务器在判断当时周期节点处于并行工作流且当前周期节点对应的节点属性为串行节点时,会根据生命周期阶段对应的工作流所占页面尺寸,确定该生命周期阶段对应的工作流在页面中的可绘制区域,以便根据并行工作流中并行线的数量,确定每条并行线的高度,例如生命周期阶段对应的工作流在页面中的可绘制高度为100,并行线有4条,则根据可绘制高度(即100)与并行线的数量(即4)的比值确定并行线间的间隔即25,同时根据该串行节点所在的并行线,即可确定该并行工作流中串行节点的纵坐标,按照目标连线长度即可确定串行节点的横坐标,进而确定并行工作流中串行节点的目标节点位置。通过确定并行线间的间隔,以防止在绘制并行流时,由于不确定并行线间的高度,出现并行线间的相互遮挡的现象。
需要说明的是,该目标连线长度可由用户指定,或者服务器统计生命周期阶段对应的周期节点的有效数量进行计算确定,此处不做确定。
S204:根据上一周期节点对应的节点指向和当前周期节点的目标节点位置,确定绘制动作。
具体地,若上一周期节点处于串行工作流,当前周期节点处于并行绘制流中,由于当前周期节点处于并行工作流中每一条并行线的起始节点,故在从串行工作流绘制到并行工作流时,用户可设置连接线样式,例如曲线、直角线、直线等不同形状的连接线样式,此处不做限定。
进一步地,若上一周期节点对应的节点指向为向左,则确定绘制动作为将上一周期节点向左连线按照目标连线的长度绘制至当前周期节点对应的目标节点位置,以绘制周期图像;若上一周期节点对应的节点指向为向右,则确定绘制动为将上一周期节点向右连线至当前周期节点对应的目标节点位置。
本实施例中,通过确定目标连线长度,以便根据不同的节点绘制流的工作流属性以及节点属性,确定当前周期节点的目标节点位置,进而根据上一周期节点对应的节点指向和当前周期节点的目标节点位置,确定绘制动作,以使服务器根据绘制动作自动绘制生命周期图像,无需用户手动绘制生活周期图像,可批量制作生命周期图像。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
在一实施例中,提供一种图像动态显示装置,该图像动态显示装置与上述实施例中图像动态显示方法一一对应。如图11所示,该图像动态显示装置包括图像查询请求获取模块10、目标生命周期图像获取模块20、更新生命周期图像获取模块30、屏幕尺寸获取模块40和更新生命周期图像显示模块50。各功能模块详细说明如下:
图像查询请求获取模块10,用于获取客户端发送的图像查询请求,图像查询请求包括用户权限和目标对象对应的目标周期阶段。
目标生命周期图像获取模块20,用于根据目标对象对应的目标周期阶段查询数据库,获取与目标周期阶段对应的目标生命周期图像。
更新生命周期图像获取模块30,用于根据用户权限更新目标生命周期图像的显示模式,获取更新生命周期图像。
屏幕尺寸获取模块40,用于获取客户端对应的客户端设备的屏幕尺寸。
更新生命周期图像显示模块50,用于根据屏幕尺寸,对更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示更新生命周期图像。
具体地,该图像动态显示装置还包括候选工作流组确定模块、变量坐标获取模块和候选工作流组显示模块。
候选工作流组确定模块,用于根据历史查询日志,确定候选生命周期阶段和与候选生命周期阶段相对应的候选工作流组;候选工作流组包括至少一个周期节点。
变量坐标获取模块,用于遍历周期节点,得到每一周期节点对应的变量坐标。
候选工作流组显示模块,用于根据变量坐标,绘制候选工作流组,并在客户端设备上显示候选工作流组。
具体地,该图像动态显示装置还包括生命周期数据接收模块、标识配置模块、绘制流确定模块以及原始生命周期图像生成模块。
生命周期数据接收模块,用于接收生命周期数据,生命周期数据包括生命周期阶段和对应的周期节点。
标识配置模块,用于分别对生命周期阶段和对应的周期节点配置操作标识;操作标识包括阶段标识和节点标识。
绘制流确定模块,用于根据阶段标识和节点标识,确定对应的绘制流;绘制流包括阶段绘制流和节点绘制流。
原始生命周期图像生成模块,用于同步执行阶段绘制流和节点绘制流绘制矢量图像,生成原始生命周期图像。
具体地,原始生命周期图像生成模块包括第一绘制流处理单元和第二绘制流处理单元。
第一绘制流处理单元,用于在阶段绘制流中,按照生命周期阶段对应的生命周期阶段顺序绘制生命周期阶段图像。
第二绘制流处理单元,用于在节点绘制流中,根据周期节点的节点属性和周期节点的节点指向,确定绘制动作,根据绘制动作绘制周期节点图像。
其中,原始生命周期图像包括生命周期阶段图像和周期节点图像。
具体地,第二绘制流处理单元包括目标连线长度确定子单元、第一处理子单元、第二处理子单元和绘制动作确定子单元。
目标连线长度确定子单元,用于确定节点绘制流对应的目标连线长度。
第一处理子单元,用于若当前周期节点处于串行工作流且当前周期节点对应的节点属性为串行节点,则根据生命周期阶段对应的工作流所占页面尺寸和目标连线长度,确定串行工作流中每一串行节点对应的目标节点位置。
第二处理子单元,用于若当前周期节点处于并行工作流且当前周期节点对应的节点属性为串行节点,则根据生命周期阶段对应的工作流所占页面尺寸、目标连线长度和并行工作流中并行线的数量,确定并行工作流中串行节点的目标节点位置。
绘制动作确定子单元,用于根据上一周期节点对应的节点指向和当前周期节点的目标节点位置,确定绘制动作。
具体地,目标连线长度确定子单元包括有效数量获取子单元、第一判断子单元、第二判断子单元和第三判断子单元。
有效数量获取子单元,用于依据节点绘制流的工作流属性,获取生命周期阶段中周期节点的有效数量。
第一判断子单元,用于若周期节点的有效数量大于预设节点数量,则按照预设比例缩短初始连线长度,确定目标连线长度。
第二判断子单元,用于若周期节点的有效数量等于预设节点数量,将初始连线长度确定为目标连线长度。
第三判断子单元,用于若周期节点的有效数量小于预设节点数量,则按照预设比例增加初始连线长度,确定目标连线长度。
具体地,有效数量获取子单元包括串行数量获取子单元、第一并行数量获取子单元、第二并行数量获取子单元和有效数量获取子单元。
串行数量获取子单元,用于若当前节点绘制流的工作流属性为串行工作流,则将串行工作流中串行节点的数量确定为串行数量。
第一并行数量获取子单元,用于若当前节点绘制流的工作流属性为并行工作流,且并行工作流中包括串行节点,则将并行该工作流中包括串行节点最多的串行工作流对应的周期节点数量,确定为并行数量。
第二并行数量获取子单元,用于若当前节点绘制流的工作流属性为并行工作流,且并行工作流中仅包括并行节点,则并行数量确定为1。
有效数量获取子单元,用于将串行数量和并行数量之和,确定为周期节点的有效数量。
关于图像动态显示装置的具体限定可以参见上文中对于图像动态显示方法的限定,在此不再赘述。上述图像动态显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图12所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于用于存储执行图像动态显示方法过程中生成或获取的数据,如原始生命周期图像。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种图像动态显示方法。
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述实施例中的图像动态显示方法的步骤,例如图2所示的步骤S10-S50,或者图3至图8中所示的步骤。或者,处理器执行计算机程序时实现图像动态显示装置这一实施例中的各模块/单元的功能,例如图11所示的各模块/单元的功能,为避免重复,这里不再赘述。
在一实施例中,提供一非易失性存储介质,该非易失性存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述实施例中图像动态显示方法的步骤,例如图2所示的步骤S10-S50,或者图3至图8中所示的步骤,为避免重复,这里不再赘述。或者,该计算机程序被处理器执行时实现上述图像动态显示装置这一实施例中的各模块/单元的功能,例如图11所示的各模块/单元的功能,为避免重复,这里不再赘述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。

Claims (10)

1.一种图像动态显示方法,其特征在于,包括:
获取客户端发送的图像查询请求,所述图像查询请求包括用户权限和目标对象对应的目标周期阶段;
根据所述目标对象对应的目标周期阶段查询数据库,获取与所述目标生命周期阶段对应的目标生命周期图像;
根据所述用户权限更新所述目标生命周期图像的显示模式,获取更新生命周期图像;
获取所述客户端对应的客户端设备的屏幕尺寸;
根据所述屏幕尺寸,对所述更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示所述更新生命周期图像。
2.如权利要求1所述的图像动态显示方法,其特征在于,在获取客户端发送的图像查询请求之前,所述图像动态显示方法还包括:
根据历史查询日志,确定候选生命周期阶段和与所述候选生命周期阶段相对应的候选工作流组;所述候选工作流组包括至少一个周期节点;
遍历所述周期节点,得到每一所述周期节点对应的变量坐标;
根据所述变量坐标,绘制所述候选工作流组,并在所述在客户端设备上显示所述候选工作流组。
3.如权利要求1所述的图像动态显示方法,其特征在于,在获取客户端发送的图像查询请求之前,所述图像动态显示方法还包括:
接收生命周期数据,所述生命周期数据包括生命周期阶段和对应的周期节点;
分别对所述生命周期阶段和对应的周期节点配置操作标识;所述操作标识包括阶段标识和节点标识;
根据阶段标识和节点标识,确定对应的绘制流;所述绘制流包括阶段绘制流和节点绘制流;
同步执行所述阶段绘制流和节点绘制流绘制矢量图像,生成原始生命周期图像。
4.如权利要求3所述的图像动态显示方法,其特征在于,所述同步执行所述阶段绘制流和节点绘制流绘制矢量图像,生成原始生命周期图像,包括:
在所述阶段绘制流中,按照所述生命周期阶段对应的生命周期阶段顺序绘制生命周期阶段图像;
在所述节点绘制流中,根据周期节点的节点属性和所述周期节点的节点指向,确定所述绘制动作,根据所述绘制动作绘制周期节点图像;
其中,所述原始生命周期图像包括生命周期阶段图像和周期节点图像。
5.如权利要求4所述的图像动态显示方法,其特征在于,在所述节点绘制流中,根据周期节点的节点属性和所述周期节点的节点指向,确定所述绘制动作,包括:
确定所述节点绘制流对应的目标连线长度;
若当前周期节点处于串行工作流且所述当前周期节点对应的节点属性为串行节点,则根据生命周期阶段对应的工作流所占页面尺寸和目标连线长度,确定所述串行工作流中每一串行节点对应的目标节点位置;
若当前周期节点处于并行工作流且所述当前周期节点对应的节点属性为串行节点,则根据生命周期阶段对应的工作流所占页面尺寸、目标连线长度和所述并行工作流中并行线的数量,确定所述并行工作流中串行节点的目标节点位置;
根据上一周期节点对应的节点指向和当前周期节点的所述目标节点位置,确定绘制动作。
6.如权利要求5所述的图像动态显示方法,其特征在于,所述确定所述节点绘制流对应的目标连线长度,包括:
依据节点绘制流的工作流属性,获取所述生命周期阶段中周期节点的有效数量;
若所述周期节点的有效数量大于预设节点数量,则按照预设比例缩短初始连线长度,确定所述目标连线长度;
若所述周期节点的有效数量等于预设节点数量,将所述初始连线长度确定为所述目标连线长度;
若所述周期节点的有效数量小于预设节点数量,则按照预设比例增加初始连线长度,确定所述目标连线长度。
7.如权利要求6所述的图像动态显示方法,其特征在于,所述依据节点绘制流的工作流属性,获取所述生命周期阶段中周期节点的有效数量,包括:
若当前节点绘制流的工作流属性为串行工作流,则将所述串行工作流中串行节点的数量确定为串行数量;
若当前节点绘制流的工作流属性为并行工作流,且所述并行工作流中包括串行节点,则将所述并行该工作流中包括串行节点最多的串行工作流对应的周期节点数量,确定为并行数量;
若当前节点绘制流的工作流属性为并行工作流,且所述并行工作流中仅包括并行节点,则并行数量确定为1;
将所述串行数量和所述并行数量之和,确定为所述周期节点的有效数量。
8.一种图像动态显示装置,其特征在于,包括:
图像查询请求获取模块,用于获取客户端发送的图像查询请求,所述图像查询请求包括用户权限和目标对象对应的目标周期阶段;
目标生命周期图像获取模块,用于根据所述目标对象对应的目标周期阶段查询数据库,获取与所述目标周期阶段对应的目标生命周期图像;
更新生命周期图像获取模块,用于根据所述用户权限更新所述目标生命周期图像的显示模式,获取更新生命周期图像;
屏幕尺寸获取模块,用于获取所述客户端对应的客户端设备的屏幕尺寸;
更新生命周期图像显示模块,用于根据所述屏幕尺寸,对所述更新生命周期图像进行自适应处理并渲染,以在客户端设备上显示所述更新生命周期图像。
9.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述图像动态显示方法的步骤。
10.一种非易失性存储介质,所述非易失性存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述图像动态显示方法的步骤。
CN202010127395.7A 2020-02-28 2020-02-28 图像动态显示方法、装置、计算机设备及存储介质 Pending CN111428101A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010127395.7A CN111428101A (zh) 2020-02-28 2020-02-28 图像动态显示方法、装置、计算机设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010127395.7A CN111428101A (zh) 2020-02-28 2020-02-28 图像动态显示方法、装置、计算机设备及存储介质

Publications (1)

Publication Number Publication Date
CN111428101A true CN111428101A (zh) 2020-07-17

Family

ID=71547340

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010127395.7A Pending CN111428101A (zh) 2020-02-28 2020-02-28 图像动态显示方法、装置、计算机设备及存储介质

Country Status (1)

Country Link
CN (1) CN111428101A (zh)

Similar Documents

Publication Publication Date Title
CN102710900B (zh) 一种视频矩阵输出显示实现装置、方法及视频矩阵设备
CN111563461B (zh) 清洁设备的清洁路径获取方法、装置及存储介质
US8723870B1 (en) Selection of object types with data transferability
US20230298237A1 (en) Data processing method, apparatus, and device and storage medium
CN115438087B (zh) 基于缓存库的数据查询方法、装置、存储介质和设备
US10558900B2 (en) Two-dimensional code processing method and apparatus
CN110633959A (zh) 基于图结构的审批任务创建方法、装置、设备及介质
CN109885729B (zh) 一种显示数据的方法、装置及系统
CN111258434A (zh) 在聊天界面插入图片的方法、装置、设备及存储介质
CN111428101A (zh) 图像动态显示方法、装置、计算机设备及存储介质
CN112102441A (zh) 色卡制作方法、装置、电子设备和存储介质
CN113205578B (zh) 图层处理方法、图层渲染方法及相关设备
CN113378069B (zh) 基于智能推荐算法的主配网自动绘图方法
CN114675819A (zh) Rpa组件的推荐方法、装置、设备和可读存储介质
CN116226116A (zh) 联合学习任务查看方法、装置、电子设备及存储介质
CN109407922B (zh) 一种图标显示的控制方法、装置、设备及介质
CN111176644A (zh) 操作界面的自动化布局方法、装置及其响应方法和装置
CN116351064B (zh) 一种阵容推荐方法及装置
CN112966180B (zh) 请求处理方法、装置、设备、介质和程序产品
CN112699131B (zh) 一种映射连接的交互方法以及装置
CN115272524B (zh) 多曲线并行绘制方法、装置、设备以及存储介质
CN115935863B (zh) 数字电路负载分割处理方法、装置、计算机设备
CN108388526B (zh) 一种读取控制器数据的方法和系统
CN110018769A (zh) 一种基于Android的父控件设置方法和父控件
US20230342021A1 (en) Performing a control operation based on multiple touch points

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