Grafana前端学习笔记

项目介绍

• 用于可视化大型测量数据的开源程序，他提供了强大和优雅的方式去创建、共享、浏览数据。dashboard中显示了你不同metric数据源中的数据。
• 常用于因特网基础设施和应用分析，但在其他领域也有机会用到，比如：工业传感器、家庭自动化、过程控制等。
• 热插拔控制面板和可扩展的数据源，目前已经支持Graphite、InfluxDB、OpenTSDB、Elasticsearch等。

dashboard.jpg

涉及知识点

• TypeScript 语言
• AngularJS 框架
• SystemJS 模块化解决方案
• Sass css预处理语言
• Grunt 构建工具
• NodeJS基础

核心源码目录结构

• core
  • components # 通用组件
  • controllers # 控制器
  • directives # 指令
  • filters # 过滤器
  • live # websocket
  • routers # 路由
  • services # 服务
  • utils # 工具
• features # 功能模块
• headers # typescript头文件
• partials # 页面片段（相当于传统意义上的页面
• plugins # 插件 (app/datasource/panel)
• app.ts # app入口
• boot.js # 启动app
• system.conf.js # systemjs配置