CN117130616A - Data large screen monitoring platform implementation method and system based on SOA architecture - Google Patents

Data large screen monitoring platform implementation method and system based on SOA architecture Download PDF

Info

Publication number
CN117130616A
CN117130616A CN202311231845.7A CN202311231845A CN117130616A CN 117130616 A CN117130616 A CN 117130616A CN 202311231845 A CN202311231845 A CN 202311231845A CN 117130616 A CN117130616 A CN 117130616A
Authority
CN
China
Prior art keywords
monitoring platform
screen monitoring
transaction
data
large screen
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
CN202311231845.7A
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.)
Wuhan Zhongbang Bank Co Ltd
Original Assignee
Wuhan Zhongbang Bank 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 Wuhan Zhongbang Bank Co Ltd filed Critical Wuhan Zhongbang Bank Co Ltd
Priority to CN202311231845.7A priority Critical patent/CN117130616A/en
Publication of CN117130616A publication Critical patent/CN117130616A/en
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/31—Programming languages or programming paradigms
    • G06F8/315—Object-oriented languages
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computing Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Debugging And Monitoring (AREA)

Abstract

The invention provides a data large screen monitoring platform realization method and system based on SOA architecture, belonging to the technical field of data visualization, comprising the following steps: constructing an adaptive user interface based on Bootstrap; and carrying out data visualization by adopting ECharts in the self-adaptive user interface, and initializing ECharts examples through JavaScript codes to complete chart parameter configuration. According to the invention, the Bootstrap is adopted as the front end framework, the user interface can adapt to various equipment and screen sizes by utilizing the strong response design of the Bootstrap, and ECharts is adopted as the data visualization tool, and the user interface can provide better data display effect and user experience by utilizing rich chart types, interactive operation and excellent large-data volume rendering performance compared with H5 drawing.

Description

Data large screen monitoring platform implementation method and system based on SOA architecture
Technical Field
The invention relates to the technical field of data visualization, in particular to a data large-screen monitoring platform implementation method and system based on an SOA architecture.
Background
With the development of cloud computing and distributed system technology, large-scale data processing and real-time monitoring become important tasks for information construction today. Especially for transaction systems, real-time monitoring of success rate and failure rate of transactions and inquiry of transaction links and error information are key to ensuring stable operation of the system, preventing and solving problems.
Currently, existing transaction monitoring systems mostly adopt H5 mapping technology to display data. The advantage of H5 mapping technology is its cross-platform and openness, which can be run on a variety of browsers and devices. However, H5 drawing has significant drawbacks in large-scale data processing and user interaction experience. The interactivity is relatively weak, and the rendering efficiency is low when a large amount of data is processed, so that the use experience of a user is affected.
Disclosure of Invention
The invention provides a data large-screen monitoring platform implementation method and system based on an SOA (service oriented architecture), which are used for solving the defects of a transaction monitoring system in the prior art in large-scale data processing and user interaction experience.
In a first aspect, the present invention provides a method for implementing a data large screen monitoring platform based on an SOA architecture, including:
constructing an adaptive user interface based on Bootstrap;
and carrying out data visualization by adopting ECharts in the self-adaptive user interface, and initializing ECharts examples through JavaScript codes to complete chart parameter configuration.
According to the data large-screen monitoring platform implementation method based on the SOA architecture, chart parameter configuration comprises custom time threshold setting;
the custom time threshold setting comprises providing a custom time threshold for a user and checking the transaction success rate of a preset time period in real time.
According to the data large-screen monitoring platform implementation method based on the SOA architecture, the chart parameter configuration further comprises transaction link inquiry setting;
the transaction link query setup includes returning complete link information from the transaction initiating end to the consuming end based on the global serial number.
According to the data large-screen monitoring platform implementation method based on the SOA architecture, the chart parameter configuration further comprises error information query setting;
the error information query setup includes an error information query function that provides transaction failure.
In a second aspect, the present invention further provides a data large screen monitoring platform implementation system based on an SOA architecture, including:
the construction module is used for constructing a self-adaptive user interface based on Bootstrap;
and the visualization module is used for carrying out data visualization by adopting ECharts in the self-adaptive user interface, initializing ECharts examples through JavaScript codes and completing chart parameter configuration.
According to the data large-screen monitoring platform implementation system based on the SOA architecture, the visualization module comprises a custom time threshold setting sub-module, wherein the custom time threshold setting sub-module is specifically used for providing a user custom time threshold and checking the transaction success rate of a preset time period in real time.
According to the data large-screen monitoring platform implementation system based on the SOA architecture, the visualization module further comprises a transaction link inquiry setting sub-module, wherein the transaction link inquiry setting sub-module is specifically used for returning complete link information from a transaction initiating end to a consuming end based on a global serial number.
According to the data large-screen monitoring platform implementation system based on the SOA architecture, the visualization module further comprises an error information inquiry setting sub-module, and the error information inquiry setting sub-module is specifically used for providing an error information inquiry function of transaction failure.
In a third aspect, the present invention further provides an electronic device, including a memory, a processor, and a computer program stored in the memory and capable of running on the processor, where the processor implements the method for implementing the data large screen monitoring platform based on the SOA architecture according to any one of the above when executing the program.
In a fourth aspect, the present invention further provides a non-transitory computer readable storage medium, on which a computer program is stored, which when executed by a processor, implements a method for implementing the SOA architecture based data large screen monitoring platform as described in any one of the above.
According to the method and the system for realizing the data large-screen monitoring platform based on the SOA framework, the Bootstrap is adopted as the front-end framework, the user interface can adapt to various devices and screen sizes by utilizing the strong response design of the Bootstrap, ECharts is adopted as the data visualization tool, and compared with H5 drawing, the method and the system can provide better data display effect and user experience by utilizing rich chart types, interactive operation and excellent large-data volume rendering performance.
Drawings
In order to more clearly illustrate the invention or the technical solutions of the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described, and it is obvious that the drawings in the description below are some embodiments of the invention, and other drawings can be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a schematic flow chart of an implementation method of a data large screen monitoring platform based on an SOA architecture;
fig. 2 is a schematic structural diagram of a data large screen monitoring platform implementation system based on an SOA architecture provided by the invention;
fig. 3 is a schematic structural diagram of an electronic device provided by the present invention.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the present invention more apparent, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings, and it is apparent that the described embodiments are some embodiments of the present invention, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
Fig. 1 is a flow chart of a method for implementing a data large screen monitoring platform based on an SOA architecture according to an embodiment of the present invention, as shown in fig. 1, including:
step 100: constructing an adaptive user interface based on Bootstrap;
step 200: and carrying out data visualization by adopting ECharts in the self-adaptive user interface, and initializing ECharts examples through JavaScript codes to complete chart parameter configuration.
Specifically, the embodiment of the invention adopts a Java and Service Oriented Architecture (SOA) based platform, uses Bootstrap as a front-end framework, and adopts ECharts to perform data visualization Service bus transaction monitoring system. The system can monitor the success rate and failure rate of transactions in a large-scale distributed system in real time, and has the functions of supporting complex transaction link inquiry, error information inquiry and the like.
It should be noted that SOA is a concept proposed by garter in 1996 (architecture is shown in fig. 1), and different functional units (called services) of an application program are split, and well-defined interfaces and protocols are connected between the services. The interface is defined in a neutral mode, and aims to enable software to be flexible, quickly respond to the service requirement and enable developers to respond to iteration variable requirements with minimum software change. The SOA aims to realize a flexible and variable software system, and the core elements of the SOA are standardized packaging, software multiplexing, loose coupling and the like.
Bootstrap is a concise, visual and strong front-end development framework developed based on HTML, CSS, javaScript by the designers Mark Otto and Jacob Thornton of Twitter company in the United states, so that Web development is faster. Bootstrap provides elegant HTML and CSS specifications, written by the dynamic CSS language Less. Bootstrap is a front-end framework for rapidly developing Web applications and websites. Bootstrap is HTML, CSS, javaScript based. Bootstrap contains rich Web components, and according to the components, a beautiful website with complete functions can be quickly built, wherein the website comprises the following components: drop-down menus, button groups, button drop-down menus, navigation bars, path navigation, pagination, composition, thumbnails, alert dialog boxes, progress bars, media objects, and the like.
ECharts is a JavaScript-based data visualization chart library, and provides visual, vivid, interactive and personalized customized data visualization charts. The open source visual library realized by using JavaScript can smoothly run on a PC and mobile equipment, is compatible with most of current browsers (IE 8/9/10/11, chrome, firefox, safari and the like), and the bottom layer depends on a vector graphic library ZRender to provide a visual, interactive and highly personalized customized data visual chart.
According to the invention, the Bootstrap is adopted as the front end framework, the user interface can adapt to various equipment and screen sizes by utilizing the strong response design of the Bootstrap, and ECharts is adopted as the data visualization tool, and the user interface can provide better data display effect and user experience by utilizing rich chart types, interactive operation and excellent large-data volume rendering performance compared with H5 drawing.
Based on the above embodiment, the chart parameter configuration includes a custom time threshold setting;
the custom time threshold setting comprises providing a custom time threshold for a user and checking the transaction success rate of a preset time period in real time.
Specifically, the user-defined time threshold function provided by the embodiment of the invention provides a time threshold adjustment function, and a user can user-define the time threshold and check the success rate of the transaction in the time period in real time. The user can flexibly view the data according to the own requirements, and the quick positioning and problem solving are facilitated.
Based on the above embodiment, the chart parameter configuration further includes transaction link query settings;
the transaction link query setup includes returning complete link information from the transaction initiating end to the consuming end based on the global serial number.
Specifically, by inputting the global serial number, the transaction link inquiry function provided by the embodiment of the invention can return complete link information from the transaction initiating end to the consuming end so as to help development and operation staff to quickly track and analyze the execution process of the transaction and find out the bottleneck and potential problems of the system.
Based on the above embodiment, the chart parameter configuration further includes error information query settings;
the error information query setup includes an error information query function that provides transaction failure.
Specifically, the error information inquiry function provided by the embodiment of the invention provides the error information inquiry function of transaction failure, so that development and operation staff can quickly acquire detailed error information of the transaction failure through inquiry time periods or transaction IDs, and the efficiency of problem positioning and solving is effectively improved.
The front end framework and the data visualization tool adopted by the invention adopt Bootstrap as the front end framework, the powerful response design of the front end framework enables the user interface to adapt to various equipment and screen sizes, and simultaneously ECharts are used as the data visualization tool, so that the display device has rich chart types, interactive operation and excellent large data volume rendering performance, and can provide better data display effect and user experience compared with H5 drawing.
The data large screen monitoring platform implementation system based on the SOA architecture provided by the invention is described below, and the data large screen monitoring platform implementation system based on the SOA architecture described below and the data large screen monitoring platform implementation method based on the SOA architecture described above can be correspondingly referred to each other.
Fig. 2 is a schematic structural diagram of a data large screen monitoring platform implementation system based on an SOA architecture according to an embodiment of the present invention, as shown in fig. 2, including: a construction module 21 and a visualization module 22, wherein:
the construction module 21 is used for constructing an adaptive user interface based on Bootstrap; the visualization module 22 is configured to perform data visualization by using ECharts in the adaptive user interface, initialize the ECharts instance through JavaScript code, and complete chart parameter configuration.
The invention adopts Java as a development language, adopts an SOA architecture, and utilizes front-end technologies such as Bootstrap, ECharts and the like to successfully realize a service bus data large-screen monitoring platform with complete functions and excellent user experience. The platform combines the big data processing technology with the transaction monitoring system, provides an innovative solution, and has great practical value and broad market prospect.
Based on the above embodiment, the visualization module includes a custom time threshold setting sub-module, where the custom time threshold setting sub-module is specifically configured to provide a custom time threshold, and check the transaction success rate of the preset time period in real time.
Based on the above embodiment, the visualization module further includes a transaction link query setting sub-module, where the transaction link query setting sub-module is specifically configured to return complete link information from the transaction initiating end to the consuming end based on the global serial number.
Based on the above embodiment, the visualization module further includes an error information query setting sub-module, where the error information query setting sub-module is specifically configured to provide an error information query function for transaction failure.
Fig. 3 illustrates a physical schematic diagram of an electronic device, as shown in fig. 3, where the electronic device may include: processor 310, communication interface (Communications Interface) 320, memory 330 and communication bus 340, wherein processor 310, communication interface 320, memory 330 accomplish communication with each other through communication bus 340. The processor 310 may invoke logic instructions in the memory 330 to perform a data large screen monitoring platform implementation method based on SOA architecture, the method comprising: constructing an adaptive user interface based on Bootstrap; and carrying out data visualization by adopting ECharts in the self-adaptive user interface, and initializing ECharts examples through JavaScript codes to complete chart parameter configuration.
Further, the logic instructions in the memory 330 described above may be implemented in the form of software functional units and may be stored in a computer-readable storage medium when sold or used as a stand-alone product. Based on this understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In another aspect, the present invention further provides a computer program product, where the computer program product includes a computer program, where the computer program may be stored on a non-transitory computer readable storage medium, and when the computer program is executed by a processor, the computer is capable of executing the method for implementing the SOA architecture-based data large screen monitoring platform provided by the foregoing methods, and the method includes: constructing an adaptive user interface based on Bootstrap; and carrying out data visualization by adopting ECharts in the self-adaptive user interface, and initializing ECharts examples through JavaScript codes to complete chart parameter configuration.
In still another aspect, the present invention further provides a non-transitory computer readable storage medium, on which a computer program is stored, the computer program being implemented when executed by a processor to perform the method for implementing the SOA architecture-based data large screen monitoring platform provided by the above methods, where the method includes: constructing an adaptive user interface based on Bootstrap; and carrying out data visualization by adopting ECharts in the self-adaptive user interface, and initializing ECharts examples through JavaScript codes to complete chart parameter configuration.
The apparatus embodiments described above are merely illustrative, wherein the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. Those of ordinary skill in the art will understand and implement the present invention without undue burden.
From the above description of the embodiments, it will be apparent to those skilled in the art that the embodiments may be implemented by means of software plus necessary general hardware platforms, or of course may be implemented by means of hardware. Based on this understanding, the foregoing technical solution may be embodied essentially or in a part contributing to the prior art in the form of a software product, which may be stored in a computer readable storage medium, such as ROM/RAM, a magnetic disk, an optical disk, etc., including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method described in the respective embodiments or some parts of the embodiments.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present invention, and are not limiting; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims (10)

1. The method for realizing the data large-screen monitoring platform based on the SOA architecture is characterized by comprising the following steps:
constructing an adaptive user interface based on a front-end development framework Bootstrap;
and adopting a data visualization chart library ECharts to perform data visualization in the self-adaptive user interface, initializing ECharts examples through JavaScript codes, and completing chart parameter configuration.
2. The method for realizing the data large screen monitoring platform based on the SOA architecture according to claim 1, wherein the chart parameter configuration comprises custom time threshold setting;
the custom time threshold setting comprises providing a custom time threshold for a user and checking the transaction success rate of a preset time period in real time.
3. The method for implementing the data large screen monitoring platform based on the SOA architecture according to claim 1, wherein the chart parameter configuration further comprises transaction link query setting;
the transaction link query setup includes returning complete link information from the transaction initiating end to the consuming end based on the global serial number.
4. The method for realizing the data large screen monitoring platform based on the SOA architecture according to claim 1, wherein the chart parameter configuration further comprises error information query setting;
the error information query setup includes an error information query function that provides transaction failure.
5. The data large screen monitoring platform implementation system based on the SOA architecture is characterized by comprising:
the construction module is used for constructing a self-adaptive user interface based on Bootstrap;
and the visualization module is used for carrying out data visualization by adopting ECharts in the self-adaptive user interface, initializing ECharts examples through JavaScript codes and completing chart parameter configuration.
6. The SOA architecture based data large screen monitoring platform implementation system according to claim 5, wherein the visualization module includes a custom time threshold setting sub-module, and the custom time threshold setting sub-module is specifically configured to provide a user custom time threshold, and check a transaction success rate in a preset time period in real time.
7. The SOA architecture based data large screen monitoring platform implementation system according to claim 5, wherein the visualization module further comprises a transaction link query setting sub-module, and the transaction link query setting sub-module is specifically configured to return complete link information from a transaction initiation end to a consumption end based on a global serial number.
8. The SOA architecture based data large screen monitoring platform implementation system according to claim 5, wherein the visualization module further comprises an error information query setting sub-module, and the error information query setting sub-module is specifically configured to provide an error information query function for transaction failure.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the method for implementing the SOA architecture based data large screen monitoring platform according to any one of claims 1 to 4 when executing the program.
10. A non-transitory computer readable storage medium having stored thereon a computer program, wherein the computer program when executed by a processor implements the method of SOA architecture based data large screen monitoring platform according to any of claims 1 to 4.
CN202311231845.7A 2023-09-21 2023-09-21 Data large screen monitoring platform implementation method and system based on SOA architecture Pending CN117130616A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311231845.7A CN117130616A (en) 2023-09-21 2023-09-21 Data large screen monitoring platform implementation method and system based on SOA architecture

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311231845.7A CN117130616A (en) 2023-09-21 2023-09-21 Data large screen monitoring platform implementation method and system based on SOA architecture

Publications (1)

Publication Number Publication Date
CN117130616A true CN117130616A (en) 2023-11-28

Family

ID=88854595

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311231845.7A Pending CN117130616A (en) 2023-09-21 2023-09-21 Data large screen monitoring platform implementation method and system based on SOA architecture

Country Status (1)

Country Link
CN (1) CN117130616A (en)

Similar Documents

Publication Publication Date Title
US7870482B2 (en) Web browser extension for simplified utilization of web services
US9424236B2 (en) Filtered Stylesheets
US20190196672A1 (en) Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same
US11677809B2 (en) Methods for transforming a server side template into a client side template and devices thereof
US20170192877A1 (en) Mobile application development and deployment
CN103955367A (en) Method and device for generating pages
CN112506602B (en) Page generation method and device, electronic equipment and computer readable medium
CN103530338A (en) Frame for carrying out page rendering on calculation equipment and page generation method
US20150143267A1 (en) SYSTEM AND METHOD FOR DEVELOPING A RULE-BASED EVENT-DRIVEN MULTI-LAYERED FRONTEND FOR BUSINESS SERVICES AND RENDERING THE GUIs ON MULTIPLE CLIENT DEVICES
CN114218890A (en) Page rendering method and device, electronic equipment and storage medium
CN112631588A (en) File generation method and device, electronic equipment and computer readable medium
CN112015468A (en) Interface document processing method and device, electronic equipment and storage medium
CN110569135A (en) interprocess communication method and system based on publish-subscribe mode
CN104346174B (en) A kind of description of online polar plot modeling process and replay method
CN115809056B (en) Component multiplexing implementation method and device, terminal equipment and readable storage medium
CN112926008A (en) Method and device for generating form page, electronic equipment and storage medium
CN112015410A (en) Webpage editing method, device and system and computer storage medium
CN106776285A (en) Webpage front-end adjustment method and device
CN117130616A (en) Data large screen monitoring platform implementation method and system based on SOA architecture
CN114756211B (en) Model training method and device, electronic equipment and storage medium
CN115935909A (en) File generation method and device and electronic equipment
CN113849164A (en) Data processing method and device, electronic equipment and memory
CN110599112A (en) Method and device for developing and maintaining network page
CN113656041A (en) Data processing method, device, equipment and storage medium
CN114115855A (en) Code multiplexing method and device, computer readable storage medium and electronic equipment

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