Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Flow chart editor implementation method based on Angular

A flow chart and editor technology, applied in the computer field, can solve the problems of lack of concurrent expansion flow chart function, rigid flow chart drawing process, complicated modification process, etc., to achieve easy expansion and reuse, good interactivity, and easy modification and reuse. Effect

Pending Publication Date: 2020-02-04
SHANDONG LANGCHAO YUNTOU INFORMATION TECH CO LTD
View PDF6 Cites 10 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] The existing system uses the click method to create nodes, which has poor interactivity, the flow chart drawing process is rigid, and the modification process is complicated; and there is a lack of extended flow chart functions such as concurrency and branching

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Flow chart editor implementation method based on Angular
  • Flow chart editor implementation method based on Angular

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0030] In order to make the purpose, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments It is a part of the embodiments of the present invention, not all of them. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without making creative efforts belong to the protection of the present invention. scope.

[0031] The present invention establishes nodes and connects process lines by dragging and dropping the mouse to edit the graphical flow chart of real-time response. By using the angular framework and using modular components, the module splitting of the flowchart editor is realized, which reduces the coupling of the code; using the draggable node ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides an Angular-based flow chart editor implementation method, belongs to the technical field of computers, and aims to establish graphical flow chart editing of real-time response of nodes and connection flow lines through mouse dragging. According to a flow chart editor, the angular framework is used, modular components are used, module splitting of the flow chart editor is achieved, and the coupling of codes is reduced; the draggable node assembly is utilized, so that nodes are created by dragging from the toolbar to any position point of the canvas, the interactivity of the flow chart editor is enhanced, and the experience effect is optimized; bidirectional data binding of angular is utilized, dom operation is reduced, and the response efficiency of the flow chart editor is improved; the node information is stored after being orderly processed, so that the subsequent flow chart data design process is facilitated.

Description

technical field [0001] The invention relates to computer technology, in particular to an Angular-based flow chart editor implementation method. Background technique [0002] The flow chart editor developed based on the native javascript and using the ES5 standard has problems such as poor compatibility, high coupling, and high redundancy, and there are many inconveniences in implementation, operation and maintenance, and reuse. The Angular framework has features such as modularity, MVC, dependency injection, semantic tags, two-way data binding, and typescript object-oriented programming; dependency injection, semantic tags, object-oriented programming, etc. make it more readable, while modules Modernization and MVC make the development more efficient and have good reconfiguration, which is convenient for later maintenance and reuse. [0003] The existing system uses the click method to create nodes, which has poor interactivity, the flow chart drawing process is rigid, and ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F8/33G06F9/451
CPCG06F8/33G06F9/451
Inventor 张凯张东海黄华
Owner SHANDONG LANGCHAO YUNTOU INFORMATION TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com