原文摘自我的前端博客,歡迎大家來訪問
起因
實驗室馬上要出去找工作了,大家想寫一個展示自己項目的東西,沒必要做的太複雜,我就把這幾天學到的結合了一下,算是做了 一個大概的樣子出來,大家可以自己放裏面加內容
點擊右上角項目名稱可切換不同視圖所含的技術
AngularJs
裏面MVC使用AngularJs來實現,主要用了其中兩個技術:
1.模板技術
2.路由技術
之所以用了AngularJs的路由技術,是因爲做一個頁面的跳轉,之前做開發都是以sevlet或者JAVA MVC框架來做,從後臺取數據放到前臺, 通過控制器來覺得給用戶返回怎樣的一個視圖,因爲這次沒必要做的比較複雜,使用AngularJs上兩種技術完全能達到我們的要求,而且還是 無刷新的。
BootStarp
優秀的UI框架,大家做簡歷或者項目展示的時候可能會想要炫酷的效果:)
fontAwesome
一款優秀的圖標字體庫
代碼
代碼就不貼在博客上了,很簡單,沒什麼可看的,大家可以去我的github上檢出
點擊進入github: AngularJs+BootStarp+fontAwesome打造個人展示頁面
查看完整DEMO
end fromhttp://hacke2.github.io