Dashboard的原义是仪表盘,作为一个查看的工具来说这个名字还算不错。 Dashing是一个不错的Dashboard框架,原文的意思是The exceptionally handsome dashboard framework.

Dashing Quick Start

在这里就引用原文

  1. Install the gem from the command line. Make sure you have Ruby 1.9+ 

    $ gem install dashing

  2. Generate a new project 

    $ dashing new sweet_dashboard_project

  3. Change your directory to sweet_dashboard_project and bundle gems

    $ bundle

  4. Start the server! 

    $ dashing start

  5. Point your browser at localhost:3030 and have fun!

Dashing 浅析

前端相关

  • jQuery
  • jQuery.knob.js
  • D3.js
  • rickshaw.js
  • jQuery.gridster.js
  • jQuery.leanModal.js
  • Batman.js
  • batman.jquery.js
  • es5-shim.js

后端

  • Sinatra

其它相关

  • SCSS
  • coffeescript
  • Ruby

框架简介

Rickshaw.js

JavaScript toolkit for creating interactive real-time graphs.

jQuery.leanModal.js

a JQuery modal plugin that works with your CSS.Bare bones modal dialog windows.

一个类似于fancybox的弹出框,从当前来看没有fancybox强大。

jQuery.gridster.js

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.

有点类似于华容道当然比这个还强大,可以自动检测和优化布局还是不错的,让我先想起的确是七角板。

D3.js

D3.js is a JavaScript library for manipulating documents based on data.

一个很优秀的可视化图形框架。

(转载保留:Dashboard 框架 dashing 入门及浅析)

Batman.js

A client-side framework for Rails developers.

If you love Ruby on Rails, batman.js is the best, most familiar way to build rich web apps in CoffeeScript.

es5-shim

ECMAScript 5 compatibility shims for legacy JavaScript engines.

jQuery.knob.js

Nice, downward compatible, touchable, jQuery dial.

一个类似于进度条百分比的圆环。

GitHub 加速计划 / da / dashboard
7
2
下载
General-purpose web UI for Kubernetes clusters
最近提交(Master分支:4 个月前 )
9a476333 Bumps [jest-preset-angular](https://github.com/thymikee/jest-preset-angular) from 14.2.0 to 14.2.2. - [Release notes](https://github.com/thymikee/jest-preset-angular/releases) - [Changelog](https://github.com/thymikee/jest-preset-angular/blob/main/CHANGELOG.md) - [Commits](https://github.com/thymikee/jest-preset-angular/compare/v14.2.0...v14.2.2) --- updated-dependencies: - dependency-name: jest-preset-angular dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> 4 个月前
11b7e82e Bumps [cypress](https://github.com/cypress-io/cypress) from 13.13.1 to 13.13.2. - [Release notes](https://github.com/cypress-io/cypress/releases) - [Changelog](https://github.com/cypress-io/cypress/blob/develop/CHANGELOG.md) - [Commits](https://github.com/cypress-io/cypress/compare/v13.13.1...v13.13.2) --- updated-dependencies: - dependency-name: cypress dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> 4 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐