網頁設計大賽——疫情可視化追蹤系統


疫情可視化追蹤系統

一、網頁開發背景

        今年上半年在我國爆發的疫情,對我們的日常生活帶來了極大的影響,疫情嚴重期間,大家都談“疫”色變,大家對於了解疫情的情況具有巨大的需求;並且,目前來看我國仍然存在疫情二次爆發的可能,大家對於疫情的情況跟蹤也急於了解。基於這個情況,我們對疫情的數據進行了爬取和可視化的展示和疫情的追蹤, 也就是我們這次參賽的作品。

 

二、使用技術

  我們的網頁是疫情可視化系統,網頁在制作過程中使用了HTML5+JavaScript+Bootstrap進行基礎網頁的搭建,通過CSS對頁面進行了美化布局,通過Python實現實時疫情數據的爬取,通過Ajax+jQuery+jdbc實現了與Mysql數據庫的動態傳參,最后通過Echarts對數據庫返回的數據進行了可視化展示。然后通過阿里雲服務器進行網站的發布。

 

三、網頁創意

  相比於其他網站來說,我們的網頁提供了:

1、疫情跟蹤功能,可以輸入相關信息查詢是否為同乘者,並且展示同乘者的軌跡;

2、“熱詞雲”功能,這個是其他網頁所不具備的,“熱詞雲”會爬取疫情有關的咨詢,並且從中提取出熱度最高的詞進行可視化展示,通過“熱詞雲”,我們可以看到在疫情期間,大家最關心的問題;

3、我們的網站提供了疫情期間的所有數據,用戶可以根據自身的需求進行查看,對疫情的整體數據進行了解。

 

四、網頁展示

疫情可視化界面

 

 

 

疫情數據可視化圖表

 

 

 數據圖表聯動

 

 

疫情辟謠

 

 疫情新聞與熱詞雲

 

 同乘查詢

 

 

 疫情追蹤

 

 

 五、代碼實現

       項目已經上傳到github上方便大家參考

  地址:https://github.com/shaowens/-web  記得給個Star哦!

 

六、總結

      整個作品是由我們三個禿頭小隊合力完成。雖然最后由於功能太多而忽視了頁面的美化,導致只獲得了二等獎。但這也是我們團隊協作的體現。收獲良多!

 


免責聲明!

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



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