CN111831192A - Method and system for drawing flow chart and electronic equipment - Google Patents

Method and system for drawing flow chart and electronic equipment Download PDF

Info

Publication number
CN111831192A
CN111831192A CN202010716943.XA CN202010716943A CN111831192A CN 111831192 A CN111831192 A CN 111831192A CN 202010716943 A CN202010716943 A CN 202010716943A CN 111831192 A CN111831192 A CN 111831192A
Authority
CN
China
Prior art keywords
plug
component
flow chart
component library
user
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202010716943.XA
Other languages
Chinese (zh)
Inventor
胡照东
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Si Tech Information Technology Co Ltd
Original Assignee
Beijing Si Tech Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Si Tech Information Technology Co Ltd filed Critical Beijing Si Tech Information Technology Co Ltd
Priority to CN202010716943.XA priority Critical patent/CN111831192A/en
Publication of CN111831192A publication Critical patent/CN111831192A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The invention relates to a method, a system and electronic equipment for drawing a flow chart, wherein the flow chart is created according to a first operation instruction input by a user, the first operation instruction is used for selecting a plug-in component from a packaging plug-in component library based on a B/S framework in a dragging mode, and the attribute and the operation response event of each selected plug-in component are configured. Because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.

Description

Method and system for drawing flow chart and electronic equipment
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method, a system, and an electronic device for drawing a flowchart.
Background
At present, the drawing of the flow chart is often realized by a C/S architecture, and there are very many software products in the market, such as visio, Diagram Designer, etc., but the software product based on the C/S architecture and used for drawing the flow chart has the disadvantages that: the client needs to be installed by the user, and a certain use threshold is provided.
Disclosure of Invention
The invention provides a method, a system and electronic equipment for drawing a flow chart, aiming at the defects of the prior art.
The technical scheme of the method for drawing the flow chart is as follows:
packaging all plugin components in a package plugin component library on the B/S framework through a JavaScript frame Jquery to form the package plugin component library conforming to the opening and closing principle, and displaying all plugin components on a page;
and creating a flow chart according to a first operation instruction, wherein the first operation instruction is used for selecting the plug-in components from a B/S architecture-based packaging plug-in component library in a dragging mode and configuring the attribute and operation response event of each selected plug-in.
The method for drawing the flow chart has the following beneficial effects:
because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.
On the basis of the above scheme, the method for drawing the flow chart can be further improved as follows.
Further, still include: and configuring the attribute and the operation response event of each plug-in component in the packaged plug-in component library according to a second operation instruction input by a user, wherein the second operation instruction is used for configuring default values for the attribute and the operation response event of each plug-in component in the packaged plug-in component library.
Further, still include: and receiving an annotation touch instruction input by a user, and adding annotation content to the flow chart according to the annotation touch instruction.
The beneficial effect of adopting the further scheme is that: the user is facilitated to add annotations to the flowchart.
Further, still include: and encapsulating the method for monitoring the drag event, the method for exporting the graphic data and the method for automatically generating the plug-in component in the encapsulated plug-in component library.
The technical scheme of the system for drawing the flow chart is as follows:
the system comprises an encapsulation module and a creation module;
the packaging module packages all plug-in components in a packaging plug-in component library on the B/S framework through a JavaScript frame Jquery to form the packaging plug-in component library conforming to the opening and closing principle, and displays all plug-in components on a page;
the creating module creates a flow chart according to a first operation instruction, wherein the first operation instruction is used for selecting a plug-in component from a packaging plug-in component library based on a B/S framework in a dragging mode and configuring the attribute and operation response event of each selected plug-in component.
The system for drawing the flow chart has the following beneficial effects:
because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.
On the basis of the above scheme, the system for drawing the flow chart can be further improved as follows.
The system further comprises a pre-configuration module, wherein the pre-configuration module is used for configuring the attribute and the operation response event of each plug-in component in the packaged plug-in component library according to a second operation instruction input by a user, and the second operation instruction is used for configuring default values for the attribute and the operation response event of each plug-in component in the packaged plug-in component library.
The receiving module is used for receiving an annotation touch instruction input by a user and adding annotation content to the flowchart according to the annotation touch instruction.
Further, the encapsulation module is further configured to encapsulate a method for monitoring a drag event, a method for exporting graphics data, and a method for automatically generating a plug-in component in the encapsulation plug-in component library.
The technical scheme of the electronic equipment is as follows:
comprising a memory, a processor and a program stored in the memory and running on the processor, wherein the processor executes the program to implement the steps of a method for drawing a flowchart as described in any one of the above.
The electronic equipment has the following beneficial effects:
because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating a method for generating a flow chart according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of a system for drawing a flow chart according to an embodiment of the present invention;
fig. 3 is a schematic structural diagram of an electronic device according to an embodiment of the present invention;
Detailed Description
As shown in fig. 1, a method for drawing a flowchart according to an embodiment of the present invention includes the following steps:
s1, packaging all plugin components in the package plugin component library on the B/S framework through a JavaScript framework Jquery to form the package plugin component library conforming to the opening and closing principle, and displaying all plugin components on a page;
and S1, creating a flow chart according to a first operation instruction, wherein the first operation instruction is used for selecting the plug-in components from the packaging plug-in component library based on the B/S architecture in a dragging mode, and configuring the attribute and the operation response event of each selected plug-in.
Because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.
The plug-in components in the package plug-in component library include at least one of a plug-in component for rectangular drawing, a plug-in component for circular drawing, a plug-in component for line path drawing, and the like, and the package plug-in component library of the present application may also be extended with reference to each functional component in the toolbar of visio, such as a plug-in component for font setting, a plug-in component for paragraph setting, and the like, which are not described herein in detail;
for example, a plug-in component for drawing a rectangle, a plug-in component for drawing a circle, and a plug-in component for drawing a line path, which are selected by a user in a package plug-in component library, then:
1) the user can configure the attributes of each selected plug-in component, for example, the attributes such as the width of a rectangle, the height of the rectangle, the radius of a rounded corner of the rectangle, the filling color and the line color are configured in the plug-in component for drawing the rectangle; configuring attributes such as ellipse major axis radius, ellipse minor axis radius, filling color, line color, circle radius or diameter and the like in an insert assembly for drawing a circle; configuring attributes such as line filling color, line thickness, whether an arrow is provided and the like on a plug-in component for drawing a line path;
2) the user can configure the operation response event of each selected plug-in component, such as:
configuring an operation response event for drawing a square or a rectangle in a plug-in component for drawing a rectangle, specifically:
if the user configures an operation response event for drawing a square for the plugin component for rectangular drawing, responding to the operation response event for drawing the square when the user directly drags the plugin component for rectangular drawing and draws the plugin component, namely drawing the square;
if the user configures an operation response event for drawing a rectangle for the plugin component for drawing the rectangle, the user responds to the operation response event for drawing the rectangle when directly dragging the plugin component for drawing the rectangle and draws the plugin component, namely drawing the rectangle;
configuring an operation response event for drawing an ellipse or a circle in a plug-in component for drawing a circle, specifically:
if the user configures an operation response event for drawing an ellipse for the plug-in component for circular drawing, the user responds to the operation response event for drawing the ellipse when directly dragging the plug-in component for circular drawing and drawing, namely drawing the ellipse;
if the user configures an operation response event for drawing a circle for the plugin component for drawing the circle, the user responds to the operation response event for drawing the circle when directly dragging the plugin component for drawing the circle and draws the plugin component, namely drawing the circle;
configuring an operation response event for drawing a straight line or a curve in a plug-in component for drawing a line path, specifically:
if the user configures an operation response event for drawing a straight line for the plug-in component for drawing the line path, the user responds to the operation response event for drawing the straight line when directly dragging the plug-in component for drawing the line path and drawing the plug-in component, namely drawing the straight line;
if the user configures an operation response event for drawing a curve for the plugin component for drawing the line path, the user directly drags the plugin component for drawing the line path and draws the plugin component, and the operation response event for drawing the curve is responded, namely the curve is drawn;
it can be understood that the attribute to be configured of each plug-in component and the operation response event to be configured can be set according to the actual situation, so that the configuration is convenient for a user, and the drawn flow chart is more in line with the requirements of the user;
the method comprises the steps of displaying names of all plug-in components or thumbnails of all plug-in components in a toolbar of a browser, setting a drawing frame on a page of the browser, drawing in the drawing frame after a user selects any plug-in component from a package plug-in component library and configures attributes and operation response events of the plug-in components, popping up a window after clicking the plug-in component for rectangular drawing so that the user can configure the attributes and the operation response events, and then pressing a left mouse button in the drawing bar to draw a corresponding rectangle.
Wherein, through the JavaScript framework: after the Jquery packages all the plugin components in the package plugin component library on the B/S framework, the following method is further packaged:
1) drag event monitoring: the package plug-in allows a user to freely adjust the position of the user in the canvas by selecting the plug-in, and the drag event monitoring is used for monitoring the user operation in real time, acquiring the relative position information of the component and updating the position attribute of the component;
2) and (3) exporting the graphic data: performing JSON format processing on the current attribute information of all plug-in components in the canvas, and then exporting and storing;
3) automatically generating a plug-in component: restoring the graph on the canvas according to the data stored in the step 2), wherein the graph shows basic attributes and position information of the components;
4) plug-in component deletion: the system comprises a storage module, a display module and a display module, wherein the storage module is used for storing a plurality of plug-in components and associated components thereof;
preferably, in the above technical solution, the method further comprises:
s10, configuring an attribute and an operation response event of each plug-in component in the package plug-in component library according to a second operation instruction input by a user, where the second operation instruction is used to configure a default value for the attribute and the operation response event of each plug-in component in the package plug-in component library, specifically:
1) default values are configured for the attributes of each plug-in component, such as:
configuring attributes such as rectangle width, rectangle height, rectangle fillet radius, filling color, line color and the like in a plug-in component for drawing a rectangle to configure default values, specifically, the width of the rectangle is 2cm, the height of the rectangle is 3cm, the filling color is white and the like;
default values of attributes such as the radius of the major axis of the ellipse, the radius of the minor axis of the ellipse, filling color, line color, the radius or the diameter of the circle and the like are configured in the plug-in component for drawing the circle, wherein the default values specifically include that the radius of the major axis of the ellipse is not 3cm, the radius of the minor axis of the ellipse is 1.5cm, the filling color is white and the like;
thirdly, default values of attributes such as line filling color, line thickness, whether an arrow is provided or not are configured on the plug-in component for drawing the line path, and the default values are specifically black in the line filling color, 1pt in the line thickness and the like;
2) default default values are configured for each plugin component's operational response events, such as:
firstly, configuring an operation response event for drawing a square in a plug-in component for drawing a rectangle as a default value, and responding to the operation response event for drawing the square when a user directly drags the plug-in component for drawing the rectangle and draws the plug-in component, namely drawing the square;
an operation response event for drawing a rectangle can be configured in the plug-in component for drawing the rectangle as a default value, and when a user directly drags the plug-in component for drawing the rectangle and draws the plug-in component, the operation response event for drawing the rectangle is responded, namely the rectangle is drawn;
the operation response event for drawing the ellipse can be configured in the plug-in component for drawing the circle as a default value, and when the plug-in component for drawing the circle is directly dragged and drawn by a user, the operation response event for drawing the ellipse is responded, namely the ellipse is drawn;
the operation response event for drawing the circle can be configured as a default value in the plug-in component for drawing the circle, and at the moment, when the plug-in component for drawing the circle is directly dragged by a user and drawn, the operation response event for drawing the circle is responded, namely the circle is drawn;
the operation response event for drawing the straight line can be configured in the plug-in component for drawing the line path as a default value, and when the plug-in component for drawing the line path is directly dragged and drawn by a user, the operation response event for drawing the straight line is responded, namely the straight line is drawn;
the operation response event of the drawing area line can be configured in the plug-in component for drawing the line path as a default value, and when the plug-in component for drawing the line path is directly dragged and drawn by a user, the operation response event for drawing a curve is responded, namely the curve is drawn;
it can be understood that the default value can be set by analyzing the habits of the user, which is more convenient for the user to operate.
The plug-in components in the package plug-in component library are regularly expanded and perfected in a downward compatible mode, and if a user refers to CDN (Content Delivery Network) resources, the user can obtain the latest package plug-in component library without any change; and the user does not need to relate to any technical details, can finish the drawing of the flow chart only according to the provided operation manual, does not use the threshold, and the learning cost is low.
Preferably, in the above technical solution, the method further comprises: and receiving an annotation touch instruction input by a user, and adding annotation content to the flow chart according to the annotation touch instruction, so that the user can add annotations to the flow chart conveniently.
In the above embodiments, although the steps are numbered as S1, S2, etc., but only the specific embodiments are given in the present application, and those skilled in the art can adjust the execution sequence of S1, S2, etc. according to the actual situation, which is also within the protection scope of the present invention.
As shown in fig. 2, a system 200 for rendering a flow chart according to an embodiment of the present invention,
comprises an encapsulation module 210 and a creation module 220;
the encapsulation module 210 encapsulates all plugin components in an encapsulated plugin component library on the B/S framework through a JavaScript frame Jquery to form the encapsulated plugin component library conforming to the switching principle, and displays all plugin components on a page;
the creating module 220 creates a flowchart according to a first operation instruction, where the first operation instruction is used to select a plug-in component from a B/S architecture-based package plug-in component library in a dragging manner, and configure an attribute and an operation response event of each selected plug-in component. Because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.
Preferably, in the above technical solution, the package component library further includes a provisioning module, the provisioning module is configured to configure an attribute and an operation response event of each plug-in component in the package component library according to a second operation instruction input by a user, and the second operation instruction is used to configure a default value for the attribute and the operation response event of each plug-in component in the package component library.
Preferably, in the above technical solution, the apparatus further includes a receiving module, where the receiving module is configured to receive an annotation touch instruction input by a user, and add annotation content to the flowchart according to the annotation touch instruction.
Preferably, in the above technical solution, the encapsulation module 210 is further configured to encapsulate a method of monitoring a drag event, a method of exporting graphics data, and a method of automatically generating a plug-in component in the encapsulation plug-in component library.
The above steps for realizing the corresponding functions of each parameter and each unit module in the system 200 for drawing a flowchart of the present invention may refer to each parameter and step in the above embodiment of the method for drawing a flowchart, and are not described herein again.
As shown in fig. 3, an electronic device 300 according to an embodiment of the present invention includes a memory 310, a processor 320, and a program 330 stored in the memory 310 and running on the processor 320, wherein when the program 330 is executed by the processor 320, the steps of a method for drawing a flowchart implemented by any of the above embodiments are implemented.
Because the packaging plug-in component library is based on the B/S framework, a user can select plug-in components in a dragging mode by using a browser carried by the user in an operating system, and the attribute and the operation response event of each selected plug-in are configured, so that the drawing of the flow chart can be completed without installing a client, and the packaging plug-in component library is simple in operation and free of using a threshold.
The electronic device 300 may be a computer, a mobile phone, or the like, and correspondingly, the program 330 is computer software or a mobile phone APP, and the parameters and the steps in the electronic device 300 of the present invention may refer to the parameters and the steps in the above embodiment of the method for drawing the flowchart, which are not described herein again.
In the present invention, the terms "first", "second" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In the description of the present invention, "a plurality" means at least two, e.g., two, three, etc., unless specifically limited otherwise.
In the description herein, references to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., mean that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the invention. In this specification, the schematic representations of the terms used above are not necessarily intended to refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, various embodiments or examples and features of different embodiments or examples described in this specification can be combined and combined by one skilled in the art without contradiction.
Although embodiments of the present invention have been shown and described above, it is understood that the above embodiments are exemplary and should not be construed as limiting the present invention, and that variations, modifications, substitutions and alterations can be made to the above embodiments by those of ordinary skill in the art within the scope of the present invention.

Claims (9)

1. A method of rendering a flow chart, comprising:
packaging all plugin components in a package plugin component library on the B/S framework through a JavaScript frame Jquery to form the package plugin component library conforming to the opening and closing principle, and displaying all plugin components on a page;
and creating a flow chart according to a first operation instruction, wherein the first operation instruction is used for selecting the plug-in components from a B/S architecture-based packaging plug-in component library in a dragging mode and configuring the attribute and operation response event of each selected plug-in.
2. The method for drawing a flow chart according to claim 1, further comprising: and configuring the attribute and the operation response event of each plug-in component in the packaged plug-in component library according to a second operation instruction input by a user, wherein the second operation instruction is used for configuring default values for the attribute and the operation response event of each plug-in component in the packaged plug-in component library.
3. The method for drawing a flowchart according to claim 1 or 2, further comprising: and receiving an annotation touch instruction input by a user, and adding annotation content to the flow chart according to the annotation touch instruction.
4. The method for drawing a flowchart according to claim 1 or 2, further comprising: and encapsulating the method for monitoring the drag event, the method for exporting the graphic data and the method for automatically generating the plug-in component in the encapsulated plug-in component library.
5. The system for drawing the flow chart is characterized by comprising an encapsulation module and a creation module;
the packaging module packages all plug-in components in a packaging plug-in component library on the B/S framework through a JavaScript frame Jquery to form the packaging plug-in component library conforming to the opening and closing principle, and displays all plug-in components on a page;
the creating module creates a flow chart according to a first operation instruction, wherein the first operation instruction is used for selecting a plug-in component from a packaging plug-in component library based on a B/S framework in a dragging mode and configuring the attribute and operation response event of each selected plug-in component.
6. The system for drawing a flowchart according to claim 5, further comprising a provisioning module, configured to configure the attribute and the operation response event of each plug-in component in the package plug-in component library according to a second operation instruction input by a user, wherein the second operation instruction is configured to configure default values for the attribute and the operation response event of each plug-in component in the package plug-in component library.
7. The system for drawing a flowchart according to claim 5 or 6, further comprising a receiving module, where the receiving module is configured to receive an annotation touch instruction input by a user, and add annotation content to the flowchart according to the annotation touch instruction.
8. The system for drawing the flow chart according to claim 5 or 6, wherein the encapsulation module is further configured to encapsulate a method for drag event listening, a method for graphical data exporting, and a method for automatically generating a plug-in component in the encapsulation plug-in component library.
9. An electronic device comprising a memory, a processor and a program stored on the memory and running on the processor, wherein the processor implements the steps of a method of drawing a flowchart as claimed in any one of claims 1 to 4 when executing the program.
CN202010716943.XA 2020-07-23 2020-07-23 Method and system for drawing flow chart and electronic equipment Pending CN111831192A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010716943.XA CN111831192A (en) 2020-07-23 2020-07-23 Method and system for drawing flow chart and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010716943.XA CN111831192A (en) 2020-07-23 2020-07-23 Method and system for drawing flow chart and electronic equipment

Publications (1)

Publication Number Publication Date
CN111831192A true CN111831192A (en) 2020-10-27

Family

ID=72926494

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010716943.XA Pending CN111831192A (en) 2020-07-23 2020-07-23 Method and system for drawing flow chart and electronic equipment

Country Status (1)

Country Link
CN (1) CN111831192A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114063868A (en) * 2021-11-18 2022-02-18 神州数码系统集成服务有限公司 AI (Artificial intelligence) dragging modeling system and method, computer equipment and application

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615121A (en) * 2009-07-22 2009-12-30 福州星网视易信息系统有限公司 The style editor of BS platform information delivery system
CN102196000A (en) * 2010-03-11 2011-09-21 新奥特(北京)视频技术有限公司 Browser/server (B/S)-structure-based service flow visualization method and system
TW201407384A (en) * 2012-08-14 2014-02-16 Hon Hai Prec Ind Co Ltd Method and system for editing flowchart of web page
CN105786526A (en) * 2016-03-24 2016-07-20 江苏大学 Web-based efficient flow chart drawing system and method
CN106909610A (en) * 2017-01-10 2017-06-30 中电科华云信息技术有限公司 Visualization based on browser pulls the method and system of inquiry data
CN109117138A (en) * 2018-08-23 2019-01-01 北京和利时系统工程有限公司 A kind of configuration method and device, computer readable storage medium
CN110232162A (en) * 2019-05-29 2019-09-13 北京中亦安图科技股份有限公司 A kind of flow defining method and system based on HTML5

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101615121A (en) * 2009-07-22 2009-12-30 福州星网视易信息系统有限公司 The style editor of BS platform information delivery system
CN102196000A (en) * 2010-03-11 2011-09-21 新奥特(北京)视频技术有限公司 Browser/server (B/S)-structure-based service flow visualization method and system
TW201407384A (en) * 2012-08-14 2014-02-16 Hon Hai Prec Ind Co Ltd Method and system for editing flowchart of web page
CN105786526A (en) * 2016-03-24 2016-07-20 江苏大学 Web-based efficient flow chart drawing system and method
CN106909610A (en) * 2017-01-10 2017-06-30 中电科华云信息技术有限公司 Visualization based on browser pulls the method and system of inquiry data
CN109117138A (en) * 2018-08-23 2019-01-01 北京和利时系统工程有限公司 A kind of configuration method and device, computer readable storage medium
CN110232162A (en) * 2019-05-29 2019-09-13 北京中亦安图科技股份有限公司 A kind of flow defining method and system based on HTML5

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114063868A (en) * 2021-11-18 2022-02-18 神州数码系统集成服务有限公司 AI (Artificial intelligence) dragging modeling system and method, computer equipment and application

Similar Documents

Publication Publication Date Title
US9720658B2 (en) Application creation method and apparatus
CN109117138B (en) Configuration method and device and computer readable storage medium
CN109933322B (en) Page editing method and device and computer readable storage medium
US11048484B2 (en) Automated responsive grid-based layout design system
CN102043618B (en) Method and device for controlling display style of window object
CN108228253A (en) A kind of APP construction methods and system
US9787752B2 (en) Hotspot editor for a user interface
CN113504908A (en) Business code generation method and device, electronic equipment and computer readable medium
CN107168715B (en) Intelligent terminal menu theme GUI engine implementation method
CN108170416A (en) A kind of method and system for building web front-end
CN111984902A (en) Visual page configuration method, system, computer equipment and storage medium
CN104021016B (en) Method and browser for loading browser plug-in icons
CN104240148A (en) Power grid visualization method based on plugins
CN107908604B (en) Report form graph generation method and device, computer equipment and storage medium
CN101276275A (en) Software development visualizing editing method aiming at set top box
CN110990431A (en) Method for realizing synchronous linkage carousel of China map and line graph data
CN111667199A (en) Workflow construction method and device, computer equipment and storage medium
CN110955803A (en) Drawing method, device, equipment and medium of relational graph based on graph database
CN111413876A (en) Method for configuring control page of APP, cloud platform and terminal equipment
CN111831192A (en) Method and system for drawing flow chart and electronic equipment
CN106970746B (en) Title bar setting method and device
CN115599363A (en) Configuration method, device and system of visual component
CN113515275A (en) WYSIWYG cloud industrial configuration software system and development method thereof
CN113778405A (en) Cross-platform APP construction method, device, system and medium
US9214136B1 (en) Highlighting an object in a display using a dynamically generated highlight object

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20201027

RJ01 Rejection of invention patent application after publication