SpringsMVC+myBatis+帆軟實現電力模塊

最近公司後端工作比較多,去後端幫忙去,這次記錄下電力模塊的開發,順便回憶下以前用的springMVC+myBatis的使用。需求頁面如下:

1.首先在mybatis-config.properties中更改數據庫連接方式及用戶名密碼,如下圖所示:

2.然後我們設置下maven配置,在file-->setting-->搜索maven-->Maven目錄下:

3.在Maven home directory中選擇本地maven解壓包,在User settings file 選擇Override並選擇本地的maven配置文件setting.xml.

然後配置下tomcat:

 

4.配置完tomcat後在項目名onemap下新建模塊electric、entity.electric(放實體類),在electric模塊下新建controller、service、persistence,下面以統計當月每小時用電量爲例:

5.然後在Mapper.xml裏面寫sql語句及注意事項:

6.用的數據庫是orcle,注意字段名大寫,入參及出參的類型,然後在數據庫跑下sql語句,如下:

7.這個統計圖這次用帆軟來做,打開FineReport8.0,在文件中新建表單,我們選擇面積圖表,然後設置數據庫連接及輸入sql語句,最後在樣式中修改即可,如下所示:

8.將配置保存,然後在iframe中設置樣式佈局,在js中傳遞保存的路徑及參數,如下:

9.然後在看下頁面效果圖:

10.然後我們對左側的內容添加滾動效果,用的jquery的插件:

11.底層的地圖用的百度的在線地圖,自己發佈了一個樣式,然後在頁面引入即可,如下:

自此,本模塊完成,順帶複習了springsMVC+myBatis框架,然後學習了下帆軟是怎麼做統計圖的,相比echarts,大大減少了代碼量。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章