Dashboard 框架 dashing 入门及浅析

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.

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

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)

或许您还需要下面的文章:

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806