【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 で参照するよう
に修正する。
・管理者ログイン・ログアウトの処理を追加する。
この記事が気に入ったらサポートをしてみませんか?