CN113111280B

CN113111280B - 流程图形式显示日志内容的方法、存储介质

Info

Publication number: CN113111280B
Application number: CN202010021770.XA
Authority: CN
Inventors: 刘德建; 余世杰; 曾少彬; 方振华; 王国栋; 庄培煌; 郭玉湖; 陈宏�
Original assignee: Fujian Tianquan Educational Technology Ltd
Current assignee: Fujian Tianquan Educational Technology Ltd
Priority date: 2020-01-09
Filing date: 2020-01-09
Publication date: 2023-05-23
Anticipated expiration: 2040-01-09
Also published as: CN113111280A

Abstract

本发明提供流程图形式显示日志内容的方法、存储介质，方法包括逐条解析日志内容，依序获取每一条对应两个模块之间的交互信息，所述交互信息包括起始模块、目标模块和传输信息；依序根据每一条交互信息，生成对应的流程图。本发明能够在web中简洁明了地展示模块之间的交互过程，更有利于高效分析。同时，以模块为主体来体现模块之间的每一个交互，结构简单、清晰、明了。另外，将流程图的生成过程脚本化，便于后续通过加载并执行，以网页形式快速获取并展示所需任一日志内容的流程图。最后，以可缩放矢量图形SVG绘制得到流程图，具有绘制便捷性且缩放画质不损失的优点。

Description

流程图形式显示日志内容的方法、存储介质

技术领域

本发明涉及日志处理领域，具体涉及流程图形式显示日志内容的方法、存储介质。

背景技术

在应用中要获取到最终结果，往往需要两个以上的模块协作生成。应用的一切事件都记录在日志内容中，以便快速定位问题、追踪程序执行的过程、追踪数据的变化或者数据统计和性能分析。要分析模块执行过程的日志时，日志内容的展示形式尤为重要。若将日志内容用列表的形式在web中展示，则无法清晰明了地知道执行过程中各个模块之间的联系，而使用流程图的形式在web中展示，将具有简洁明的特点。

因此，有必要提供一种能够以流程图方式在web中显示日志内容的方案。

发明内容

本发明所要解决的技术问题是：提供流程图形式显示日志内容的方法、存储介质，能够在web中简洁明了地展示模块之间的交互过程，更有利于高效分析。

为了解决上述技术问题，本发明采用的技术方案为：

流程图形式显示日志内容的方法，包括：

逐条解析日志内容，依序获取每一条对应两个模块之间的交互信息，所述交互信息包括起始模块、目标模块和传输信息；

依序根据每一条交互信息，生成对应的流程图。

本发明提供的另一个技术方案为：

一种计算机可读存储介质，其上存储有计算机程序，所述程序在被处理器执行时，能够实现上述流程图形式显示日志内容的方法所包含的步骤。

本发明的有益效果在于：通过逐条解析日志内容，将每一个步骤转换为两模块之间的一次交互，最终绘制得到各模块的交互流程示意图，能够简单明了地体现事件执行过程各模块之间的交互，更有利于便捷地分析日志内容。

附图说明

图1为本发明实施例一种流程图形式显示日志内容的方法的流程示意图；

图2为本发明实施例一一种流程图形式显示日志内容的方法的流程示意图；

图3为本发明方法绘制得到的流程图的一示例图。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图予以说明。

本发明最关键的构思在于：逐条解析日志内容，将每一个步骤转换为两模块之间的一次交互，最终绘制得到各模块的交互流程示意图。

请参照图1以及图2，本发明提供流程图形式显示日志内容的方法，包括：

依序根据每一条交互信息，生成对应的流程图。

从上述描述可知，本发明的有益效果在于：通过流程图形式将AI产品的日志内容展示出来，系统流程清晰、明了，便于分析日志内容，得出有利于系统或产品发展的数据信息。

进一步地，所述流程图为模块间的信息交互流程示意图。

由上述描述可知，以模块为主体来体现模块之间的每一个交互，结构简单、清晰和明了。

进一步地，还包括：

通过一log.js格式的代码文件存储所述流程图的生成步骤。

由上述描述可知，将流程图的生成过程脚本化，便于后续通过加载并执行，以网页形式快速获取并展示所需任一日志内容的流程图。

进一步地，还包括：

新建一index.html文件，将所述代码文件加载至新建的文件后执行。

由上述描述可知，将流程图以网页形式展示，展示效果好。

进一步地，还包括：

定义日志内容的数据结构包括对应from、对应to以及对应content的字段。

由上述描述可知，预先好更有利于解析的定义日志内容的数据结构，提高解析准确率和便捷性。

进一步地，所述逐条解析日志内容，依序获取每一条对应两个模块之间的交互信息，所述交互信息包括起始模块、目标模块和传输信息，具体为：

获取第一条日志数据；

解析所获取的日志数据的数据结构，获取对应的交互信息，其中，所述交互信息包括起始模块、目标模块和传输信息；

依次判断交互信息中的两个模块是否存在于流程图中；

若否，则生成一对应当前判断模块的DOM并插入流程图中，同时生成一对应当前判断模块的模块信息，所述模块信息包括模块名和模块坐标；

若是，则获取当前判断模块对应的模块信息；

依据交互信息中的传输信息以及起始模块和目标模块的模块信息，绘制由起始模块指向目标模块的射线，内容为所述传输信息；

继续获取下一条日志数据，直至完成最后一条日志内容的解析。

由上述描述可知，在一具体实例中，通过边解析边绘制的方式，即时获取执行逻辑完全对应而简洁明了的模块交互流程图，绘制效率高。

进一步地，还包括：

添加所述程序图的名称。

由上述描述可知，还具备给流程图添加名称的功能，更具标识性。

进一步地，使用SVG绘制得到所述流程图。

由上述描述可知，使用可缩放矢量图形SVG来绘制流程图，基于二维矢量，画流程图更方便快捷，且图像在放大或改变尺寸的情况下仍然可以确保图形质量不损失。

本发明提供的另一个技术方案为：

从上述描述可知，对应本领域普通技术人员可以理解实现上述技术方案中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来实现的，所述的程序可存储于一计算机可读取的存储介质中，该程序在执行时，可包括如上述各方法的流程。所述流程被执行后依然能够实现各方法对应的有益效果。

其中，所述的存储介质可以是磁盘、光碟、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。

实施例一

请参照图2和图3，本实施例提供一种流程图形式显示日志内容的方法，能够将日志内容用模块交互流程示意图的形式在web中展示，清晰明了地提现各模块之间的信息交互过程，为日志内容的分析工作提供便捷性。

所述方法包括：

S1：定义日志内容的数据结构包括对应from、对应to以及对应content的字段。

预先定义日志内容的数据结构采用from、to以及content字段的形式(当然，也可以是其他与该形式相似的数据结构)来撰写，有助于更快、更高效地解析，且能确保解析结果的准确性。

在一具体实例中，日志内容通过“->”字段代表方向，“：”冒号字段后代表传递的内容。例如：

解析代码：A->B：你好；

解析结果：A向B传递了你好。

在本实施例中，假设日志内容即采用from、to以及content字段来撰写，表示执行过程由起始模块(from)至目标模块(to)，传递的信息为content。

S2：逐条解析日志内容，依序获取每一条对应两个模块之间的交互信息，所述交互信息包括起始模块、目标模块和传输信息。

具体而言，即依次解析每一条日志内容，将每一条日志内容转换为以起始模块、目标模块和传输信息来标示的模块交互信息。

S3：依序根据每一条交互信息，生成对应的流程图。

对应每一条交互信息的获取顺序绘制出流程图，确保执行逻辑准确无误。

可选地，每获取一条交互信息，即在图中绘制出对应的流程示意，待解析玩日志内容，即可获取完整的流程图。

可选地，待完成日志内容的全部解析后，再统一依据每一条交互信息的顺序生成流程图，更不易出错。

优选地，所述流程图以各模块为主体，通过带箭头的线段来指向标识信息来往，线段上标识的传输信息来指明模块之间具体交互内容。即为模块间的信息交互流程示意图。该图更具结构简单明了、指示性强的特点。

更优地，所述流程图使用可缩放矢量图形SVG绘制，具有绘图便捷且缩放不影响画质的特点。

S4：添加所述程序图的名称；

S5：将上述S2-S4步骤脚本化，存储在一log.js格式的代码文件中。

将转化方式脚本化，以便适用于任一日志内容，后续通过加载并执行即可高效、快速获取对应的流程图。

S6：新建一index.html文件，将所述代码文件加载至新建的文件后执行。

执行后将将在web网页中获取如图3所示的流程图。

可选地，可通过script标签加载并执行。

通过该步骤，能够实现以web形式来展示任一日志内容对应的流程图。

在一具体实例中，假设process_log.js的存放路径在：http://www.example.com/scripts/process_log.js，其中index.html通过script标签加载<script src＝”http://www.example.com/scripts/process_log.js></script>。

演示流程为：

1、用户访问http://www.example.com/index.html；

2、执行process_log.js脚本文件。

3、解析日志内容，生成SVG流程图DOM并插入document。

4、日志内容以流程图的形式在web中展示。

实施例二

本实施例对应实施例一，对其S2-S5步骤做进行限定。其他相同步骤在此不进行复述。区别在于，

所述S2-S5步骤具体为：

新建一个代码文件process_log.js，内容包括：

1、获取第一条日志内容；

2、通过解析日志内容的from、to字段和content字段，得到对应的起始模块、目标模块和传递信息。

3、初始化x＝0为x轴偏移位置；y＝0为y轴偏移位置，用于流程图插入DOM位置排版。

4、若得到的模块未在SVG流程图中出现过(起始模块或目标模块均需判断)，则计算累加x轴偏移位置，生成一DOM插入SVG，并记录位置信息；再计算累加y轴偏移位置，由起始模块的x轴偏移坐标至目标模块的x轴偏移坐标引一条射线，内容为content字段内容。

另外，将用一个arr[]存储模块，标记已出现模块的模块信息。模块信息包括模块名和模块坐标。

5、若得到的模块已经在SVG流程图中出现过，则从arr[]中获取模块信息，计算累加y轴偏移位置，由起始模块的x轴偏移坐标至目标模块的x轴偏移坐标引一条射线，内容为content字段内容。

对应每一条交互信息的绘制，都将判断模块是否出现，主要为了确保图中模块的唯一性，使结构最简化，交互对象更清晰明了。另外，只需多画线条来标识交互内容起始对象和交互内容即可，而无需反复绘制模块，又能提高绘图效率。

6、生成一DOM，计算path，放在流程图的最上方。实现为流程图添加名称，使其更具标识性。

7、获取下一条日志内容，返回步骤2，直至完成所有日志内容的解析，再执行步骤8。

8、新建一个index.html文件，通过script标签加载process_log.js脚本并执行。

9、确保日志内容的健壮性，防止出现字段缺失导致无法成功解析的情况出现。

实施例三

本实施例对应实施例一或实施例二，提供一具体运用场景：

例如某AI产品。用户问答功能的实现需要AI产品的对话模块、分词模块、语料库模块、业务流程模块等模块共同协作。前一个执行模块给后一个执行模块传递执行结果等数据信息，通过整个流程来得出用户问题的解答。

但流程中并不是每个模块都会执行到，所以操作完成后会产生一日志内容，记录一条用户操作在系统流程中走了哪些模块。

通过上述实施例一或实施例二，使用模块间的信息交互流程图形式将该AI产品的日志内容展示出来，系统流程清晰，便于分析日志内容，得出有利于系统或产品发展的数据信息。

综上所述，本发明提供的流程图形式显示日志内容的方法、存储介质，能够在web中简洁明了地展示模块之间的交互过程，更有利于高效分析。同时，以模块为主体来体现模块之间的每一个交互，结构简单、清晰和明了。另外，将流程图的生成过程脚本化，便于后续通过加载并执行，以网页形式快速获取并展示所需任一日志内容的流程图。最后，以可缩放矢量图形SVG绘制得到流程图，具有绘制便捷性且缩放画质不损失的优点。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims

1.流程图形式显示日志内容的方法，其特征在于，包括：

依序根据每一条交互信息，生成对应的流程图；所述流程图以各模块为主体，通过带箭头的线段来指向标识信息来往，线段上标识的传输信息来指明模块之间具体交互内容；

所述逐条解析日志内容，依序获取每一条对应两个模块之间的交互信息，具体为：

获取第一条日志数据；

依次判断交互信息中的两个模块是否存在于流程图中；

若是，则获取当前判断模块对应的模块信息；

继续获取下一条日志数据，直至完成最后一条日志内容的解析；

还包括：

通过一log.js格式的代码文件存储所述流程图的生成步骤；

还包括：

2.如权利要求1所述的流程图形式显示日志内容的方法，其特征在于，所述流程图为模块间的信息交互流程示意图。

3.如权利要求1所述的流程图形式显示日志内容的方法，其特征在于，还包括：

4.如权利要求1所述的流程图形式显示日志内容的方法，其特征在于，还包括：

添加所述流程图的名称。

5.如权利要求1所述的流程图形式显示日志内容的方法，其特征在于，使用SVG绘制得到所述流程图。

6.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序在被处理器执行时，能够实现上述权利要求1-5任意一项权利要求所述的流程图形式显示日志内容的方法所包含的步骤。