Dashboard的原义是仪表盘,作为一个查看的工具来说这个名字还算不错。 Dashing是一个不错的Dashboard框架,原文的意思是The exceptionally handsome dashboard framework.
Dashing Quick Start
在这里就引用原文
-
Install the gem from the command line. Make sure you have Ruby 1.9+
$ gem install dashing
-
Generate a new project
$ dashing new sweet_dashboard_project
-
Change your directory to sweet_dashboard_project and bundle gems
$ bundle
-
Start the server!
$ dashing start
-
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.
一个很优秀的可视化图形框架。
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.
一个类似于进度条百分比的圆环。
依赖库
- addressable (2.3.5)
- atomic (1.1.14)
- backports (3.5.0)
- buftok (0.2.0)
- bundler (1.5.3)
- coffee-script (2.2.0)
- coffee-script-source (1.7.0)
- daemons (1.1.9)
- dashing (1.3.2)
- equalizer (0.0.9)
- eventmachine (1.0.3)
- execjs (2.0.2)
- faraday (0.9.0)
- hike (1.2.3)
- http (0.5.0)
- http_parser.rb (0.6.0)
- json (1.8.1)
- memoizable (0.4.0)
- multi_json (1.8.4)
- multipart-post (2.0.0)
- naught (1.0.0)
- rack (1.5.2)
- rack-protection (1.5.2)
- rack-test (0.6.2)
- rufus-scheduler (2.0.24)
- sass (3.2.14)
- simple_oauth (0.2.0)
- sinatra (1.4.4)
- sinatra-contrib (1.4.2)
- sprockets (2.10.1)
- thin (1.6.1)
- thor (0.18.1)
- thread_safe (0.1.3)
- tilt (1.4.1)
- twitter (5.7.0)
- tzinfo (1.1.0)
或许您还需要下面的文章: