在有些情況下,我們需要在DataFrame類型的數據中通過切片獲得我們所需要的數據,然后轉換為我們所需要的類型。Dataframe數據類型的轉換需要用到astype函數。
筆者一開始想使用float()將dataframe轉換為float類型,然后編譯器報錯了:

無法將這個系列轉換為float類型?通過type(),發現該數據為Series數據類型,所以不能使用float()方法。
在老司機的指導下,我使用了astype函數進行數據類型轉換:
然后,就能成功轉換並輸出了。

作者最近在一個小項目中需要寫后台管理界面,在互聯網上繞了一圈,最后決定使用Bootstrap+metisMenu來完成。理由1:Bootstrap是目前流行的前端框架,風格簡約,簡單易用。理由2:metisMenu是輕量級的導航欄jQuery插件,同樣簡約,使用方便,易上手。
今天的文章是介紹如何使用Bootstrap+metisMenu來完成一個簡單的后台管理界面,Bootstrap前面的文章已經介紹過,如果你還不是很了解Bootstrap,那么可以翻閱作者前面的文章【Web前端框架學習—Bootstrap】 。
metisMenu是一個jQuery的導航欄插件,使用該插件將節省我們的開發時間,提高開發效率。
今天,作者將以后台管理系統為案例,介紹metisMenu的使用,效果圖預覽:
需要使用的文件:
- bootstrap.min.js
- bootstrap.min.css
- metisMenu.min.js
- metisMenu.min.css
如果你還沒有這些文件,那么,你可以點擊這里下載它們。
你可以使用本地文件引入css和js,也可以使用CDN資源從雲端引入。雅思和托福如果你想從雲端引入,可以使用又拍雲的CDN加速資源庫:http://www.bootcdn.cn/metisMenu
在< head >標簽中引入css文件,包括Bootstrap的css文件和metisMenu的css文件。
建議在< body >標簽中< /body >標簽之前引入js文件。
這里,我們先使用metisMenu完成一個默認樣式的側邊導航欄。
頁面中的圖標並沒有使用Bootstrap提供的字體庫,而是使用的有更多圖標的開源字體庫fontawesome。如果你想了解fontawesome,可以前往fontawesome中文網。
如果你覺得默認樣式的側邊導航欄不好看,那么,可以自己寫css,對其進行微調美化。
作者覺得默認的側邊導航欄文字太靠左了,想把導航欄文字居中些,於是做出如下修改。
index.html
style.css
在index.html中引入style.css后,效果如下圖所示:
至此,已經完成了使用metisMenu完成后台管理界面側邊導航欄的制作和個性化微調。
- 讀源碼 | metisMenu側邊欄插件
- metisMenu在GitHub的項目托管