利用ajax與echarts實現動態展示柱狀圖


1.業務需求:

       實現在一個網頁上動態展示數據庫中的數據並以柱形圖的形式表現出來。

2.技術要求:

       (1)bean層:用來定義所需類。

       (2)web層:制作簡單的HTML界面並引用echarts和ajax分別用於圖表的制作和數據的傳輸。

       (3)servlet層:用於接收前端數據,通過SQL語句與數據庫進行交互並使用ObjectMapper以json的格式向前端發送數據。

       (4)util層:用於存放工具類,此項目只用到了與數據庫連接所需的jdbc工具。

3.主要難點:

       此項目最大的難點在於”動態“和echarts的不熟悉,對於echarts的不熟悉我們只能查找資料進行學習;對於動態我們使用ajax

      實現,它能調用servlet與數據庫進行交互但接收返回值時我們需使用json形式,但我平時從數據庫提取數據大都用list存儲。這

      就需要我們進行轉換,於是我使用了ObjectMapper進行轉換,但在導入jar包時又遇到問題;按網上的指導使用ObjectMapper需

      要導入三個jar包但我全部導入后也無法識別此類,經查得知此類只是其中很小的內容,於是我又特意導入了更精准的jackson-mapper

      jar包便可使用。(TIP:在尋找jar包時很難准確的找到所需jar包,但在該網站下很全:https://mvnrepository.com/)

4.源碼連接:https://github.com/freshhands/Virus


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM