CN111580803B - Method and system for generating flow chart with suspension prompt, electronic device and medium - Google Patents
Method and system for generating flow chart with suspension prompt, electronic device and medium Download PDFInfo
- Publication number
- CN111580803B CN111580803B CN201910117790.4A CN201910117790A CN111580803B CN 111580803 B CN111580803 B CN 111580803B CN 201910117790 A CN201910117790 A CN 201910117790A CN 111580803 B CN111580803 B CN 111580803B
- Authority
- CN
- China
- Prior art keywords
- file
- flow chart
- information
- prompt information
- flow
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 239000000725 suspension Substances 0.000 title claims abstract description 59
- 230000010365 information processing Effects 0.000 claims description 28
- 238000003860 storage Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 10
- 238000010586 diagram Methods 0.000 abstract description 10
- 238000013515 script Methods 0.000 abstract description 5
- 230000008569 process Effects 0.000 description 25
- 230000000694 effects Effects 0.000 description 15
- 238000011161 development Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 13
- 238000013461 design Methods 0.000 description 6
- 238000004519 manufacturing process Methods 0.000 description 5
- 238000012423 maintenance Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000003491 array Methods 0.000 description 2
- 238000012942 design verification Methods 0.000 description 2
- 238000002360 preparation method Methods 0.000 description 2
- 238000011160 research Methods 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000009472 formulation Methods 0.000 description 1
- 238000007429 general method Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001502 supplementing effect Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000011144 upstream manufacturing Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/74—Reverse engineering; Extracting design information from source code
-
- Y—GENERAL 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
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
Description
技术领域technical field
本发明涉及流程图绘制及呈现方式优化技术领域,具体涉及一种生成带悬浮提示的流程图的方法及系统、电子设备、介质。The invention relates to the technical field of flow chart drawing and presentation mode optimization, and in particular to a method and system, electronic device and medium for generating a flow chart with a suspension prompt.
背景技术Background technique
流程图是一种用框图及连线表达顺序过程或逻辑关系的图示。在日常工作中,流程图通常用于表示工作开展的步骤,用以说明工作开展的内容、输入产物、输出产物以及与上下游工作步骤的关系,用于指导人员开展工作活动。简明扼要的流程图,可以提升工作人员对操作步骤的认知,使工作得以有序开展,进而提升组织的整体效率。A flowchart is a diagram that expresses sequential processes or logical relationships with block diagrams and connections. In daily work, flowcharts are usually used to represent the steps of work development, to explain the content of work development, input products, output products, and the relationship with upstream and downstream work steps to guide personnel to carry out work activities. Concise and concise flowcharts can improve the staff's awareness of the operation steps, so that the work can be carried out in an orderly manner, thereby improving the overall efficiency of the organization.
在汽车行业内,整车开发过程是一项庞大、繁杂的系统工程,开发阶段涉及项目预研阶段、项目立项阶段、概念设计阶段、详细设计阶段、设计验证阶段、生产准备阶段及量产市售阶段,开发内容涉及产品调研、产品企划、项目筹建、可行性分析、项目成立、方案制定、详细设计(包含硬件设计、软件设计)、设计发布、设计验证、样车试制、试验验证、设计冻结、生产支持、量产支持等。可见,如何利用流程图表达整车开发过程,提高整车开发活动的管理效率,是整车厂商实施流程建设的一项重要工作。但是,面对庞杂的整车开发过程,如何提炼各项工作活动的关系,做到去粗取精,在表达关键步骤的同时,又能详尽地描述工作内容,是整车开发流程图绘制过程中所需解决的重要问题。In the automotive industry, the whole vehicle development process is a huge and complicated system engineering. The development stage involves project pre-research stage, project approval stage, conceptual design stage, detailed design stage, design verification stage, production preparation stage and mass production market. In the sales stage, the development content involves product research, product planning, project preparation, feasibility analysis, project establishment, scheme formulation, detailed design (including hardware design, software design), design release, design verification, prototype trial production, test verification, design Freeze, production support, mass production support, etc. It can be seen that how to use the flow chart to express the vehicle development process and improve the management efficiency of vehicle development activities is an important task for vehicle manufacturers to implement process construction. However, in the face of the complex vehicle development process, how to refine the relationship between various work activities, so as to remove the rough and extract the essence, express the key steps and describe the work content in detail, which is required in the process of drawing the vehicle development flow chart. important issues to solve.
利用现有的专业流程图软件Microsoft Office Visio,只能通过插入“注释”或者插入“形状屏幕提示”两种方式在流程图中呈现绘制人员预期表达的补充信息,这两种方式,均存在明显的缺点,无法满足绘制人员制作“悬浮提示”效果的需求。Using the existing professional flowchart software Microsoft Office Visio, the supplementary information expected by the drawing personnel can only be presented in the flowchart by inserting "notes" or inserting "shape screen tips". The disadvantage is that it cannot meet the needs of the drawing staff to make the "suspended prompt" effect.
其中,采用插入“注释”的方法绘制效果如图1所示,“注释”信息以黄色框体的形式附着在流程图形状的右上角,且需要点开“注释”的小标签才能显示,否则,会自动隐含“注释”的内容。采用插入“注释”的方法还会自动添加作者及日期,并且“注释”标签在占用流程图编辑版面的同时,无法自动跟随原始的流程图框体移动,当流程图添加的框体越来越多,并且需要调整流程图框体位置时,维护注释信息便成为一项十分冗杂的工作,如图2所示。Among them, the drawing effect of inserting "notes" is shown in Figure 1. The "notes" information is attached to the upper right corner of the flowchart shape in the form of a yellow frame, and the small label of "notes" needs to be clicked to display, otherwise , the content of "Comments" is automatically implied. The method of inserting "note" will also automatically add the author and date, and the "note" label cannot automatically follow the original flowchart frame while occupying the editing layout of the flowchart. When the frame added to the flowchart becomes more and more When there are many, and the position of the flowchart frame needs to be adjusted, maintaining the annotation information becomes a very complicated work, as shown in Figure 2.
其中,采用插入“形状屏幕提示”的方法,绘制效果如图3所示,当鼠标悬停于流程图框体上方,会自动显示“形状屏幕提示”编辑的内容,基本实现“悬浮提示”的效果。采用插入“形状屏幕提示”的方法主要缺点是该提示只能出现在Visio的编辑界面,当流程文件导出生成网页或PDF文件时,所生成的“悬浮提示”仍然是框体内容的信息,而非“形状屏幕提示”的信息,从而无法达到差异化显示的目的,如图4所示。Among them, the method of inserting the "shape screen prompt" is adopted, and the drawing effect is shown in Figure 3. When the mouse hovers over the flowchart frame, the edited content of the "shape screen prompt" will be automatically displayed, which basically realizes the "hovering prompt". Effect. The main disadvantage of the method of inserting the "shape screen prompt" is that the prompt can only appear in the editing interface of Visio. When the process file is exported to generate a web page or a PDF file, the generated "suspended prompt" is still the information of the frame content, while Information other than "shape screen prompts" cannot achieve the purpose of differentiated display, as shown in Figure 4.
综上,现有的流程图绘制过程中,呈现补充信息的技术方案存在以下问题:To sum up, the technical solutions for presenting supplementary information in the existing flowchart drawing process have the following problems:
(1)“注释”信息占用编辑版面;(1) "Notes" information occupies the editing layout;
(2)增加冗余信息,影响版面美观;(2) Add redundant information and affect the appearance of the layout;
(3)“注释”信息无法自动跟随框体移动,维护及编辑困难;(3) "Notes" information cannot automatically move with the frame, which is difficult to maintain and edit;
(4)“形状屏幕提示”无法在网页文件中呈现,影响流程文件的发布。(4) "Shape screen tips" cannot be displayed in web files, which affects the release of process files.
发明内容SUMMARY OF THE INVENTION
本发明的目的在于针对现有的流程图绘制过程补充信息的方法存在的问题,提供一种生成带悬浮提示的流程图的方法及系统、电子设备、介质,使得“悬浮提示”信息可以方便地在Microsoft Office Visio软件界面编辑后,将“悬浮提示”信息呈现在网页格式的流程图文件中。The purpose of the present invention is to provide a method, system, electronic device, and medium for generating a flowchart with a floating prompt in view of the problems existing in the existing methods for supplementing information in the process of drawing a flowchart, so that the "suspending prompt" information can be conveniently After editing in the Microsoft Office Visio software interface, the "floating prompt" information is presented in the flowchart file in web page format.
为了实现本发明目的,本发明第一方面实施例提供一种生成带悬浮提示的流程图的方法,包括如下步骤:In order to achieve the purpose of the present invention, the embodiment of the first aspect of the present invention provides a method for generating a flowchart with a floating prompt, including the following steps:
S1.在Microsoft Office Visio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象,并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号;S1. in the editing interface of Microsoft Office Visio software, select the flow chart frame object that needs to display the suspension prompt information, and set the name numbering of the flow chart frame object that needs to display the suspension prompt information according to the preset numbering rule;
S2.编辑所述流程图框体对象的形状数据,将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中;S2. Edit the shape data of the flow chart frame object, and write the suspension prompt information expected to be displayed into the shape data of the flow chart frame object that needs to display the suspension prompt information;
S3.将所述S2编辑得到的Microsoft Office Visio流程图文件另存为网页,生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录;S3. the Microsoft Office Visio flow chart file that described S2 is edited and obtained is saved as web page, generates a web page file that is used to open a link and a project file directory that preserves web page information;
S4.获取所述工程文件目录下的data.xml文件,并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息;S4. Obtain the data.xml file under the project file directory, and obtain the suspension of the corresponding flowchart frame object in the data.xml file according to the name number of the flowchart frame object that displays the suspension prompt information. prompt information;
S5.获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件,将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述S4获取的相应的流程图框体对象的悬浮提示信息,并生成新的gif_*.htm文件;其中,*为大于0的自然数;S5. Obtain the gif_*.htm files corresponding to the flowchart frame objects in the project file directory, and replace the suspension prompt information of the corresponding flowchart frame objects in the corresponding gif_*.htm files with the Describe the suspension prompt information of the corresponding flow chart frame body object that described S4 obtains, and generate new gif_*.htm file; Wherein, * is a natural number greater than 0;
S6.将所述S3生成的工程文件目录中的gif_*.htm文件替换为所述S5生成的新的gif_*.htm文件。S6. Replace the gif_*.htm files in the project file directory generated by the S3 with the new gif_*.htm files generated by the S5.
其中,所述S1中设置所述流程图框体对象的名称编号具体包括:Wherein, setting the name number of the flowchart frame object in the S1 specifically includes:
对流程图框体对象格式中的特殊部分的名称内容进行设置,根据预先设置的编号规则将该名称内容设置为名称编号。Set the name content of the special part in the flow chart frame object format, and set the name content as the name number according to the preset numbering rule.
其中,所述步骤S4具体包括:Wherein, the step S4 specifically includes:
S4.1获取所述工程文件目录下的data.xml文件;S4.1 obtains the data.xml file in the project file directory;
S4.2识别所述data.xml文件中的所有流程图网页文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息;S4.2 Identify the page number information of all flow chart webpage files in the data.xml file, the name number information of the flow chart frame object and the floating prompt information in the shape data of the flow chart frame object;
其中,Microsoft Office Visio流程图文件中一页流程图对应生成一个网页,每一网页具有一页码;Wherein, one page of flowchart in the Microsoft Office Visio flowchart file corresponds to generate a web page, and each web page has a page number;
S4.3根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息。S4.3 obtains the floating prompt information of the corresponding flowchart frame object in the data.xml file according to the name number of the flowchart frame object that needs to display the floating prompt information.
其中,所述S4.2中具体采用预设第一正则表达式检索识别所述工程文件目录下的data.xml文件中的流程图文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息。Wherein, in S4.2, a preset first regular expression is specifically used to search and identify the page number information of the flowchart file, the name number information of the flowchart frame object, and the flowchart in the data.xml file under the project file directory. The floating prompt information in the shape data of the frame object.
其中,所述步骤S5具体包括:Wherein, the step S5 specifically includes:
S5.1获取所述data.xml文件中相应的流程图框体对象的流程图文件页码信息;S5.1 obtains the page number information of the flowchart file of the corresponding flowchart frame object in the data.xml file;
S5.2根据所述data.xml文件中相应的流程图框体对象的流程图文件页码信息获取所述工程文件目录下与流程图文件页码信息对应的gif_*.htm文件;其中,*与网页页码对应;S5.2 obtains the gif_*.htm file corresponding to the page number information of the flowchart file in the project file directory according to the page number information of the flowchart file of the corresponding flowchart frame object in the data.xml file; corresponding to the page number;
S5.3识别所述对应的gif_*.htm文件中的所有流程图框体对象的页码信息、框体内容中名称编号信息以及悬浮提示信息;S5.3 identifies the page number information of all flowchart frame objects in the corresponding gif_*.htm file, the name number information in the frame content, and the suspension prompt information;
S5.4根据所述流程图框体对象的页码信息和框体内容中的名称编号信息确定所述对应的gif_*.htm文件中相应的流程图框体对象;S5.4 determines the corresponding flowchart frame object in the corresponding gif_*.htm file according to the page number information of the flowchart frame object and the name number information in the frame content;
S5.5将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述S4.3获取的所述data.xml文件中相应的流程图框体对象的悬浮提示信息,并生成新的gif_*.htm文件。S5.5 replaces the suspension prompt information of the corresponding flowchart frame object in the corresponding gif_*.htm file with the suspension of the corresponding flowchart frame object in the data.xml file obtained in S4.3 prompt information, and generate a new gif_*.htm file.
其中,所述S5.3中具体采用预设第二正则表达式检索识别所述对应的gif_*.htm文件中的流程图框体对象的页码信息、名称编号信息以及悬浮提示信息。Wherein, in S5.3, a preset second regular expression is specifically used to retrieve and identify the page number information, name number information and floating prompt information of the flowchart frame object in the corresponding gif_*.htm file.
本发明第二方面实施例提供一种生成带悬浮提示的流程图的系统,包括:The embodiment of the second aspect of the present invention provides a system for generating a flow chart with a suspension prompt, including:
第一编辑模块,用于在Microsoft Office Visio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象,并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号;The first editing module is used to select the flow chart frame object that needs to display the floating prompt information in the editing interface of Microsoft Office Visio software, and set the flow chart frame object that needs to display the floating prompt information according to the preset numbering rule name number;
第二编辑模块,用于编辑所述流程图框体对象的形状数据,将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中,得到MicrosoftOffice Visio流程图文件;The second editing module is used to edit the shape data of the flow chart frame object, and write the floating prompt information to be displayed into the shape data of the flow chart frame object that needs to display the floating prompt information, so as to obtain the Microsoft Office Visio process figure file;
第一信息处理模块,用于将所述Microsoft Office Visio流程图文件另存为网页,生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录;The first information processing module is used to save the Microsoft Office Visio flowchart file as a web page, and generate a web page file for opening a link and a project file directory for preserving web page information;
第二信息处理模块,用于获取所述工程文件目录下的data.xml文件,并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息;The second information processing module is used to obtain the data.xml file in the project file directory, and obtain the corresponding process in the data.xml file according to the name and number of the flowchart frame object that needs to display the floating prompt information The floating prompt information of the frame object;
第三信息处理模块,用于获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件,将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述第二信息处理模块获取的相应的流程图框体对象的悬浮提示信息,并生成新的gif_*.htm文件;其中,*为大于0的自然数;The third information processing module is used to obtain the gif_*.htm file corresponding to the flowchart frame object in the project file directory, and convert the corresponding flowchart frame object in the corresponding gif_*.htm file The suspension prompt information is replaced with the suspension prompt information of the corresponding flowchart frame object obtained by the second information processing module, and a new gif_*.htm file is generated; wherein, * is a natural number greater than 0;
第四信息处理模块,用于将所述第一信息处理模块生成的工程文件目录中的gif_*.htm替换为所述第三信息处理模块生成的新的gif_*.htm文件。其中,所述第二信息处理模块采用预设第一正则表达式获取所述data.xml文件中对应名称编码相应的流程图框体对象的悬浮提示信息;所述第三信息处理模块采用预设第二正则表达式获取所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息。The fourth information processing module is configured to replace gif_*.htm in the project file directory generated by the first information processing module with new gif_*.htm files generated by the third information processing module. Wherein, the second information processing module adopts a preset first regular expression to obtain the floating prompt information of the flowchart frame object corresponding to the corresponding name code in the data.xml file; the third information processing module adopts a preset The second regular expression obtains the floating prompt information of the corresponding flowchart frame object in the corresponding gif_*.htm file.
本发明第三方面实施例提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时,以实现如本发明第一方面实施例所述的生成带悬浮提示的流程图的方法。An embodiment of the third aspect of the present invention provides an electronic device, including a memory, a processor, and a computer program stored in the memory and running on the processor. When the processor executes the computer program, the present invention is implemented as described above. The method for generating a flowchart with a hover prompt described in the embodiment of the first aspect.
本发明第四方面实施例提供一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序可由处理器执行完成如本发明第一方面实施例所述的生成带悬浮提示的流程图的方法。A fourth aspect of the present invention provides a computer-readable storage medium, characterized in that, the computer-readable storage medium stores a computer program, and the computer program can be executed by a processor as described in the first aspect of the present invention. The described method of generating a flow chart with hover prompts.
与现有技术相比,本发明实施例具有以下有益效果:Compared with the prior art, the embodiments of the present invention have the following beneficial effects:
1)现有技术中“注释”信息占用编辑版面;而本发明实施例自动生成“悬浮提示”的效果,在流程图的网页界面,只有当鼠标悬停于流程图框体对象上时,才会显示“悬浮提示”信息;1) In the prior art, "annotation" information occupies the editing layout; and the embodiment of the present invention automatically generates the effect of "suspending prompt", in the web page interface of the flowchart, only when the mouse hovers on the flowchart frame object, only The "Hovering Tips" message will be displayed;
2)现有技术中“注释”增加冗余信息,影响版面美观;而本发明实施例的补充信息可以体现在“悬浮提示”信息中,因此可以使框体内容尽量简化;2) In the prior art, "annotation" adds redundant information, which affects the appearance of the layout; and the supplementary information of the embodiment of the present invention can be reflected in the "suspended prompt" information, so the frame content can be simplified as much as possible;
3)现有技术中“注释”信息无法自动跟随框体移动,维护及编辑困难;而本发明实施例利用流程图的“形状数据”进行“悬浮信息”的编辑,极大地方便绘图人员修改和维护,并且可以自由定义信息格式;3) In the prior art, the "annotation" information cannot automatically move with the frame body, and maintenance and editing are difficult; and the embodiment of the present invention utilizes the "shape data" of the flowchart to edit the "suspended information", which greatly facilitates the drafters to modify and edit. maintenance, and the information format can be freely defined;
4)现有技术中“形状屏幕提示”无法在网页文件中呈现,影响流程文件的发布;而本发明实施例实现了流程图网页文件的“悬浮提示”功能。4) In the prior art, the "shape screen prompt" cannot be presented in the web page file, which affects the release of the process file; however, the embodiment of the present invention implements the "floating prompt" function of the flowchart web page file.
5)使用本发明实施例可以使流程图的绘制形式更清晰、更具层次感,在向用户提供简明扼要的顺序关系、逻辑关系的同时,又可通过“悬浮提示”向用户展示更详细具体的描述信息,极大地提高了用户阅读流程图的便利性和一致性,有助于流程图内涵的认知和传播。5) Using the embodiment of the present invention, the drawing form of the flowchart can be made clearer and more hierarchical, and while providing users with concise and concise sequence and logical relationships, it can also show users more detailed and detailed information through "floating prompts". It greatly improves the convenience and consistency of reading flowcharts for users, and helps to recognize and spread the connotations of flowcharts.
附图说明Description of drawings
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to explain the embodiments of the present invention or the technical solutions in the prior art more clearly, the following briefly introduces the accompanying drawings that need to be used in the description of the embodiments or the prior art. Obviously, the accompanying drawings in the following description are only These are some embodiments of the present invention. For those of ordinary skill in the art, other drawings can also be obtained according to these drawings without creative efforts.
图1为背景技术所述采用插入注释的方法绘图的绘制效果示例一。FIG. 1 is an example 1 of the drawing effect of drawing by using the method of inserting annotations in the background art.
图2为背景技术所述采用插入注释的方法绘图的绘制效果示例二。FIG. 2 is a second example of the drawing effect of drawing by using the method of inserting annotations according to the background art.
图3为背景技术所述采用插入形状屏幕提示的方法绘图的绘制效果示例一。FIG. 3 is an example 1 of the drawing effect of drawing by using the method of inserting a shape screen prompt according to the background art.
图4为背景技术所述采用插入形状屏幕提示的方法绘图的绘制效果示例二。FIG. 4 is a second example of the drawing effect of drawing by using the method of inserting a shape screen prompt according to the background art.
图5为本发明实施例一的一种生成带悬浮提示的流程图的方法流程图。FIG. 5 is a flowchart of a method for generating a flowchart with a hover prompt according to
图6为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤S3形状数据编辑示例图。FIG. 6 is a diagram showing an example of editing shape data in step S3 in a method for generating a flowchart with a floating prompt according to
图7为本发明实施例一的一种生成带悬浮提示的流程图的方法中悬浮提示信息呈现在网页格式的流程图文件中效果示意图。FIG. 7 is a schematic diagram showing the effect of presenting floating prompt information in a flowchart file in a webpage format in a method for generating a flowchart with a floating prompt according to
图8为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤S2名称编号设置过程一部分示意图。FIG. 8 is a partial schematic diagram of the name number setting process of step S2 in a method for generating a flowchart with a floating prompt according to
图9为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤S2名称编号设置过程另一部分示意图。FIG. 9 is a schematic diagram of another part of the name number setting process in step S2 in a method for generating a flowchart with a floating prompt according to
图10为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤S5的子步骤流程图。FIG. 10 is a flowchart of sub-steps of step S5 in a method for generating a flowchart with a floating prompt according to
图11为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤S6的子步骤流程图。FIG. 11 is a flowchart of sub-steps of step S6 in a method for generating a flowchart with a floating prompt according to
图12为本发明实施例二的一种生成带悬浮提示的流程图的系统结构示意图。FIG. 12 is a schematic structural diagram of a system for generating a flowchart with a hover prompt according to
图13为本发明实施例三的一种电子设备的结构示意图。FIG. 13 is a schematic structural diagram of an electronic device according to
具体实施方式Detailed ways
以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面,但是除非特别指出,不必按比例绘制附图。Various exemplary embodiments, features and aspects of the present disclosure will be described in detail below with reference to the accompanying drawings. The same reference numbers in the figures denote elements that have the same or similar functions. While various aspects of the embodiments are shown in the drawings, the drawings are not necessarily drawn to scale unless otherwise indicated.
另外,为了更好的说明本发明,在下文的具体实施例中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本发明同样可以实施。在一些实例中,对于本领域技术人员熟知的手段、元件和电路未作详细描述,以便于凸显本发明的主旨。In addition, in order to better illustrate the present invention, numerous specific details are given in the following specific embodiments. It will be understood by those skilled in the art that the present invention may be practiced without certain specific details. In some instances, means, elements and circuits well known to those skilled in the art have not been described in detail so as not to obscure the subject matter of the present invention.
如图5所示,本发明实施例一提供一种生成带悬浮提示的流程图的方法,包括如下步骤:As shown in FIG. 5 ,
S1.在Microsoft Office Visio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象,并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号。S1. In the editing interface of the Microsoft Office Visio software, select the flow chart frame object that needs to display the floating prompt information, and set the name number of the flow chart frame object that needs to display the floating prompt information according to a preset numbering rule.
具体而言,步骤S1中所述预先设置的编号规则应满足下面步骤S5、S6可以实现程序语言识别的基本要求。例如,可以将“名称”编号规则定义为“字母数字:数字-数字-数字”,对应程序语言的正则表达式为:\w\d:\d-\d-\d。Specifically, the preset numbering rules described in step S1 should meet the basic requirements that the following steps S5 and S6 can realize program language recognition. For example, the "name" numbering sequence can be defined as "alphanumeric: number-number-number", and the regular expression corresponding to the programming language is: \w\d:\d-\d-\d.
S2.编辑所述流程图框体对象的形状数据,将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中。S2. Edit the shape data of the flowchart frame object, and write the floating prompt information to be displayed into the shape data of the flowchart frame object that needs to display the floating prompt information.
具体而言,S2中编辑所述流程图框体对象的形状数据具体包括在MicrosoftOffice Visio流程图框体对象上,右键下拉菜单,选择“数据-形状数据”,进行“形状数据”的编辑;其中,“形状数据”首先需要点击“定义”选项,对“形状数据”的属性进行定义,确保S5可以正确识别可以被替代的内容。例如,定义一项“形状数据”,其“标签(L)”为“工作描述”,其“名称(N)”为“Practice”,其“类型(T)”为“字符串”等,基本属性设置后可以设置“形状数据”的“值(V)”,即需要实现“悬浮提示”功能的信息,此处的“名称(N)”是data.xml文件中的唯一标识符,是visio与网页文件的关联属性,如图6所示,图6为Microsoft OfficeVisio 2007软件版本的操作界面。Specifically, editing the shape data of the flowchart frame object in S2 is specifically included on the Microsoft Office Visio flowchart frame object, right-clicking the drop-down menu, selecting "Data-Shape Data", and editing the "Shape Data"; wherein , "Shape Data" first need to click the "Define" option to define the attributes of "Shape Data" to ensure that S5 can correctly identify the content that can be replaced. For example, define a "shape data" whose "label (L)" is "job description", whose "name (N)" is "Practice", and whose "type (T)" is "string", etc. After the attribute is set, the "value (V)" of "shape data" can be set, that is, the information that needs to realize the "floating prompt" function. The "name (N)" here is the unique identifier in the data.xml file, which is visio The attributes associated with the web page file are shown in Figure 6, which is the operation interface of the Microsoft OfficeVisio 2007 software version.
S3.将所述S2编辑得到的Microsoft Office Visio流程图文件另存为网页,生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录。S3. Save the Microsoft Office Visio flowchart file edited by the S2 as a web page, and generate a web page file for opening a link and a project file directory for saving web page information.
具体而言,另存为网页是指,在Microsoft Office Visio软件的菜单栏中,点选“文件-另存为网页(G)…”,将流程图文件以网页的格式保存在指定路径。完成保存后,应包含一个用于打开链接的网页文件(文件后缀为.htm)以及保存网页信息的工程文件目录(文件后缀为.files)。Specifically, saving as a webpage means that, in the menu bar of the Microsoft Office Visio software, click "File - Save as webpage (G)..." to save the flowchart file in a webpage format in a specified path. After saving, it should contain a web page file (file suffix .htm) for opening links and a project file directory (file suffix .files) for saving web page information.
S4.获取所述工程文件目录下的data.xml文件,并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息。S4. Obtain the data.xml file under the project file directory, and obtain the suspension of the corresponding flowchart frame object in the data.xml file according to the name number of the flowchart frame object that displays the suspension prompt information. prompt information.
S5.获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件,将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述S4获取的相应的流程图框体对象的悬浮提示信息,并生成新的gif_*.htm。S5. Obtain the gif_*.htm files corresponding to the flowchart frame objects in the project file directory, and replace the suspension prompt information of the corresponding flowchart frame objects in the corresponding gif_*.htm files with the and generate a new gif_*.htm according to the suspension prompt information of the corresponding flowchart frame object obtained in the above S4.
其中,*为大于0的自然数,若具有3页流程图,则对应生成多个gif_1.htm、gif_2.htm和gif_3.htm。Among them, * is a natural number greater than 0. If there is a 3-page flowchart, multiple gif_1.htm, gif_2.htm and gif_3.htm will be generated correspondingly.
S6.将所述S3生成的工程文件目录中的gif_*.htm替换为所述S5生成的新的gif_*.htm文件。S6. Replace the gif_*.htm files in the project file directory generated by the S3 with the new gif_*.htm files generated by the S5.
在一个示例中,使用本发明实施例方法所实现的悬浮提示信息呈现在网页格式的流程图文件中效果如图7所示,C1和C2分别为流程图框体对象的编号,悬浮提示信息为“采用本发明中的方法,可以支持在网页格式的流程图文件中,体现与框体内容不同的差异化信息”。In an example, the effect of presenting the floating prompt information in a flow chart file in web page format using the method of the embodiment of the present invention is as shown in FIG. 7 , C1 and C2 are the numbers of the flowchart frame objects respectively, and the floating prompt information is "Using the method of the present invention can support the presentation of differentiated information different from the content of the frame in the flowchart file in the webpage format".
在一个优选方式中,实施例一中所述的步骤S4-S6可以选用自动化M脚本实现,是指在MATLAB软件中,用M语言开发自动化程序脚本,以实现步骤S6的文件处理功能,其中包括文件的读取、保存,字符串的解析、修改等。需说明的是,实施例一中所述的步骤S4-S6还可以采用其它支持文本处理的脚本程序实现,例如C/C++,python等。In a preferred manner, the steps S4-S6 described in the first embodiment can be realized by using an automatic M script, which means that in MATLAB software, an automatic program script is developed in the M language to realize the file processing function of step S6, which includes File reading, saving, string parsing, modification, etc. It should be noted that, the steps S4-S6 described in the first embodiment may also be implemented by other script programs that support text processing, such as C/C++, python, and the like.
因此,本发明实施例一所述方法步骤S1-S3需要人工在Microsoft Office Visio软件中进行编辑,人工进行相应程序脚本的开发之后,步骤S4-S6可以通过执行程序脚本自动完成。本发明实施例一方法通过检索流程图框体对象的“名称”编号以及“形状数据”,综合利用Microsoft Office Visio软件的流程图编辑功能及例如MATLAB软件的M语言脚本等的自动化程序脚本,实现了带“悬浮提示”的流程图网页文件,改善了流程图的表现形式。Therefore, steps S1-S3 of the method described in the first embodiment of the present invention need to be edited manually in Microsoft Office Visio software, and after manually developing corresponding program scripts, steps S4-S6 can be automatically completed by executing the program scripts. The method of the first embodiment of the present invention retrieves the "name" number and "shape data" of the frame object of the flow chart, and comprehensively utilizes the flow chart editing function of Microsoft Office Visio software and the automatic program script such as the M language script of MATLAB software, etc., to realize The flow chart webpage file with "floating prompt" has been improved, and the expression of the flow chart has been improved.
其中,所述S1中设置所述流程图框体对象的名称编号具体包括:Wherein, setting the name number of the flowchart frame object in the S1 specifically includes:
对流程图框体对象格式中的特殊部分的名称内容进行设置,根据预先设置的编号规则将该名称内容设置为对应的名称编号。具体可以参阅图8-9,图8-9为使用MicrosoftOffice Visio 2007版本软件的设置名称编号过程示意图。所述特殊部分即为图8中所示“特殊(E)”,所述名称内容即为图9中所示“名称(N)”,在图9中,名称编号具体设置为“流程.5”。本实施例中,步骤S1的目的是为了便于后续步骤S4中可以根据名称编号来正确检索识别流程图框体对象的悬浮提示信息。Set the name content of the special part in the flow chart frame object format, and set the name content to the corresponding name number according to the preset numbering rule. For details, please refer to Figure 8-9. Figure 8-9 is a schematic diagram of the process of setting name numbering using Microsoft Office Visio 2007 version software. The special part is "Special (E)" shown in Fig. 8, and the content of the name is "Name (N)" shown in Fig. 9. In Fig. 9, the name number is specifically set as "Process.5". ". In this embodiment, the purpose of step S1 is to facilitate the retrieval of the floating prompt information identifying the frame object of the flowchart according to the name number in the subsequent step S4.
其中,如图10所示,所述步骤S4具体包括:Wherein, as shown in Figure 10, the step S4 specifically includes:
S4.1获取所述工程文件目录(.files)下的data.xml文件;S4.1 obtains the data.xml file under the project file directory (.files);
S4.2识别所述data.xml文件中的所有流程图网页文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息;S4.2 Identify the page number information of all flow chart webpage files in the data.xml file, the name number information of the flow chart frame object and the floating prompt information in the shape data of the flow chart frame object;
其中,在将Microsoft Office Visio流程图文件另存为网页时,MicrosoftOffice Visio流程图文件中一页流程图对应生成一个网页(gif_*.htm文件),每一网页具有一页码;Wherein, when the Microsoft Office Visio flowchart file is saved as a web page, a web page (gif_*.htm file) is correspondingly generated for one page of the flowchart in the Microsoft Office Visio flowchart file, and each web page has a page number;
S4.3根据所述需要显示悬浮提示信息的流程图框体对象的名称编号(即S1中设置的名称编号)获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息。S4.3 obtains the floating prompt information of the corresponding flowchart frame object in the data.xml file according to the name number of the flowchart frame object that needs to display the floating prompt information (ie, the name number set in S1).
其中,所述S4.2中具体采用预设第一正则表达式检索识别所述工程文件目录下的data.xml文件中的流程图文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息。Wherein, in S4.2, a preset first regular expression is specifically used to search and identify the page number information of the flowchart file, the name number information of the flowchart frame object, and the flowchart in the data.xml file under the project file directory. The floating prompt information in the shape data of the frame object.
具体而言,所述第一正则表达式包括如下内容:Specifically, the first regular expression includes the following content:
1)页码表达式:1) Page number expression:
'<Page\sID="([^"]+)"\sName="([^"]+)"\sNameU="([^"]+)".*>''<Page\sID="([^"]+)"\sName="([^"]+)"\sNameU="([^"]+)".*>'
示例:<Page ID="3"Name="整车开发流程:C0"NameU="整车开发流程">Example: <Page ID="3"Name="Vehicle development process: C0"NameU="Vehicle development process">
示例说明:“页码”是3,流程图的名称是“整车开发流程:C0”,首次创建流程图时visio自动创建的标签是“整车开发流程”。Example description: "Page number" is 3, the name of the flowchart is "Vehicle Development Process: C0", and the label automatically created by visio when the flowchart is first created is "Vehicle Development Process".
2)流程图框体对象名称编号表达式:2) Flowchart frame object name number expression:
<Shape\sID="([^"]+)"\sUniqueID="[^"]+"\sName="([^"]+)"\sNameU="([^"]+)".*>'<Shape\sID="([^"]+)"\sUniqueID="[^"]+"\sName="([^"]+)"\sNameU="([^"]+)".* >'
示例:<Shape ID="25"UniqueID="{B4A327B0-A6E6-44E4-BB39-C19F62CF073D}"Name="A1:1-2-3"NameU="A1:1-2-3"Master="0">Example: <Shape ID="25"UniqueID="{B4A327B0-A6E6-44E4-BB39-C19F62CF073D}"Name="A1:1-2-3"NameU="A1:1-2-3"Master="0 ">
示例说明:流程图框体对象的名称编号为“A1:1-2-3”。Example description: The name number of the flowchart frame object is "A1:1-2-3".
3)形状数据表达式:3) Shape data expression:
'<Prop\sID="([^"]+)"\sName="([^"]+)"\sNameU="([^"]+)".*>''<Prop\sID="([^"]+)"\sName="([^"]+)"\sNameU="([^"]+)".*>'
示例:<Prop ID="1"Name="Practice"NameU="Practice">Example: <Prop ID="1" Name="Practice" NameU="Practice">
示例说明:此处“形状数据”的“名称”为“Practice”。Example description: Here the "Name" of "Shape Data" is "Practice".
4)形状数据中“值(V)”的表达式:4) Expression of "value (V)" in shape data:
'<Value\sUnit="STR">''<Value\sUnit="STR">'
示例:<Value Unit="STR">本发明提供一种流程图方法</Value>Example: <Value Unit="STR">The present invention provides a flow chart method</Value>
示例说明:此处“值(V)”的内容为“本发明提供一种流程图方法”。Example description: The content of "value (V)" here is "the present invention provides a flowchart method".
其中,如图11所示,所述步骤S5具体包括:Wherein, as shown in FIG. 11 , the step S5 specifically includes:
S5.1获取所述data.xml文件中相应的流程图框体对象的流程图文件页码信息;S5.1 obtains the page number information of the flowchart file of the corresponding flowchart frame object in the data.xml file;
S5.2根据所述data.xml文件中相应的流程图框体对象的流程图文件页码信息获取所述工程文件目录下与流程图文件页码信息对应的gif_*.htm文件;其中,*与网页页码对应;S5.2 obtains the gif_*.htm file corresponding to the page number information of the flowchart file in the project file directory according to the page number information of the flowchart file of the corresponding flowchart frame object in the data.xml file; corresponding to the page number;
S5.3识别所述对应的gif_*.htm文件中的所有流程图框体对象的页码信息、框体内容中名称编号信息以及悬浮提示信息;S5.3 identifies the page number information of all flowchart frame objects in the corresponding gif_*.htm file, the name number information in the frame content, and the suspension prompt information;
S5.4根据所述流程图框体对象的页码信息和框体内容中的名称编号信息确定所述对应的gif_*.htm文件中相应的流程图框体对象;S5.4 determines the corresponding flowchart frame object in the corresponding gif_*.htm file according to the page number information of the flowchart frame object and the name number information in the frame content;
S5.5将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述S4.3获取的所述data.xml文件中相应的流程图框体对象的悬浮提示信息,并生成新的gif_*.htm。S5.5 replaces the suspension prompt information of the corresponding flowchart frame object in the corresponding gif_*.htm file with the suspension of the corresponding flowchart frame object in the data.xml file obtained in S4.3 prompt information, and generate a new gif_*.htm.
其中,所述S5.3中具体采用预设第二正则表达式检索识别所述对应的gif_*.htm文件中的流程图框体对象的页码信息、名称编号信息以及悬浮提示信息。Wherein, in S5.3, a preset second regular expression is specifically used to retrieve and identify the page number information, name number information and floating prompt information of the flowchart frame object in the corresponding gif_*.htm file.
所述预设第二正则表达式包括如下内容:The preset second regular expression includes the following content:
页码表达式:Page number expression:
'var\spageID\s=\s(\d+);''var\spageID\s=\s(\d+);'
示例:var pageID=3;Example: var pageID=3;
示例说明:页码为“3”Example description: page number is "3"
2)框体内容及“悬浮提示”表达式:2) The content of the box and the expression of "floating prompt":
'ALT="[^"]+".*origTitle="([^"]+)".*TITLE="([^"]+)".*target="[^"]+"''ALT="[^"]+".*origTitle="([^"]+)".*TITLE="([^"]+)".*target="[^"]+"'
其中,框体内容指属性标签origTitle后继的部分,“悬浮提示”指属性标签TITLE后继的部分。Among them, the frame content refers to the part following the attribute tag origTitle, and the "floating prompt" refers to the part following the attribute tag TITLE.
其中,流程图框体对象的框体内容包括对应的名称编号。Wherein, the frame content of the flowchart frame object includes the corresponding name number.
示例:<AREA shape="POLYGON"tabindex="1"ALT="A1:1-2-3框体内容"origTitle="A1:1-2-3框体内容"TITLE="本发明提供一种流程图方法"HREF="gif_7.htm"target="frmDrawing"COORDS="95,360,170,360,170,322,95,322,95,360"onmouseover="UpdateTooltip(this,4,60)"onfocus="UpdateTooltip(this,4,60)"onclick="return OnShapeClick(4,60);"onkeyup="OnShapeKey(4,60);">Example: <AREA shape="POLYGON" tabindex="1" ALT="A1: 1-2-3 frame content" origTitle="A1: 1-2-3 frame content" TITLE=" The present invention provides a Flowchart method"HREF="gif_7.htm"target="frmDrawing"COORDS="95,360,170,360,170,322,95,322,95,360"onmouseover="UpdateTooltip(this,4,60)"onfocus="UpdateTooltip(this,4,60)"onclick ="return OnShapeClick(4,60);"onkeyup="OnShapeKey(4,60);">
示例说明:上述内容是gif_*.htm文件的实际内容。Example description: The above content is the actual content of the gif_*.htm file.
3)框体对象“名称”编号表达式(取决于步骤S1的编号规则):3) Frame object "name" numbering expression (depending on the numbering rule of step S1):
'(\w\d+(:\d+)?(-\d+)?)''(\w\d+(:\d+)?(-\d+)?)'
上述表达式即“字母数字:数字-数字”。The above expression is "alphanumeric:numeric-numeric".
需说明的是,正则表达式是一种文本处理的通用方法,在实施例中优选通过M脚本实现。It should be noted that the regular expression is a general method of text processing, which is preferably implemented by M script in the embodiment.
如图12所示,本发明实施例二提供一种生成带悬浮提示的流程图的系统,包括:As shown in FIG. 12 , the second embodiment of the present invention provides a system for generating a flowchart with a suspension prompt, including:
第一编辑模块1,用于在Microsoft Office Visio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象,并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号;The
第二编辑模块2,用于编辑所述流程图框体对象的形状数据,将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中,得到MicrosoftOffice Visio流程图文件;The
第一信息处理模块3,用于将所述Microsoft Office Visio流程图文件另存为网页,生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录;The first
第二信息处理模块4,用于获取所述工程文件目录下的data.xml文件,并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息;The second
第三信息处理模块5,用于获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件,将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述第二信息处理模块获取的相应的流程图框体对象的悬浮提示信息,并生成新的gif_*.htm文件;其中,*为大于0的自然数;The third
第四信息处理模块6,用于将所述第一信息处理模块生成的工程文件目录中的gif_*.htm替换为所述第三信息处理模块生成的新的gif_*.htm文件。The fourth
其中,所述第二信息处理模块4采用预设第一正则表达式获取所述data.xml文件中对应名称编码相应的流程图框体对象的悬浮提示信息;所述第三信息处理模块5采用预设第二正则表达式获取所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息。Wherein, the second
对于实施例二公开的系统而言,由于其与实施例一公开的方法相对应,相关之处参见方法部分说明即可,此处不再赘述。As for the system disclosed in the second embodiment, since it corresponds to the method disclosed in the first embodiment, the relevant parts can be referred to the description of the method, which will not be repeated here.
如图13所示,本发明实施例三提供一种电子设备200,包括存储器201、处理器202及存储在存储器201上并可在处理器202上运行的计算机程序203,所述处理器202执行所述程序203时,以实现如实施例一所述的生成带悬浮提示的流程图的方法。As shown in FIG. 13 ,
需要说明的是,前述对实施例一方法的解释说明也适用于实施例三的电子设备,其实现原理类似,此处不再赘述。It should be noted that, the foregoing explanation of the method in the first embodiment is also applicable to the electronic device in the third embodiment, and the implementation principle thereof is similar, which is not repeated here.
本发明实施例四提供一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序可由处理器执行完成如本发明实施例一所述的生成带悬浮提示的流程图的方法。The fourth embodiment of the present invention provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and the computer program can be executed by a processor to complete the generation of the tape according to the first embodiment of the present invention. The method of hovering the flow chart of the prompt.
需要说明的是,前述对实施例一方法的解释说明也适用于实施例四的计算机可读存储介质,其实现原理类似,此处不再赘述。It should be noted that the foregoing explanation of the method in the first embodiment is also applicable to the computer-readable storage medium of the fourth embodiment, and the implementation principle thereof is similar, and details are not repeated here.
通过以上实施例的描述可知:It can be known from the description of the above embodiment:
1)现有技术中“注释”信息占用编辑版面;而本发明实施例自动生成“悬浮提示”的效果,在流程图的网页界面,只有当鼠标悬停于流程图框体对象上时,才会显示“悬浮提示”信息;1) In the prior art, "annotation" information occupies the editing layout; and the embodiment of the present invention automatically generates the effect of "suspending prompt", in the web page interface of the flowchart, only when the mouse hovers on the flowchart frame object, only The "Hovering Tips" message will be displayed;
2)现有技术中“注释”增加冗余信息,影响版面美观;而本发明实施例的补充信息可以体现在“悬浮提示”信息中,因此可以使框体内容尽量简化;2) In the prior art, "annotation" adds redundant information, which affects the appearance of the layout; and the supplementary information of the embodiment of the present invention can be reflected in the "suspended prompt" information, so the frame content can be simplified as much as possible;
3)现有技术中“注释”信息无法自动跟随框体移动,维护及编辑困难;而本发明实施例利用流程图的“形状数据”进行“悬浮信息”的编辑,极大地方便绘图人员修改和维护,并且可以自由定义信息格式;3) In the prior art, the "annotation" information cannot automatically move with the frame body, and maintenance and editing are difficult; and the embodiment of the present invention utilizes the "shape data" of the flowchart to edit the "suspended information", which greatly facilitates the drafters to modify and edit. maintenance, and the information format can be freely defined;
4)现有技术中“形状屏幕提示”无法在网页文件中呈现,影响流程文件的发布;而本发明实施例实现了流程图网页文件的“悬浮提示”功能。4) In the prior art, the "shape screen prompt" cannot be presented in the web page file, which affects the release of the process file; however, the embodiment of the present invention implements the "floating prompt" function of the flowchart web page file.
5)使用本发明实施例可以使流程图的绘制形式更清晰、更具层次感,在向用户提供简明扼要的顺序关系、逻辑关系的同时,又可通过“悬浮提示”向用户展示更详细具体的描述信息,极大地提高了用户阅读流程图的便利性和一致性,有助于流程图内涵的认知和传播。5) Using the embodiment of the present invention, the drawing form of the flowchart can be made clearer and more hierarchical, and while providing users with concise and concise sequence and logical relationships, it can also show users more detailed and detailed information through "floating prompts". It greatly improves the convenience and consistency of reading flowcharts for users, and helps to recognize and spread the connotations of flowcharts.
在本说明书的描述中,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。In the description of this specification, those skilled in the art may combine and combine different embodiments or examples and features of different embodiments or examples described in this specification, without conflicting each other.
此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。In addition, the terms "first" and "second" are only used for descriptive purposes, and should not be construed as indicating or implying relative importance or implying the number of indicated technical features. Thus, a feature delimited with "first", "second" may expressly or implicitly include at least one of that feature. In the description of the present invention, "plurality" means at least two, such as two, three, etc., unless otherwise expressly and specifically defined.
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。Any process or method description in the flowcharts or otherwise described herein may be understood to represent a module, segment or portion of code comprising one or more executable instructions for implementing custom logical functions or steps of the process , and the scope of the preferred embodiments of the invention includes alternative implementations in which the functions may be performed out of the order shown or discussed, including performing the functions substantially concurrently or in the reverse order depending upon the functions involved, which should It is understood by those skilled in the art to which the embodiments of the present invention belong.
在流程图中表示或在此以其他方式描述的逻辑和/或步骤,例如,可以被认为是用于实现逻辑功能的可执行指令的定序列表,可以具体实现在任何计算机可读介质中,以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用,或结合这些指令执行系统、装置或设备而使用。就本说明书而言,“计算机可读介质”可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(RAM),只读存储器(ROM),可擦除可编辑只读存储器(EPROM或闪速存储器),光纤装置,以及便携式光盘只读存储器(CDROM)。另外,计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。The logic and/or steps represented in flowcharts or otherwise described herein, for example, may be considered an ordered listing of executable instructions for implementing the logical functions, may be embodied in any computer-readable medium, For use with, or in conjunction with, an instruction execution system, apparatus, or device (such as a computer-based system, a system including a processor, or other system that can fetch instructions from and execute instructions from an instruction execution system, apparatus, or apparatus) or equipment. For the purposes of this specification, a "computer-readable medium" can be any device that can contain, store, communicate, propagate, or transport the program for use by or in connection with an instruction execution system, apparatus, or apparatus. More specific examples (non-exhaustive list) of computer readable media include the following: electrical connections with one or more wiring (electronic devices), portable computer disk cartridges (magnetic devices), random access memory (RAM), Read Only Memory (ROM), Erasable Editable Read Only Memory (EPROM or Flash Memory), Fiber Optic Devices, and Portable Compact Disc Read Only Memory (CDROM). In addition, the computer readable medium may even be paper or other suitable medium on which the program may be printed, as the paper or other medium may be optically scanned, for example, followed by editing, interpretation, or other suitable medium as necessary process to obtain the program electronically and then store it in computer memory.
应当理解,本发明实施例的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如,如果用硬件来实现和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。It should be understood that each part of the embodiments of the present invention may be implemented by hardware, software, firmware or a combination thereof. In the above-described embodiments, various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware as in another embodiment, it can be implemented by any one of the following techniques known in the art, or a combination thereof: discrete with logic gates for implementing logic functions on data signals Logic circuits, application specific integrated circuits with suitable combinational logic gates, Programmable Gate Arrays (PGA), Field Programmable Gate Arrays (FPGA), etc.
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。Those skilled in the art can understand that all or part of the steps carried by the methods of the above embodiments can be completed by instructing the relevant hardware through a program, and the program can be stored in a computer-readable storage medium, and the program can be stored in a computer-readable storage medium. When executed, one or a combination of the steps of the method embodiment is included.
此外,在本发明各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。In addition, each functional unit in each embodiment of the present invention may be integrated into one processing module, or each unit may exist physically alone, or two or more units may be integrated into one module. The above-mentioned integrated modules can be implemented in the form of hardware, and can also be implemented in the form of software function modules. If the integrated modules are implemented in the form of software functional modules and sold or used as independent products, they may also be stored in a computer-readable storage medium.
上述提到的存储介质可以是只读存储器,磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。The above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, and the like. Although the embodiments of the present invention have been shown and described above, it should be understood that the above-mentioned embodiments are exemplary and should not be construed as limiting the present invention. Embodiments are subject to variations, modifications, substitutions and variations.
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。Various embodiments of the present invention have been described above, and the foregoing descriptions are exemplary, not exhaustive, and not limiting of the disclosed embodiments. Numerous modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein was chosen to best explain the principles of the embodiments, the practical application or technical improvement in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
Claims (9)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910117790.4A CN111580803B (en) | 2019-02-15 | 2019-02-15 | Method and system for generating flow chart with suspension prompt, electronic device and medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910117790.4A CN111580803B (en) | 2019-02-15 | 2019-02-15 | Method and system for generating flow chart with suspension prompt, electronic device and medium |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111580803A CN111580803A (en) | 2020-08-25 |
CN111580803B true CN111580803B (en) | 2022-09-06 |
Family
ID=72126034
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910117790.4A Active CN111580803B (en) | 2019-02-15 | 2019-02-15 | Method and system for generating flow chart with suspension prompt, electronic device and medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111580803B (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113792247B (en) * | 2021-11-12 | 2022-06-21 | 中航金网(北京)电子商务有限公司 | Method, apparatus, device and medium for generating functional flow chart based on code characteristics |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102520966A (en) * | 2011-12-28 | 2012-06-27 | 东软集团股份有限公司 | Method for prompting codes and device |
CN102541527A (en) * | 2010-12-17 | 2012-07-04 | 深圳市金蝶中间件有限公司 | Hovering prompting system and method |
CN105988801A (en) * | 2015-02-13 | 2016-10-05 | 腾讯科技(深圳)有限公司 | Method and device for displaying annotation information |
CN106383734A (en) * | 2016-11-02 | 2017-02-08 | 北京神舟航天软件技术有限公司 | Method for extracting detailed design from codes |
CN108769414A (en) * | 2018-05-30 | 2018-11-06 | 维沃移动通信(深圳)有限公司 | A kind of information cuing method and mobile terminal |
CN109324795A (en) * | 2017-07-27 | 2019-02-12 | 武汉斗鱼网络科技有限公司 | The methods of exhibiting and system of combobox in a kind of page |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9594489B2 (en) * | 2014-08-12 | 2017-03-14 | Microsoft Technology Licensing, Llc | Hover-based interaction with rendered content |
US20160103679A1 (en) * | 2014-10-10 | 2016-04-14 | Wolfram Research, Inc. | Software code annotation |
-
2019
- 2019-02-15 CN CN201910117790.4A patent/CN111580803B/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102541527A (en) * | 2010-12-17 | 2012-07-04 | 深圳市金蝶中间件有限公司 | Hovering prompting system and method |
CN102520966A (en) * | 2011-12-28 | 2012-06-27 | 东软集团股份有限公司 | Method for prompting codes and device |
CN105988801A (en) * | 2015-02-13 | 2016-10-05 | 腾讯科技(深圳)有限公司 | Method and device for displaying annotation information |
CN106383734A (en) * | 2016-11-02 | 2017-02-08 | 北京神舟航天软件技术有限公司 | Method for extracting detailed design from codes |
CN109324795A (en) * | 2017-07-27 | 2019-02-12 | 武汉斗鱼网络科技有限公司 | The methods of exhibiting and system of combobox in a kind of page |
CN108769414A (en) * | 2018-05-30 | 2018-11-06 | 维沃移动通信(深圳)有限公司 | A kind of information cuing method and mobile terminal |
Non-Patent Citations (1)
Title |
---|
visio绘制流程图时图形的意义及5个小技巧-百度经验;jsylyan;《https://jingyan.baidu.com/article/93f9803f0a1994e0e56f554a.html》;20150408;第1-4页 * |
Also Published As
Publication number | Publication date |
---|---|
CN111580803A (en) | 2020-08-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Cunningham et al. | Developing Language Processing Components with GATE Version 5:(a User Guide) | |
US20080263101A1 (en) | Data Processing Device and Data Processing Method | |
US9052983B2 (en) | Source code patches | |
US8589877B2 (en) | Modeling and linking documents for packaged software application configuration | |
US20100199167A1 (en) | Document processing apparatus | |
US20100115394A1 (en) | Document processing device and document processing method | |
CN110968294B (en) | Business domain model establishing system and method | |
EP4113355A1 (en) | Conditional processing of annotated documents for automated document generation | |
US8234570B2 (en) | Harvesting assets for packaged software application configuration | |
US8996357B2 (en) | Method for generating diagrams, and information processing apparatus for same | |
US20230289527A1 (en) | Convergence of document state and application state | |
Borowski et al. | Codestrates v2: A development platform for Webstrates | |
US20090021767A1 (en) | Document processing device | |
US8645816B1 (en) | Customizing user documentation | |
CN111580803B (en) | Method and system for generating flow chart with suspension prompt, electronic device and medium | |
US11010140B2 (en) | Integration of workflow and logical data objects using visual programming | |
US20080256092A1 (en) | Data Processing Device and Data Processing Method | |
CN112181483A (en) | Plasma control system software development platform and method | |
US9501598B1 (en) | System and method for assertion publication and re-use | |
US11977473B2 (en) | Providing a pseudo language for manipulating complex variables of an orchestration flow | |
EP1933233A1 (en) | Data processing apparatus | |
CN1950817A (en) | Document processing device and document processing method | |
US20080250311A1 (en) | Document Processing Device, and Document Processing Method | |
CN101057232A (en) | Document processing device and document processing method | |
US8839097B2 (en) | System and method for information encapsulation for providing multiple deliverable formats from one information source |
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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20220104 Address after: 511434 No. 36, Longying Road, Shilou Town, Panyu District, Guangzhou City, Guangdong Province Applicant after: GAC AION New Energy Vehicle Co.,Ltd. Address before: 510030 23 building, Cheng Yue mansion 448-458, Dongfeng Middle Road, Yuexiu District, Guangzhou, Guangdong. Applicant before: GUANGZHOU AUTOMOBILE GROUP Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CP03 | Change of name, title or address | ||
CP03 | Change of name, title or address |
Address after: No. 36 Longying Road, Shilou Town, Panyu District, Guangzhou City, Guangdong Province Patentee after: GAC AION NEW ENERGY AUTOMOBILE Co.,Ltd. Country or region after: China Address before: No. 36 Longying Road, Shilou Town, Panyu District, Guangzhou City, Guangdong Province Patentee before: GAC AION New Energy Vehicle Co.,Ltd. Country or region before: China |