Big data tree form component method realized based on AngularJS framework

Abstract

The invention discloses a big data tree form component method realized based on an AngularJS framework. The method comprises the following steps: defining data formats transmitted at the front end and the rear end of a tree table; defining an HTML display template, namely a DOM structure, of the tree table; processing tree data by the native js, and exposing basic parameter configuration and a user-defined interface; adopting an AngularJS framework to carry out component packaging to form an instruction, and displaying the instruction. The method has the advantages that 1, the tree table realized based on the AngularJS framework can simultaneously obtain the advantages of the framework; 2, the system is a relatively perfect front-end MV * framework, and comprises all functions of data bidirectional binding, routing, modularization, service, filter, dependency injection and the like; 3, a user-defined instruction is more flexible than a jQuery plug-in; 4, ng modularization boldly introduces some things of Java (depending on injection), reusable codes can be easily written out, and the method is very helpful for agile development teams, 5, simplicity and convenience are achieved; 6, rolling data loading is supported, the method is used for big data table display, and experience and performance are better.

Description

technical field [0001] The invention relates to a large data tree form component method realized based on an AngularJS framework, and belongs to the technical field of AngularJS framework development. Background technique [0002] In the application developed based on the AngularJS framework, in the page for hierarchical big data display, the front end needs a table component that can be presented in a tree form, and the component can be quickly rendered and scrolled according to the size of the data, so as to Improve page performance. At the same time, it also supports the addition of custom events in the table and dynamic editing of the table. The present invention provides a large data tree form component technology based on the AngularJS framework, which can realize the scene simply and conveniently. [0003] In the pages that need to display hierarchical big data, in order to facilitate the audience's acceptance, understanding and operation, the interaction is usually...

AI Technical Summary

Problems solved by technology

Conventional implementation methods require tree component development and table drawing. The development is complex and requires a lot of time and effort. Basically, the page is loaded at one time. When the amount of data is large, the page will freeze

Even after the components are formed later, the call is not convenient, and the amount of code cannot be said to be very streamlined

Images