在博客中介紹google的Angularjs 客戶端PM模式框架很久了,今天發布一個關於AngularJs使用是簡單示例SonarLanguage(示例位於Github:https://github.com/greengerong/SonarLanguage)。本項目只是一個全為客戶端的示例項目。項目的初始是我想看看在公司的項目中使用語言的分布比例,看看C#的份額,這一年一直坐着Java項目,卻還是喜歡着C#,這只是個人問題,不存在語言之爭。公司的項目在持續集成CI后都會傳遞build數據到Sonar產生報表。所以我可以在Sonar獲取到項目和項目使用語言,並且Sonar Restfull API提供了Jsonp的訪問方式,自然一切水到渠成,獲取數據,展示數據,查詢,排序,顯示語言分布餅圖。
項目樣式借助bootstrap和google code 的html5.js使用標准標准的html布局,header,section,footer等,並使用angularjs,underscore作為項目統計輔助框架,amcharts繪制餅圖。多的不在這里多說,如果你感興趣的話請到github查看https://github.com/greengerong/SonarLanguage。
項目的最終效果為:(這里的地址已經換為了官方的API http://nemo.sonarsource.org)