在博客中介绍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)