CN117591209A - 一种大型流程图的展示方法、装置及计算机设备 - Google Patents
一种大型流程图的展示方法、装置及计算机设备 Download PDFInfo
- Publication number
- CN117591209A CN117591209A CN202311422902.XA CN202311422902A CN117591209A CN 117591209 A CN117591209 A CN 117591209A CN 202311422902 A CN202311422902 A CN 202311422902A CN 117591209 A CN117591209 A CN 117591209A
- Authority
- CN
- China
- Prior art keywords
- xml file
- temporary
- original
- flow chart
- zoom level
- 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
- 238000000034 method Methods 0.000 title claims abstract description 65
- 238000012545 processing Methods 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 13
- 238000003860 storage Methods 0.000 claims description 8
- 238000009877 rendering Methods 0.000 abstract description 11
- 238000004883 computer application Methods 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 13
- 230000000694 effects Effects 0.000 description 7
- 230000000903 blocking effect Effects 0.000 description 5
- 230000036961 partial effect Effects 0.000 description 4
- 238000005520 cutting process Methods 0.000 description 3
- 238000004519 manufacturing process Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000002829 reductive effect Effects 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/14—Details of searching files based on file metadata
- G06F16/156—Query results presentation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/17—Details of further file system functions
- G06F16/172—Caching, prefetching or hoarding of files
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/83—Querying
- G06F16/838—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Library & Information Science (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明提供了一种大型流程图的展示方法、装置及计算机设备，涉及计算机应用技术领域，大型流程图的展示方法包括：获取原始流程图及对应的原始XML文件；根据预设缩放等级，将原始流程图进行相应的切片处理，得到临时切片集，并根据临时切片集和原始XML文件，得到对应的目标XML文件集，并将目标XML文件集存至预设缩放等级对应的文件夹；获取预展示区域的坐标信息及对应的预设缩放等级；根据预设缩放等级及预展示区域的坐标信息，得到对应的临时XML文件集；基于BPMN标准，根据临时XML文件集生成预展示区域对应的流程图；本发明解决了渲染耗时长、滚动与放大等操作卡顿问题，并降低了运行系统的占用内存，从而提高了运行速度。
Description
技术领域
本发明涉及计算机应用技术领域，具体而言，涉及一种大型流程图的展示方法、装置及计算机设备。
背景技术
随着计算机的广泛应用，流程图已成为各大企业和机构常用的工具之一，广泛用于事业流程、数据流程、程序设计等各领域，例如大型流程图在工业领域中被广泛用于控制和优化生产流程，通过活动、事件、网关和流程线等元素构建出流程图，它能够显示整个生产线的流程，并标示各个环节的关键指标和控制点，帮助工程师和操作人员更好地监控和控制生产过程，而该流程图通常是一种SVG格式的矢量图，其底层使用的是XML文件，通过XML文件动态生成。
在B-S(Browser-Server Architecture，浏览器-服务器)架构中，浏览器端向服务器端请求XML文件并根据XML文件渲染出工艺流程图，且工艺流程图支持滚动和放大等操作。当工艺流程图变得复杂时，底层的XML文件数据量也会增加。而当XML文件数据量大到一定程度时，动态生成流程图会出现渲染耗时长、流程图滚动与放大缩小等操作卡顿、且浏览器占用内存大等性能问题。
发明内容
本发明所要解决的问题是在预览大型流程图时，如何改善因滚动或放大流程图等操作而引起的卡顿及运行速率慢。
为解决上述问题，本发明提供一种大型流程图的展示方法，包括：
获取原始流程图及对应的原始XML文件；
根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，并将所述目标XML文件集存至所述预设缩放等级的文件夹；
获取预展示区域的坐标信息及对应的所述预设缩放等级，所述预展示区域为所述原始流程图的一部分；
根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集；
基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图。
可选地，所述根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，包括：
当所述预设缩放等级大于1时，将所述原始流程图进行相应的切片处理，得到所述临时切片集，所述临时切片集包括多个子临时切片；
获取所有所述子临时切片的坐标信息，根据每个所述子临时切片的坐标信息和所述原始XML文件，得到对应的目标XML文件；
根据所有所述目标XML文件得到所述目标XML文件集。
可选地，所述根据每个所述子临时切片的坐标信息和所述原始XML文件，得到对应的目标XML文件，包括：
根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的目标XML数据；
根据所有所述目标XML数据得到所述目标XML文件。
可选地，所述目标XML数据包括元素属性数据和元素尺寸数据，根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的目标XML数据，包括：
根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的所述元素尺寸数据；
根据所有所述素尺寸数据和所述述原始XML文件，得到对应的所有所述元素属性数据。
可选地，所述根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，还包括：
当所述预设缩放等级等于1时，将所述原始流程图作为所述子临时切片，所述临时切片集包括所述原始流程图；
将所述原始XML文件作为所述目标XML文件，所述目标XML文件集包括所述原始XML文件。
可选地，所述根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集，包括：
获取所述预设缩放等级对应的文件中的所有所述目标XML文件；
根据所述预展示区域的坐标信息和每个所述目标XML文件，得到对应的临时XML文件；
根据所有所述临时XML文件得到所述临时XML文件集。
可选地，所述基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图，包括：
对每个所述临时XML文件进行读取和解析，生成对应的临时流程图；
根据所有临时流程图得到所述预展示区域对应的流程图。
本发明所述的大型流程图的展示方法相对于现有技术的优势在于：通过预设缩放等级，将原始流程图进行相应的切片处理后，并根据原始XML文件，能得到对应的目标XML文件集，并存至所述预设缩放等级对应的文件夹，其中，所述目标XML文件集中所包含的所有文件的数据和相当于所述原始XML文件中的所包含的所有数据信息；当操作人员需要展示原始流程图的中的一部分(预展示区域)时，根据预展示区域对应的所述预设缩放等级，在对应的文件中能得到预展示区域对应的临时XML文件集，并基于BPMN标准，根据临时XML文件集能得到预展示区域对应的流程图。因此，本发明通过切分原理为将流程图“切片”后，从流程图对应的原始XML文件得到对应的目标XML文件集，即保存成独立的目标XML文件存至对应的缩放等级文件夹中，当需要查看流程图时，不再渲染完整原始XML文件的数据，而是根据预设缩放等级与预展示区域的坐标，找到在这个区域内对应的临时XML文件集，从临时XML文件集动态渲染出预展示区域内的流程图，从而解决了渲染耗时长、滚动与放大缩小等操作卡顿等问题，并降低了运行系统的占用内存，从而提高了运行速度，进而提升系统工作效率。
另一方面，提供了一种大型流程图的展示装置，包括：
获取单元：用于获取原始流程图及对应的原始XML文件；
处理单元：用于根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，并将所述目标XML文件集存至所述预设缩放等级的文件夹；
所述获取单元还用于获取预展示区域的坐标信息及对应的所述预设缩放等级；
所述处理单元还用于根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集；
所述处理单元还用于基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图。
本发明所述的大型流程图的展示装置与所述大型流程图的展示方法相对于现有技术的优势相同，在此不再赘述。
另一方面，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现上述任一项所述大型流程图的展示方法。
本发明所述的计算机设备与所述大型流程图的展示方法相对于现有技术的优势相同，在此不再赘述。
另一方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现上述任一项所述的大型流程图的展示方法。
本发明所述的计算机可读存储介质与所述大型流程图的展示方法相对于现有技术的优势相同，在此不再赘述。
附图说明
图1为本发明实施例中大型流程图的展示方法的流程示意图；
图2为本发明实施例中燃烧炉的工艺流程图；
图3为本发明实施例中图2对应的原始XML文件中部分元素属性数据的示意图；
图4为本发明实施例中图2对应的原始XML文件中部分元素尺寸数据的示意图；
图5为本发明实施例中大型流程图的展示装置的示意图；
图6为本发明实施例中计算机设备的内部结构图。
具体实施方式
为使本发明的上述目的、特征和优点能够更为明显易懂，下面结合附图对本发明的具体实施例做详细的说明。
如图1所示，在一个实施例中，提供了一种大型流程图的展示方法，具体包括如下步骤：
步骤S1，获取原始流程图及对应的原始XML文件；
具体地，原始流程图通常是一种SVG格式的矢量图，其底层使用的是XML文件，通过XML文件动态生成原始流程图；原始XML文件包括对应的元素尺寸数据及元素属性数据，其中，SVG(Scalable Vector Graphics)是一种基于XML的标准，用于描述二维矢量图形的格式，它可以无损缩放并保持清晰度，常用于Web开发中的图标、图表和动画等可视化效果；XML(EXtensible Markup Language)是一种可扩展标记语言语言，用于描述数据结构和信息，并在互联网和Web应用程序中广泛使用，它提供了可读性强、可扩展的方式来组织和传输数据。
步骤S2，根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，并将所述目标XML文件集存至所述预设缩放等级对应的文件夹；
具体地，通过预设缩放等级，将原始流程图进行相应的切片处理后，并根据原始XML文件，能得到对应的目标XML文件集，并存至所述预设缩放等级对应的文件夹，其中，所述目标XML文件集中所包含的所有文件的数据和相当于所述原始XML文件中的所包含的所有数据信息，需要说明的是，预设缩放等级可根据实际需求进行设定。
步骤S3，获取预展示区域的坐标信息及对应的所述预设缩放等级，所述预展示区域为所述原始流程图的一部分；
具体地，在B-S(Browser-Server Architecture，浏览器-服务器)架构中，当操作人员需要展示原始流程图的中的一部分(预展示区域)时，首先需获取预展示区域的坐标信息(坐标、长度和宽度等，例如：区域的两个顶点坐标为(x＝100，y＝20)，(x＝200，y＝20)，此区域的长度为200mm，对于流程图中的坐标，是通过流程图所在图面设定的统一坐标系，例如此坐标系是流程图所在的图面左顶点是原始点(0，0)，y轴向下生长，需要说明的是，坐标系的建立是根据具体实际情况进行设定)，其中B-S架构，即浏览器-服务器架构，一种常见的计算机软件系统架构模式。这种架构将系统分为浏览器端和服务器端两个部分。浏览器端负责展示用户界面和交互功能，服务器端处理请求、执行业务逻辑，并存储核心代码和数据。B-S架构具有跨平台、中心化管理、更新方便和灵活性等优点，被广泛应用于Web应用程序。
步骤S4，根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集；
具体地，通过预展示区域对应的预设缩放等级，在对应的文件中能得到预展示区域对应的临时XML文件集，所述临时XML文件集是根据预设缩放等级对应的文件夹中包含的目标XML文件集得到，所对应的是预展示区域。
步骤S5，基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图。
具体地，根据临时XML文件集生成所述预展示区域对应的流程图就是通过XML文件(临时XML文件集)将其渲染为基于BPMN标准的流程图，其中，BPMN(Business ProcessModel and Notation，业务流程建模标注)，一种用于描述业务流程的图形化标准符号和表示法。它提供了一套可视化工具，用于绘制、分析和改进业务流程。BPMN使用流程图的形式，包括活动、事件、网关、流程线等元素，以及不同类型的任务、决策和并行流程。
本实施例所述的大型流程图的展示方法通过预设缩放等级，将原始流程图进行相应的切片处理后，并根据原始XML文件，能得到对应的目标XML文件集，并存至所述预设缩放等级对应的文件夹，其中，所述目标XML文件集中所包含的所有文件的数据和相当于所述原始XML文件中的所包含的所有数据信息；当操作人员需要展示原始流程图的中的一部分(预展示区域)时，根据预展示区域对应的所述预设缩放等级，在对应的文件中能得到预展示区域对应的临时XML文件集，并基于BPMN标准，根据临时XML文件集能得到预展示区域对应的流程图；因此，本发明通过切分原理为将流程图“切片”后，从流程图对应的原始XML文件得到对应的目标XML文件集，即保存成独立的目标XML文件存至对应的缩放等级文件夹中，当需要查看流程图时，不再渲染完整原始XML文件的数据，而是根据预设缩放等级与预展示区域的坐标，找到在这个区域内对应的临时XML文件集，从临时XML文件集动态渲染出预展示区域内的流程图，从而解决了渲染耗时长、滚动与放大缩小等操作卡顿等问题，并降低了运行系统的占用内存，从而提高了运行速度，进而提升系统工作效率。
一些实施例中，步骤S2中，根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，包括：
步骤S21，当所述预设缩放等级大于1时，将所述原始流程图进行相应的切片处理，得到所述临时切片集，所述临时切片集包括多个子临时切片；
步骤S22，获取所有所述子临时切片的坐标信息，根据每个所述子临时切片的坐标信息和所述原始XML文件，得到对应的目标XML文件；
步骤S23，根据所有所述目标XML文件得到所述目标XML文件集。
一些实施例中，步骤S22中，所述根据每个所述子临时切片的坐标信息和所述原始XML文件，得到对应的目标XML文件，包括：
步骤S221，根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的目标XML数据；
步骤S222，根据所有所述目标XML数据得到所述目标XML文件。
一些实施例中，步骤S221，所述目标XML数据包括元素属性数据和元素尺寸数据，根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的目标XML数据，包括：
步骤S2211，根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的所述元素尺寸数据；
步骤S2212，根据所有所述素尺寸数据和所述述原始XML文件，得到对应的所有所述元素属性数据。
一些优选的实施例中，流程图通过活动、事件、网关和流程线等元素构建出流程图。当所述预设缩放等级大于1时，例如当流程图缩放等级为2时，将原始流程图按照2×2切分成4个子临时切片(切片)，即临时切片集包括4个子临时切片，根据每个子临时切片的坐标信息(坐标、长度和宽度等，例如：切片的两个顶点坐标为(x＝80，y＝20)，(x＝90，y＝20)，此区域的长度为10mm，对于流程图中的坐标，是通过流程图所在图面设定的统一坐标系，例如此坐标系是流程图所在的图面左顶点是原始点(0，0)，y轴向下生长，需要说明的是，坐标系的建立是根据具体实际情况进行设定)，即每个切片都有4个顶点坐标，根据每个子临时切片的4个顶点坐标，从原始XML文件中的元素尺寸节点中能找到每个子临时切片内或部分在切片内的所有元素尺寸数据，元素尺寸数据包括元素ID和尺寸等信息等，流程图中的活动、事件、网关和流程线等元素的身份证明识别码，且唯一，根据每个子临时切片中的所有元素ID，从原始XML文件中的元素属性节点中找到元素属性的XML数据(元素属性数据，包括元素ID和元素的配置信息)，将每个子临时切片对应的所有所有元素尺寸数据和所有元素属性数据按照原始XML文件的格式保存成单独的XML文件(目标XML文件，所以在进行切片时，并非对静态图像文件进行切分为目的，而是通过截取原始XML文件的方式，保存每一个切片(子临时切片)对应的目标XML文件为目的)，并将最终得到的4个子临时切片对应的目标XML文件存至缩放等级2的文件夹中，若预设缩放等级的设定直至预设缩放等级为10时，就重复上述步骤，当流程图缩放等级为3(预设缩放等级为3)时将流程图按照3×3切分成9片，对应的所有XML文件(目标XML文件)存储于缩放等级3(预设缩放等级为3)的文件夹中；当流程图缩放等级为4(预设缩放等级为4)时将流程图按照4×4切分成16片，对应的所有XML文件(目标XML文件)存储于缩放等级4(预设缩放等级为3)的文件夹中......以此类推，其中，预设缩放等级都是大于等于1的自然数；需要说明的是，对于切片数量不做具体限定，可根据实际情况进行设定。
在另一个实施例中，以燃烧炉为具体应用场景，如图2-图4所示，关于燃烧炉(B1和B2燃烧炉)的工艺流程图及对应的原始XML文件中的部分数据(部分元素尺寸数据和部分元素属性数据)，其中，Start和End为工艺流程的开始和结束为事件，流程图中的“确认重启B1”、“延缓”、“B1启用B1燃烧炉”“确认重启B2”、“B2启用B1燃烧炉”和“B1已在运行”等均为活动，“B1是否在运行中？”和“B2是否在运行中？”均为网关(条件与)，流程图中的线段(或带箭头的线段)为流程线；当将流程图放大等级(预设缩放等级)为2时，将此图2的工艺流程图按照虚线进行切片操作，得到4个子临时切片，选取右上角的子临时切片为例，通过此子临时切片的坐标信息，通过图2中对应的原始XML文件中的元素尺寸节点中找到此子临时切片内或部分在这块切片内的元素的ID及其坐标、长度与宽度的XML数据，例如，B1已在运行(活动)对应的元素尺寸数据具体如下所示：
<bpmndi：BPMNShapeid＝"Activity_12j15j4_di"bpmnElement＝"Activity_12j15j4">
<dc：Boundsx＝"690"y＝"450"width＝"200"height＝"60"/>
</bpmndi：BPMNShape>
其中，B1已在运行(活动)对应的元素ID为Activity_12j15j4_di，坐标为(x＝690，y＝450)，宽度为200，高度为60，需要说明的是，此坐标系是流程图所在的图面左顶点是原始点(0，0)，y轴向下生长。
例如，B1是否在运行中？对应的元素尺寸数据具体如下所示：
<bpmndi：BPMNShapeid＝"Activity_Oliye9p_di"bpmnElement＝"Activity_Oliye9p">
<dc：Boundsx＝"690"y＝"330"width＝"200"height＝"60"/>
</bpmndi：BPMNShape>
其中，包含“B1是否在运行中？”对应的元素ID为Activity_0liye9p_di，坐标为(x＝690，y＝330)，宽度为200，高度为60。
再根据子临时切片内包含的所有元素ID，通过图2中对应的原始XML文件中的元素属性节点中找到对应的元素属性数据(此临时切片对应的)，B1是否在运行中？对应的元素属性数据具体如下所示；
其中，包含“B1是否在运行中？”对应的元素ID为Activity_0liye9p_di，及名称B1是否在运行中？(网关)，及所流程节点(网关)所包含的逻辑关系等。
以此类推，将子临时切片中所包含的所有元素对应的数据(元素尺寸数据和元素属性数据)找到，并按照原始XML文件的格式保存成单独的XML文件(目标XML文件)，并存至对应的文件中。
一些实施例中，步骤S2中，所述根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，还包括：
步骤S24，当所述预设缩放等级等于1时，将所述原始流程图作为所述子临时切片，所述临时切片集包括所述原始流程图；
步骤S25，将所述原始XML文件作为所述目标XML文件，所述目标XML文件集包括所述原始XML文件。
具体地，当预设缩放等级等于1时，即展示整个流程图(原始流程图)，此时将原始流程图对应的原始XML文件(即完整的XML文件)作为一个切片存储于预设缩放等级为1的文件夹中，当流程图缩放等级为1时，渲染此文件夹中的XML文件，即渲染整个原始XML文件。
一些实施例中，步骤S4，所述根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集，包括：
步骤S41，获取所述预设缩放等级对应的文件中的所有所述目标XML文件；
步骤S42，根据所述预展示区域的坐标信息和每个所述目标XML文件，得到对应的临时XML文件；
步骤S43，根据所有所述临时XML文件得到所述临时XML文件集。
一些实施例中，步骤S5，所述基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图，包括：
步骤S51，对每个所述临时XML文件进行读取和解析，生成对应的临时流程图；
步骤S52，根据所有临时流程图得到所述预展示区域对应的流程图。
具体地，当需要查看部分流程图(预展示区域)时，首选根据预设缩放等级找到对应的文件夹，例如，当将流程图放大等级(预设缩放等级)为2时，找到对应的文件夹，在放大等级(预设缩放等级)为2对应的文件中根据预展示区域的坐标信息计算出预展示区域所需的所有切片XML文件(临时XML文件，每个临时XML文件对应一个目标XML文件，临时XML文件属于目标XML文件的一部分)，根据所有临时XML文件集生成预展示区域对应的流程图就是通过XML文件(临时XML文件集)将其渲染为基于BPMN标准的流程图；渲染过程：首先，需要使用XML解析器来读取和解析临时XML文件的内容。可以使用现有的XML解析库或工具，如DOM解析器或SAX解析器。再通过解析临时XML文件的内容，可以构建出对应的模型对象。在BPMN中，通常使用一些定义好的元素和关系来表示流程的各个组件，如流程、任务、网关和序列流等。根据解析的XML内容，将其映射到相应的模型对象。一旦构建了模型对象后，可以使用布局算法将其转换为具体的流程图布局。布局算法可以确保流程图的美观和可读性，通常根据元素之间的关系和排列方式来计算元素的位置。其次，渲染流程图，根据模型对象和布局结果，可以将流程图渲染到屏幕上或生成为图片。可以使用专门的流程图渲染库或工具，如BPMN.io或Activiti等，这些工具提供了丰富的绘制和渲染功能，能够按照BPMN标准的规范绘制流程图。最后，可以将渲染得到的流程图显示在用户界面上，或者将其保存为文件，如图像文件(如PNG、JPEG等)或其他可视化格式。总之，通过解析临时XML文件、构建模型对象、应用布局算法和渲染流程图，可以将临时XML文件转换为BPMN标准的流程图。
本实施例所述的大型流程图的展示方法通过预设缩放等级，将原始流程图进行相应的切片处理后，并根据原始XML文件，能得到对应的目标XML文件集，并存至所述预设缩放等级对应的文件夹，其中，所述目标XML文件集中所包含的所有文件的数据和相当于所述原始XML文件中的所包含的所有数据信息；当操作人员需要展示原始流程图的中的一部分(预展示区域)时，根据预展示区域对应的所述预设缩放等级，在对应的文件中能得到预展示区域对应的临时XML文件集，并基于BPMN标准，根据临时XML文件集能得到预展示区域对应的流程图；因此，本发明通过切分原理为将流程图“切片”后，从流程图对应的原始XML文件得到对应的目标XML文件集，即保存成独立的目标XML文件存至对应的缩放等级文件夹中，当需要查看流程图时，不再渲染完整原始XML文件的数据，而是根据预设缩放等级与预展示区域的坐标，找到在这个区域内对应的临时XML文件集，从临时XML文件集动态渲染出预展示区域内的流程图，从而解决了渲染耗时长、滚动与放大缩小等操作卡顿等问题，并降低了运行系统的占用内存，从而提高了运行速度，进而提升系统工作效率。
和上述大型流程图的展示方法相对应，如图5所示，本发明实施例还提供了一种大型流程图的展示装置，包括：
获取单元：用于获取原始流程图及对应的原始XML文件；
处理单元：用于根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，并将所述目标XML文件集存至所述预设缩放等级的文件夹；
所述获取单元还用于获取预展示区域的坐标信息及对应的所述预设缩放等级；
所述处理单元还用于根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集；
所述处理单元还用于基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图。
本发明的另一个实施例提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述大型流程图的展示方法的步骤。
需要注意的是，该设备可以为服务器、移动终端等计算机设备。
如图6所示，该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现大型流程图的展示方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行大型流程图的展示方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图6中示出的结构，仅仅是与本发明方案相关的部分结构的框图，并不构成对本发明方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述大型流程图的展示方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本发明所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(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.一种大型流程图的展示方法，其特征在于，包括：
获取原始流程图及对应的原始XML文件；
根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，并将所述目标XML文件集存至所述预设缩放等级对应的文件夹；
获取预展示区域的坐标信息及对应的所述预设缩放等级，所述预展示区域为所述原始流程图的一部分；
根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集；
基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图。
2.根据权利要求1所述大型流程图的展示方法，其特征在于，所述根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，包括：
当所述预设缩放等级大于1时，将所述原始流程图进行相应的切片处理，得到所述临时切片集，所述临时切片集包括多个子临时切片；
获取所有所述子临时切片的坐标信息，根据每个所述子临时切片的坐标信息和所述原始XML文件，得到对应的目标XML文件；
根据所有所述目标XML文件得到所述目标XML文件集。
3.根据权利要求2所述大型流程图的展示方法，其特征在于，所述根据每个所述子临时切片的坐标信息和所述原始XML文件，得到对应的目标XML文件，包括：
根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的目标XML数据；
根据所有所述目标XML数据得到所述目标XML文件。
4.根据权利要求3所述大型流程图的展示方法，其特征在于，所述目标XML数据包括元素属性数据和元素尺寸数据，根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的目标XML数据，包括：
根据所述子临时切片的坐标信息，从所述原始XML文件中获取对应的所述元素尺寸数据；
根据所有所述素尺寸数据和所述述原始XML文件，得到对应的所有所述元素属性数据。
5.根据权利要求2所述大型流程图的展示方法，其特征在于，所述根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，还包括：
当所述预设缩放等级等于1时，将所述原始流程图作为所述子临时切片，所述临时切片集包括所述原始流程图；
将所述原始XML文件作为所述目标XML文件，所述目标XML文件集包括所述原始XML文件。
6.根据权利要求1所述大型流程图的展示方法，其特征在于，所述根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集，包括：
获取所述预设缩放等级对应的文件中的所有所述目标XML文件；
根据所述预展示区域的坐标信息和每个所述目标XML文件，得到对应的临时XML文件；
根据所有所述临时XML文件得到所述临时XML文件集。
7.根据权利要求6所述大型流程图的展示方法，其特征在于，所述基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图，包括：
对每个所述临时XML文件进行读取和解析，生成对应的临时流程图；
根据所有临时流程图得到所述预展示区域对应的流程图。
8.一种大型流程图的展示装置，其特征在于，包括：
获取单元：用于获取原始流程图及对应的原始XML文件；
处理单元：用于根据预设缩放等级，将所述原始流程图进行相应的切片处理，得到临时切片集，并根据所述临时切片集和所述原始XML文件，得到对应的目标XML文件集，并将所述目标XML文件集存至所述预设缩放等级的文件夹；
所述获取单元还用于获取预展示区域的坐标信息及对应的所述预设缩放等级；
所述处理单元还用于根据所述预设缩放等级及所述预展示区域的坐标信息，得到对应的临时XML文件集；
所述处理单元还用于基于BPMN标准，根据所述临时XML文件集生成所述预展示区域对应的流程图。
9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时，实现权利要求1至7中任一项所述的大型流程图的展示方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现权利要求1至7中任一项所述的大型流程图的展示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311422902.XA CN117591209A (zh) | 2023-10-30 | 2023-10-30 | 一种大型流程图的展示方法、装置及计算机设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311422902.XA CN117591209A (zh) | 2023-10-30 | 2023-10-30 | 一种大型流程图的展示方法、装置及计算机设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117591209A true CN117591209A (zh) | 2024-02-23 |
Family
ID=89910533
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311422902.XA Pending CN117591209A (zh) | 2023-10-30 | 2023-10-30 | 一种大型流程图的展示方法、装置及计算机设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117591209A (zh) |
-
2023
- 2023-10-30 CN CN202311422902.XA patent/CN117591209A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CA2773152C (en) | A method for users to create and edit web page layouts | |
| CN111475163B (zh) | 视图模板的代码文件生成方法、装置、设备及存储介质 | |
| US7487447B1 (en) | Web page zoom feature | |
| US8194075B2 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
| JP2023169320A (ja) | 階層流動コンポーネントおよび動的レイアウトを統合した応答編集および表示を提供するシステムおよび方法 | |
| US9552212B2 (en) | Caching intermediate data for scroll view rendering | |
| US8711147B2 (en) | Method and system for generating and displaying an interactive dynamic graph view of multiply connected objects | |
| CN100429646C (zh) | 包括手写数据的电子文档的显示装置及方法 | |
| US20100199195A1 (en) | Adaptive Rendering Of A Webpage On An Electronic Display Device | |
| JP4552005B2 (ja) | 電子新聞表示装置 | |
| KR20090041244A (ko) | 적응적 문서 디스플레이 장치 및 방법 | |
| CN112667330A (zh) | 一种页面显示方法及计算机设备 | |
| CN102841790A (zh) | 面向异构终端的Web应用界面动态适配方法 | |
| CN116383546B (zh) | 文件处理方法、系统、计算机设备及计算机可读存储介质 | |
| CN114675925A (zh) | 组态图像处理方法、装置、计算机设备、存储介质 | |
| WO2007081017A1 (ja) | 文書処理装置 | |
| JP6540116B2 (ja) | 電子ホワイトボードシステム、電子ホワイトボード検索結果表示方法およびそのプログラム | |
| CN114647409A (zh) | 大屏可视化应用创建平台、方法、计算设备和存储介质 | |
| JP2006331142A (ja) | 情報提供システム、情報提供方法等 | |
| CN117591209A (zh) | 一种大型流程图的展示方法、装置及计算机设备 | |
| US20170270218A1 (en) | Mapping of Defined Regions Within a Webpage | |
| EP1768034A1 (en) | Document processing device and document processing method | |
| JP2011118497A (ja) | ガイドライン管理装置及びガイドライン管理プログラム | |
| EP1744253A1 (en) | Document processing device and document processing method | |
| EP1744256A1 (en) | Document processing device and document processing method |
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 |