ITエンジニア/デザイナ向けにオープンソースを毎日紹介

最近はサーバサイドではHTMLレンダリングせず、RESTfulなWeb APIを使ってデータを取得、表示するといったWebアプリケーションが増えています。そうした中、運営側の管理画面においても求められるものが変わってきています。

そこで今回は次世代の管理画面、ng-adminを紹介します。AngularJSを使ったWeb管理画面になります。

ng-adminの使い方

こちらはデモ画面になります。
こちらはデモ画面になります。

ポスト一覧。画面遷移せず、Ajaxでデータを取ってきています。
ポスト一覧。画面遷移せず、Ajaxでデータを取ってきています。

編集、作成などもAjaxで。
編集、作成などもAjaxで。

ページネーションサポート。
ページネーションサポート。

画面はBootstrapベースのようです。
画面はBootstrapベースのようです。

Web APIを用意しておくことで、ユーザ向けはもちろんのこと管理画面においてもスムーズな操作ができるようになります。pushStateにも対応していますので、URLはユニークになるようです。

ng-adminはJavascript/HTML5製のオープンソース・ソフトウェア(MIT License)です。

Angular admin

marmelab/ng-admin

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch