Blog

Blog

PHODAL

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

新书《前端架构:从入门到微前端》

《前端架构:从入门到微前端》是一本围绕前端架构的实施手册,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。

前端架构包含以下五部分内容:

  • 设计:讲述了架构设计的模式,以及设计和制定前端工作流。
  • 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系。
  • 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。
  • 微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构。
  • 演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构。
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签