开源:Angularjs示例--Sonar中项目使用语言分布图

简介:

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

 

   多多交流共同进步X1`E@`R9LLX~6VHSWO`NXY0



 本文转自 破狼 51CTO博客,原文链接:http://blog.51cto.com/whitewolfblog/1076341,如需转载请自行联系原作者


相关文章
|
26天前
|
缓存 JavaScript 数据安全/隐私保护
js开发:请解释什么是ES6的Proxy,以及它的用途。
`ES6`的`Proxy`对象用于创建一个代理,能拦截并自定义目标对象的访问和操作,应用于数据绑定、访问控制、函数调用的拦截与修改以及异步操作处理。
17 3
|
26天前
|
JavaScript
js开发:请解释什么是ES6的Generator函数,以及它的用途。
ES6的Generator函数是暂停恢复的特殊函数,用yield返回多个值,适用于异步编程和流处理,解决了回调地狱问题。
16 6
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十二天-Es8-ES8和ES9新增特性1
前端学习笔记202306学习笔记第四十二天-Es8-ES8和ES9新增特性1
38 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十二天-Es8-ES8和ES9新增特性2
前端学习笔记202306学习笔记第四十二天-Es8-ES8和ES9新增特性2
41 0
|
8月前
|
前端开发
angular2快速构建项目
angular2快速构建项目
61 0
|
9月前
|
JavaScript API 开发者
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
虽然Angular.js停止更新已经一年了,但依赖它的上古时代的项目并不少。由于都是使用js开发,很难为其提供很好的维护,所以直到今天开发维护也并不愉快。可以说没有开发插件的支持,再成熟老练的框架都发挥困难。
119 0
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
|
10月前
|
前端开发 JavaScript 小程序
每天3分钟,重学ES6-ES12(十七)模块化历史
每天3分钟,重学ES6-ES12(十七)模块化历史
58 0
|
JavaScript
ts重点学习12-ts环境安装和js缺陷优势
ts重点学习12-ts环境安装和js缺陷优势
50 0
ts重点学习12-ts环境安装和js缺陷优势
|
JavaScript 数据安全/隐私保护
Angular最新教程-第五节编写第一个组件
Angular最新教程-第五节编写第一个组件
135 0
Angular最新教程-第五节编写第一个组件
|
前端开发 Java 关系型数据库
ES 高级实战(一)ES 组件库介绍
ES 高级实战(一)ES 组件库介绍
1020 0
ES 高级实战(一)ES 组件库介绍