開源:Angularjs示例--Sonar中項目使用語言分佈圖

      在博客中介紹google的Angularjs 客戶端PM模式框架好久了,今天發佈一個關於AngularJs使用是簡單示例SonarLanguage(示例位於Github:https://github.com/greengerong/SonarLanguage)。本項目只是一個全爲客戶端的示例項目。項目的初始是我想看看在公司的項目中使用語言的分佈比例,看看C#的份額,這一年一直坐着Java項目,卻仍是喜歡着C#,這只是我的問題,不存在語言之爭。公司的項目在持續集成CI後都會傳遞build數據到Sonar產生報表。因此我能夠在Sonar獲取到項目和項目使用語言,而且Sonar Restfull API提供了Jsonp的訪問方式,天然一切水到渠成,獲取數據,展現數據,查詢,排序,顯示語言分佈餅圖。html

     項目樣式藉助bootstrap和google code 的html5.js使用標準標準的html佈局,header,section,footer等,並使用angularjs,underscore做爲項目統計輔助框架,amcharts繪製餅圖。多的不在這裏多說,若是你感興趣的話請到github查看https://github.com/greengerong/SonarLanguagehtml5

項目的最終效果爲:(這裏的地址已經換爲了官方的API http://nemo.sonarsource.orggit

 

   多多交流共同進步X1`E@`R9LLX~6VHSWO`NXY0angularjs

相關文章
相關標籤/搜索