Use ajax and echarts dynamic histogram display

1. Business need:

       Dynamic display data in a database on a web page and show it in the form of a bar graph.

2. Technical requirements:

       (1) bean layer: used to define the desired class.

       (2) web layers: simple HTML interface and making reference to transmission and echarts ajax Diagrams for production and, respectively, data.

       (3) servlet layers: a front end for receiving the data, by interacting with the database and the SQL statement used to send data to the front end ObjectMapper json format.

       (4) util layer: for storing tools, project only used the connection to the database jdbc tools required.

3. The main difficulties:

       This project is the biggest difficulty is "dynamic" and echarts not familiar for the unfamiliar echarts we can only find information to learn; we use ajax for dynamic

      Implementation, it calls the servlet to interact with the database when it receives the return value we need to use json form, but I usually use the database to extract data from most of the list is stored. This

      We need to convert, so I used the ObjectMapper conversion, but encountered problems in the import jar package Shiyou; Use as directed ObjectMapper online needs

      To import all three jar package but I can not identify such import, such that only a small investigation of its contents, so I deliberately imported more accurate jackson-mapper

      jar package can be used. (TIP: it is difficult to find accurate in finding the required jar package jar package, but very full at this site: https://mvnrepository.com/ )

4. Source connection: https://github.com/freshhands/Virus

Guess you like

Origin www.cnblogs.com/zgk666/p/12444489.html