CN105808217A - Flow chart drawing method and system based on XML - Google Patents
Flow chart drawing method and system based on XML Download PDFInfo
- Publication number
- CN105808217A CN105808217A CN201410841803.XA CN201410841803A CN105808217A CN 105808217 A CN105808217 A CN 105808217A CN 201410841803 A CN201410841803 A CN 201410841803A CN 105808217 A CN105808217 A CN 105808217A
- Authority
- CN
- China
- Prior art keywords
- flow chart
- node
- xml
- flowchart
- file
- 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
Abstract
The invention discloses a flow chart drawing method and system based on an extensible markup language XML. The method comprises following steps of establishing a flow chart drawing object by using a drawing language based on the XML; generating a flow chart description file of an XML format according to the flow chart drawing object; and generating flow chart display streams according to the flow chart description file, thus displaying a generated flow chart on a browser. According to the method and the system, the flow chart can be drawn online; drawing data is stored and expressed by using the XML file; the data is low in storage amount and rapid in transmission; the flow chart can be drawn easily and displayed visually; the integration is easy in a Web system; and the man-machine interaction of the system is improved.
Description
Technical field
The present invention relates to drawing field, in particular it relates to a kind of flowchart drawing method and system based on XML.
Background technology
Along with the increase in demand of electronic office, many software service companies are providing the office system based on server/customer end (CS) structure.Office system based on CS structure needs to install client on terminal computer, and handles official business based on this client.Additionally, in the office system based on CS structure, generally can draw substantial amounts of operation flow and learn how to be operated for clerical workforce and which step is business proceed to.
Along with the sustainable development of the Internet, the demand of online office is more and more obvious, and namely the demand based on the online office of browser/server (BS) structure is also come more obvious.Due to defects such as business process map drawing tool operational efficiency is low, memory data output big, display and the durability differences that provide in the office system based on CS structure so that the existing business process map drawing tool based on CS cannot be attached in the office system based on BS structure.But, for for the online Office Service of BS structure, efficiently easy-to-use online flowchart drawing instrument is extremely important for the impression improving user, and also it is the important technology under IT application in enterprises, visualization trend, it can increase the interactivity of enterprise information system, and the competitiveness improving enterprise is played very important effect.Therefore, it is necessary to be developed based on the flowchart drawing technical scheme of BS structure.
Summary of the invention
It is an object of the invention to provide a kind of flowchart drawing method and system based on XML, to realize online graphic plotting, strengthen the interactivity of enterprise information system.
The invention provides a kind of flowchart drawing method based on expandable mark language XML, the method includes: use the Drawing Language visioning procedure figure rendered object based on XML；The flow chart generating XML format according to described flowchart drawing object describes file；According to described flow chart, file generated flow chart display stream is described, to show the flow chart of generation on a web browser.
Preferably, the described Drawing Language based on XML includes at least one in geographical markup language GML, VML VML and saleable vector graphics SVG.
Preferably, the described Drawing Language based on XML for flowchart Object Creation, nodes X ML data acquisition, nodes X ML data arrange, node object create, node object delete, node describe information arrange, node describe acquisition of information, node style setting, line style setting, node auto arrangement, draw cancel, recoverys of drawing, flow chart object refresh, information data arrange and node upstate acquisition at least one.
Preferably, generate the flow chart of XML format according to described flowchart drawing object to describe the flow chart that file includes described flowchart drawing object's property value is written to described XML format according to mode one to one and describe in file, thus the flow chart generating described XML format describes file.
Preferably, described describe file generated flow chart display stream according to described flow chart and include the flow chart according to described XML format and describe file and form abstract visualized graphs model, and according to described flowchart drawing object's property value and described abstract visualized graphs model generation flow chart display stream.
The invention provides a kind of flowchart drawing system based on expandable mark language XML, this system includes: drawing object creation module, for using the Drawing Language visioning procedure figure rendered object based on XML；Describing file generating module, the flow chart for generating XML format according to described flowchart drawing object describes file；Flow chart display stream generation module, for describing file generated flow chart display stream according to described flow chart, to show the flow chart of generation on a web browser.
Preferably, the described Drawing Language based on XML includes at least one in geographical markup language GML, VML VML and saleable vector graphics SVG.
Preferably, the described Drawing Language based on XML for flowchart Object Creation, nodes X ML data acquisition, nodes X ML data arrange, node object create, node object delete, node describe information arrange, node describe acquisition of information, node style setting, line style setting, node auto arrangement, draw cancel, recoverys of drawing, flow chart object refresh, information data arrange and node upstate acquisition at least one.
Preferably, file generating module is described, for being described in file by the flow chart that described flowchart drawing object's property value is written to described XML format according to mode one to one, thus the flow chart generating described XML format describes file.
Preferably, flow chart display stream generation module, abstract visualized graphs model is formed for describing file according to the flow chart of described XML format, and according to described flowchart drawing object's property value and described abstract visualized graphs model generation flow chart display stream..
The present invention can be implemented in line and draws flow chart, and use XML file storage and represent draw data, the little transmission of memory data output is fast, it is capable of light drafting and the visual presentation of flow chart, it is prone in Web system integrated, improve the man-machine interaction of system such that it is able to strengthen the interactivity of enterprise information system, improve the service competitiveness of enterprise.
Other features and advantages of the present invention will be described in detail in detailed description of the invention part subsequently.
Accompanying drawing explanation
Accompanying drawing is used to provide a further understanding of the present invention, and constitutes the part of description, is used for explaining the present invention, but is not intended that limitation of the present invention together with detailed description below.In the accompanying drawings:
Fig. 1 is flow chart composition schematic diagram；
Fig. 2 is flowchart drawing schematic diagram；
Fig. 3 is that flow chart shows schematic diagram.
Detailed description of the invention
Below in conjunction with accompanying drawing, the specific embodiment of the present invention is described in detail.It should be appreciated that detailed description of the invention described herein is merely to illustrate and explains the present invention, it is not limited to the present invention.
It is now based in the Web system of BS structure to draw flow chart online in order to real, present invention utilizes the Drawing Language based on extensible markup language (XML), such as VML (VML), geographical markup language (GML) and saleable vector graphics (SVG), these Drawing Languages can be supported by browser, but different browsers is likely to support different language, such as VML can use in IE browser, and SVG is supported by red fox browser.But by developing browser plug-in, IE can also support SVG.For the ease of technical scheme is illustrated, the present invention illustrates for VML.
In the process of flowchart drawing, the pel mainly used is exactly node and line, as shown in Figure 1.VML may be used for drawing simple node and line.The present invention is by the succession in software design procedure and packaging V ML, the function more enriched can be realized, include but not limited to: flow chart Object Creation, nodes X ML data acquisition, nodes X ML data arrange, node object create, node object delete, node describe information arrange, node describe acquisition of information, node style setting, line style setting, node auto arrangement, draw cancel, recoverys of drawing, flow chart object refresh, information data arrange and node upstate acquisition.
Flow chart Object Creation refers to that one object of establishment is to hold node and line wherein, thus forming flow chart.
Nodes X ML data acquisition refers to the XML data obtaining node, for instance node coordinate, size etc..
Nodes X ML data arrange and refer to the XML data arranging node, for instance change its size or coordinate etc..
Node object creates and refers to establishment node, and node has initial property value, for instance size.
Node object is deleted and is referred to deletion of node.
Node describes information setting and refers to the description information arranging node, for instance beginning, end etc..Description information can be Div floating layers, it is possible to defines the Show Styles of this floating layers, such as font, frame, width, height etc..
Node describes acquisition of information and refers to the description information obtaining node, for instance beginning, end etc..
Node style setting refers to the pattern arranging node, for instance circle, rectangle etc..
Line style setting refers to the pattern arranging line, for instance solid line, dotted line etc..
Node auto arrangement refers to according to regularly arranged node, for instance be vertically arranged or horizontally arranged.
Draw to cancel and refer to and cancel the line of drafting, node etc..
Drawing recovery refers to recovery reversed line, node etc..
Flow chart object refreshes the object referring to refresh flow figure to show the information after updating, for instance node size etc..
The setting of information data refers to and arranges information, for informing the item that user should be noted that in a certain step or some step.
Node upstate obtains and refers to that the state obtaining node is to judge whether it can use, for instance the node corresponding to step passed through is unusable state.
Although node auto arrangement mentioned above, it is necessary to explanation, in the process of graphic plotting, it is also possible to carry out manual alignment node.
Fig. 2 illustrates the schematic diagram of flowchart drawing.In the process of flowchart drawing, first creating a flow chart object, this flow chart object is mainly to hold uses flow chart.Can create node with that, and create line node is coupled together.In the program language of software, node, line all correspond to object.Line is the formation of flow chart, the node of flow chart and line after being coupled together by node can have property value, and this property value can include the mark of pel, pattern, coordinate, Length x Width, carry out source and target etc..After forming flow chart, it is possible to preserve the flow chart object created, thus generating (establishment) flowchart drawing object.After visioning procedure figure rendered object, can pass through flowchart drawing object's property value (it comprises according to source and objective attribute target attribute), determine filiation and the sequencing relation of node and line, the flow chart being generated XML format by the mode mapped one by one describes file, thus completing flowcharting.
The example that the flow chart of XML format describes file is as follows:
Fig. 3 illustrates the display process of flow chart.In display process, need that the flow chart of XML format is described file to resolve, thus forming abstract visualized graphs model, then further according to described flowchart drawing object's property value and described abstract visualized graphs model generation flow chart display stream, the display stream of flow chart can pass through browser display on browser page.
It should be noted that above-mentioned flowchart drawing and display process are static processes.Preferably, the present invention can also provide event definition for node and line, after the corresponding event of user occurs, can respond according to event definition.In order to realize node to event response, it is possible to for each node definition java script and the link of flow chart, and to realize the response to alternative events by binding this attribute, perform user and define script function.
The preferred embodiment of the present invention is described in detail above in association with accompanying drawing; but; the present invention is not limited to the detail in above-mentioned embodiment; in the technology concept of the present invention; technical scheme can being carried out multiple simple variant, these simple variant belong to protection scope of the present invention.
It is further to note that each the concrete technical characteristic described in above-mentioned detailed description of the invention, in reconcilable situation, it is possible to be combined by any suitable mode.In order to avoid unnecessary repetition, various possible compound modes are no longer illustrated by the present invention separately.
Additionally, can also carry out combination in any between the various different embodiment of the present invention, as long as it is without prejudice to the thought of the present invention, it should be considered as content disclosed in this invention equally.
Claims (10)
1. the flowchart drawing method based on expandable mark language XML, it is characterised in that the method includes:
Use the Drawing Language visioning procedure figure rendered object based on XML；
The flow chart generating XML format according to described flowchart drawing object describes file；
According to described flow chart, file generated flow chart display stream is described, to show the flow chart of generation on a web browser.
2. flowchart drawing method according to claim 1, it is characterised in that the described Drawing Language based on XML includes at least one in geographical markup language GML, VML VML and saleable vector graphics SVG.
3. flowchart drawing method according to claim 1, it is characterized in that, the described Drawing Language based on XML for flowchart Object Creation, nodes X ML data acquisition, nodes X ML data arrange, node object create, node object delete, node describe information arrange, node describe acquisition of information, node style setting, line style setting, node auto arrangement, draw cancel, recoverys of drawing, flow chart object refresh, information data arrange and node upstate acquisition at least one.
4. flowchart drawing method according to claim 1, it is characterized in that, generate the flow chart of XML format according to described flowchart drawing object to describe the flow chart that file includes described flowchart drawing object's property value is written to described XML format according to mode one to one and describe in file, thus the flow chart generating described XML format describes file.
5. flowchart drawing method according to claim 4, it is characterized in that, described describe file generated flow chart display stream according to described flow chart and include the flow chart according to described XML format and describe file and form abstract visualized graphs model, and according to described flowchart drawing object's property value and described abstract visualized graphs model generation flow chart display stream.
6. the flowchart drawing system based on expandable mark language XML, it is characterised in that this system includes:
Drawing object creation module, for using the Drawing Language visioning procedure figure rendered object based on XML；
Describing file generating module, the flow chart for generating XML format according to described flowchart drawing object describes file；
Flow chart display stream generation module, for describing file generated flow chart display stream according to described flow chart, to show the flow chart of generation on a web browser.
7. flowchart drawing system according to claim 6, it is characterised in that the described Drawing Language based on XML includes at least one in geographical markup language GML, VML VML and saleable vector graphics SVG.
8. flowchart drawing system according to claim 6, it is characterized in that, the described Drawing Language based on XML for flowchart Object Creation, nodes X ML data acquisition, nodes X ML data arrange, node object create, node object delete, node describe information arrange, node describe acquisition of information, node style setting, line style setting, node auto arrangement, draw cancel, recoverys of drawing, flow chart object refresh, information data arrange and node upstate acquisition at least one.
9. flowchart drawing system according to claim 6, it is characterized in that, file generating module is described, for the flow chart that described flowchart drawing object's property value is written to described XML format according to mode one to one is described in file, thus the flow chart generating described XML format describes file.
10. flowchart drawing system according to claim 9, it is characterized in that, flow chart display stream generation module, abstract visualized graphs model is formed for describing file according to the flow chart of described XML format, and according to described flowchart drawing object's property value and described abstract visualized graphs model generation flow chart display stream.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410841803.XA CN105808217A (en) | 2014-12-30 | 2014-12-30 | Flow chart drawing method and system based on XML |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410841803.XA CN105808217A (en) | 2014-12-30 | 2014-12-30 | Flow chart drawing method and system based on XML |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105808217A true CN105808217A (en) | 2016-07-27 |
Family
ID=56981063
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410841803.XA Pending CN105808217A (en) | 2014-12-30 | 2014-12-30 | Flow chart drawing method and system based on XML |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105808217A (en) |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106649231A (en) * | 2016-10-27 | 2017-05-10 | 深圳市元征科技股份有限公司 | Method and device for generating flow chart |
| CN106775739A (en) * | 2016-12-26 | 2017-05-31 | 北京恒华伟业科技股份有限公司 | A kind of flow drawing generating method and device |
| CN106920268A (en) * | 2017-02-16 | 2017-07-04 | 北京西普阳光教育科技股份有限公司 | It is a kind of that 2 points of methods of dynamic line are realized based on SVG |
| CN107767008A (en) * | 2017-03-03 | 2018-03-06 | 平安医疗健康管理股份有限公司 | Flow collocation method and device |
| CN109189758A (en) * | 2018-07-26 | 2019-01-11 | 新华三技术有限公司 | O&M flow designing method, device and equipment, operation method, device and host |
| CN109615210A (en) * | 2018-12-05 | 2019-04-12 | 山东浪潮通软信息科技有限公司 | Business process map methods of exhibiting and system under a kind of Web frame |
| CN110032371A (en) * | 2019-04-17 | 2019-07-19 | 杭州玳数科技有限公司 | A kind of method and device storing offline task workflow using XML |
| CN110708202A (en) * | 2019-10-15 | 2020-01-17 | 深圳前海微众银行股份有限公司 | Configuration method, device and equipment of plug-in node and storage medium |
| CN112132926A (en) * | 2020-09-03 | 2020-12-25 | 南京南瑞信息通信科技有限公司 | Flow chart primitive style designer based on scalable vector diagram and design method thereof |
| CN113268241A (en) * | 2021-07-20 | 2021-08-17 | 浩鲸云计算科技股份有限公司 | Html 5-based flow chart automatic layout method |
| TWI738216B (en) * | 2019-12-17 | 2021-09-01 | 台達電子工業股份有限公司 | Developing method and developing device for event processing file |
| CN113568614A (en) * | 2021-08-04 | 2021-10-29 | 掌阅科技股份有限公司 | Task issuing method, electronic device and storage medium |
| CN113641748A (en) * | 2021-10-19 | 2021-11-12 | 矿冶科技集团有限公司 | Processing system of mineral processing process flow chart |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7287248B1 (en) * | 2002-10-31 | 2007-10-23 | Tellme Networks, Inc. | Method and system for the generation of a voice extensible markup language application for a voice interface process |
| CN101587438A (en) * | 2009-06-18 | 2009-11-25 | 南京联创科技股份有限公司 | Graphic process template method for drafting under the ARP framework |
| CN102196000A (en) * | 2010-03-11 | 2011-09-21 | 新奥特（北京）视频技术有限公司 | Browser/server (B/S)-structure-based service flow visualization method and system |
| CN102831635A (en) * | 2011-06-13 | 2012-12-19 | 华为软件技术有限公司 | Method and terminal for displaying vector graphics |
-
2014
- 2014-12-30 CN CN201410841803.XA patent/CN105808217A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7287248B1 (en) * | 2002-10-31 | 2007-10-23 | Tellme Networks, Inc. | Method and system for the generation of a voice extensible markup language application for a voice interface process |
| CN101587438A (en) * | 2009-06-18 | 2009-11-25 | 南京联创科技股份有限公司 | Graphic process template method for drafting under the ARP framework |
| CN102196000A (en) * | 2010-03-11 | 2011-09-21 | 新奥特（北京）视频技术有限公司 | Browser/server (B/S)-structure-based service flow visualization method and system |
| CN102831635A (en) * | 2011-06-13 | 2012-12-19 | 华为软件技术有限公司 | Method and terminal for displaying vector graphics |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106649231A (en) * | 2016-10-27 | 2017-05-10 | 深圳市元征科技股份有限公司 | Method and device for generating flow chart |
| CN106775739A (en) * | 2016-12-26 | 2017-05-31 | 北京恒华伟业科技股份有限公司 | A kind of flow drawing generating method and device |
| CN106920268A (en) * | 2017-02-16 | 2017-07-04 | 北京西普阳光教育科技股份有限公司 | It is a kind of that 2 points of methods of dynamic line are realized based on SVG |
| CN107767008A (en) * | 2017-03-03 | 2018-03-06 | 平安医疗健康管理股份有限公司 | Flow collocation method and device |
| CN109189758B (en) * | 2018-07-26 | 2021-02-09 | 新华三技术有限公司 | Operation and maintenance flow design method, device and equipment, operation method, device and host |
| CN109189758A (en) * | 2018-07-26 | 2019-01-11 | 新华三技术有限公司 | O&M flow designing method, device and equipment, operation method, device and host |
| CN109615210A (en) * | 2018-12-05 | 2019-04-12 | 山东浪潮通软信息科技有限公司 | Business process map methods of exhibiting and system under a kind of Web frame |
| CN110032371A (en) * | 2019-04-17 | 2019-07-19 | 杭州玳数科技有限公司 | A kind of method and device storing offline task workflow using XML |
| CN110708202A (en) * | 2019-10-15 | 2020-01-17 | 深圳前海微众银行股份有限公司 | Configuration method, device and equipment of plug-in node and storage medium |
| CN110708202B (en) * | 2019-10-15 | 2023-12-05 | 深圳前海微众银行股份有限公司 | Configuration method, device, equipment and storage medium of plug-in node |
| TWI738216B (en) * | 2019-12-17 | 2021-09-01 | 台達電子工業股份有限公司 | Developing method and developing device for event processing file |
| CN112132926A (en) * | 2020-09-03 | 2020-12-25 | 南京南瑞信息通信科技有限公司 | Flow chart primitive style designer based on scalable vector diagram and design method thereof |
| CN113268241A (en) * | 2021-07-20 | 2021-08-17 | 浩鲸云计算科技股份有限公司 | Html 5-based flow chart automatic layout method |
| CN113568614A (en) * | 2021-08-04 | 2021-10-29 | 掌阅科技股份有限公司 | Task issuing method, electronic device and storage medium |
| CN113641748A (en) * | 2021-10-19 | 2021-11-12 | 矿冶科技集团有限公司 | Processing system of mineral processing process flow chart |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105808217A (en) | Flow chart drawing method and system based on XML | |
| US10572573B2 (en) | Modifying native documents with formulas in a preview | |
| CN106484408A (en) | A kind of node relationships figure display methods based on HTML5 and system | |
| CN111475163B (en) | Method, device and equipment for generating code file of view template and storage medium | |
| CN101699426A (en) | Document format conversion system and method | |
| KR20140075758A (en) | Rendering map images using modifications of non-raster map data | |
| US20110210986A1 (en) | Systems and methods for determining positioning and sizing of graphical elements | |
| CN104933057A (en) | Map service providing method and apparatus | |
| JP2010532513A (en) | Data system and method | |
| CN103970859A (en) | Google user map text labeling method based on SVG | |
| CN104050238A (en) | Map labeling method and map labeling device | |
| CN107992589B (en) | SVG map data loading method, device and system | |
| US10089120B2 (en) | Widgets in digital dashboards | |
| CN103176954A (en) | Mathematical formula display method and mathematical formula display system based on hypertext markup language (HTML) 5 canvas | |
| Neumann | Web mapping and web cartography | |
| CN104298504A (en) | Method for achieving font rendering based on FreeType font engine | |
| CN105956133B (en) | Method and device for displaying file on intelligent terminal | |
| CN103049430A (en) | Page display method based on IDF (interactive document format) files | |
| CN104424174B (en) | Document processing system and document processing method | |
| CN104715054A (en) | Method for converting Silverlight content into HTML webpage content | |
| Watt | SVG unleashed | |
| US8185818B2 (en) | Mixed techniques for HTML crosstab rendering | |
| CN102708169B (en) | Geographical space data storage method based on SWF (Small Web Format) file extension | |
| CN112614218B (en) | Display method for realizing two-dimensional character conversion and three-dimensional character conversion | |
| CN109446295B (en) | Svg data map editing tool, editing method and computer readable medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160727 |
|
| RJ01 | Rejection of invention patent application after publication |