【Rails】AdminLTE3.0.0-alpha.2の利用

【利用するバージョン】

- ruby 2.3.1
- Rails 5.0.6
- AdminLTE3.0.0-alpha.2
- bootstrap4

yarn のインストール

$ brew install yarn

AdminLTE のインストール

$ yarn add admin-lte@3.0.0-alpha.2

※バージョンを指定しないと Ver2 系が入ってしまう

スタイルシート(scss)のマニフェスト

@import "bootstrap";
@import "font-awesome";
@import 'admin-lte/dist/css/adminlte.min';

javascript のマニフェスト

//= require jquery3
//= require jquery_ujs
//= require popper
//= require bootstrap-sprockets
//= require admin-lte/dist/js/adminlte.min

※Qiita などの記事を参考にすると、どうにもマニフェストの競合?でエラーになる。シンプルに上記のものだけで良いと思われる。
(Rails 5.1〜では "jquery_ujs" ではなく "rails-ujs" を使う)

【追加実装】

・sample/starter はあくまでサンプルのため、自分の環境のビューへ
 コピーしてカスタマイズする。

・画像参照を修正する。
 starter の画像は node_modules/admin-lte/dist/img を参照しているので、
 app/assets/images/admin など階層を作って image_tag で参照するよう
 に修正する。

・管理者ログイン・ログアウトの処理を追加する。

この記事が気に入ったらサポートをしてみませんか?