2016年9月25日 星期日

Echarts3 - 視覺化圖表套件

webber0928

ECharts,一個純Javascript的圖表庫,可以流暢的運行在 PC 和 mobile 設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的Canvas 類庫 ZRender,提供直觀,生動,可交互,可高度個性化定制的數據可視化圖表。

還真的有驚豔到,強國人的文件寫的也非常的好,不管是直接引入,或是使用 AMD 的方式,還是使用 webpack 來打包,都有寫在官方的文件上面。

如果你跟我一樣寫 vue ,以下提供幾個參考

幾個 vue 相關網址:

  • https://github.com/Justineo/vue-echarts
  • https://github.com/panteng/vue-echarts
  • https://github.com/abdullah/vue-echarts
  • http://forum.vuejs.org/topic/3354/vue%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E7%99%BE%E5%BA%A6echartjs

Echarts3 - 視覺化圖表套件

webber0928

ECharts,一個純Javascript的圖表庫,可以流暢的運行在 PC 和 mobile 設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的Canvas 類庫 ZRender,提供直觀,生動,可交互,可高度個性化定制的數據可視化圖表。

Pusher - 一個基於 WebSocket 的實時消息推播服務

webber0928

一個聽說非常好用的推播服務,註冊的話可以免費試用一個推播服務,還沒時間試試,只好先記錄一下摟!

原理大概是,當瀏覽器刷新頁面的時候,會向服務端發起一個請求。 服務端收到這個請求後,會返回一個不帶數據的純HTML 空模板。 然後客戶端渲染模板後,再次通過RESTful API 向服務端請求項目的真實數據(JSON 格式),再由客戶端對數據做處理並呈現,得到用戶真正看到的頁面。 之後,會跟Pusher 服務器建立一條WebSocket 的長連接,接收推送信息。 當服務端有任何更新的時候,會發送消息到Pusher 服務器,再由Pusher 服務器傳輸到客戶端瀏覽器,頁面同時也得到更新。 以上,就是一個簡單的過程。

前端引入: https://github.com/pusher/pusher-js
後端引入: https://github.com/pusher/pusher-http-node

幾個教學網址

 Laravel 5.1 Events Broadcasting 實務練習
 Laravel 5 Event Broadcasting(事件廣播)進階篇 – Pusher

2016年9月22日 星期四

vue 後台版型 - CoPilot

webber0928

一個基於 vuejs 以及 AdminLTE 的後台版型,個人蠻喜歡 AdminLTE 的風格,剛好也有在寫 vuejs,便用來練練功嘍!



連結: http://copilot.mistergf.io/
github: https://github.com/misterGF/CoPilot

認真說,這款專案寫得不差,除了從中了解到一些  vuejs 架構的寫法,其他像是


  • babel
  • eslint
  • webpack 結合 express
  • 前端測試的 karme
  • 等等...
這些套件的用法都讓我學習到更多。

結論:
做簡單的後台應該是沒問題,但是比較客製化的後台還是拿 Keen-UI 來幹會比較好一點。

2016年9月21日 星期三

推薦免費的後台版型 AdminLTE

webber0928
這是一款相當豐富的後台版型,用 bootstrap 3 以及 jquery 來製作的,很多自訂的方式可以來使用。

我找了很多版型就這個最讓我喜愛,當然他也有提供更 Premium 的版型,可以去他網站看看!



因為是 opensource 的專案,所以有任何問題都可以發 issue 去詢問哦

裡面包含很多介面,像是圖像化的資料套件、訊息視窗、表單的形式等等,都是 jQuery
的套件,所以使用上非常方便!

這裡附上連結

網站: https://almsaeedstudio.com/
github: https://github.com/almasaeed2010/AdminLTE/


推薦免費的後台版型 AdminLTE

webber0928
這是一款相當豐富的後台版型,用 bootstrap 3 以及 jquery 來製作的,很多自訂的方式可以來使用。

我找了很多版型就這個最讓我喜愛,當然他也有提供更 Premium 的版型,可以去他網站看看!



Coprights @ 2016, Blogger Templates Designed By Templateism | Distributed By Gooyaabi Templates