Double-publicized production data front-end display system and method based on AngularJS and Bootstrap

Abstract

The present invention discloses a double-publicized production data front-end display system based on AngularJS and Bootstrap. The system comprises a server and a client. The server adopts a lightweight Web framework of a JavaSpringMVC request-driven type, and a front-end controller is DispatcherServlet. An application controller comprises a processor mapper and a view parser, wherein the processor mapper performs processor management, and the view parser performs view management. A page controller / action / processor is implemented by a Controller. The client constructs a page by using Bootstrap, and accesses data by using AngularJS. According to the system provided by the present invention, AngularJS is used to access data, so that not only can the learning curve of the front-end developers of the display system be reduced, which makes program development and maintenance more simple, but also two-way binding of the data can be realized, so as to achieve synchronization of data in the View layer and the model layer and achieve mutual impact of the data, and the coupling degree between functional modules of the system can be decreased.

Description

technical field [0001] The present invention relates to the field of big data application, Internet technology or computer application technology, and in particular to a front-end display system for double publicity production data realized based on AngularJS and Bootstrap. Background technique [0002] In the existing technology, the production data front-end display system of the administrative agency’s administrative license announcement and administrative penalty announcement (hereinafter referred to as double announcement) is generally realized by ordinary page display technology, and a fixed value is usually set for the page width to display each part of the system on a fixed page. elements, this method does not support mobile devices with small screens enough, and it is difficult to provide better support for mobile devices with different resolutions (or PC displays with resolutions smaller than the fixed width value set on the display page), reaching Less than ideal ...

AI Technical Summary

Problems solved by technology

[0002] In the existing technology, the production data front-end display system of the administrative agency's administrative license announcement and administrative punishment announcement (hereinafter referred to as double announcement) is generally realized by ordinary page display technology, and a fixed value is usually set for the page width to display each part of the system on a fixed page. Elements, this method does not support mobile devices with small screens enough, and it is difficult to provide better support for mobile devices with different resolutions (or PC displays with resolutions smaller than the fixed width value set on the display page). Less than ideal display for different screen resolutions

Even if some front-end display systems for double publicity production data use the screen resolution percentage instead of a fixed page width page display method, due to the lack of grid layout and responsive design principles, the display page layout is not flexible enough to meet the requirements of different devices. Various requirements, unable to have a consistent user experience on different devices and different resolutions

Images