我是Ruby on Rails的新手,想要安裝名爲AdminLTE的免費模板。 它允許您輕鬆創建應用程序(前端)。將AdminLTE集成到Ruby on Rails中
我想將它集成到Rails中,但我不知道如何在任何地方找不到解決方案。
如果任何人都可以幫助我,那就太棒了。
這是模板的網站:https://almsaeedstudio.com/AdminLTE
我是Ruby on Rails的新手,想要安裝名爲AdminLTE的免費模板。 它允許您輕鬆創建應用程序(前端)。將AdminLTE集成到Ruby on Rails中
我想將它集成到Rails中,但我不知道如何在任何地方找不到解決方案。
如果任何人都可以幫助我,那就太棒了。
這是模板的網站:https://almsaeedstudio.com/AdminLTE
得到這個實現就在昨天晚上。這是我做到的。
粘貼到您的Gemfile :
gem 'bootstrap-sass'
gem 'jquery-rails'
gem 'font-awesome-sass'
source 'https://rails-assets.org/' do
gem 'rails-assets-adminlte'
end
粘貼下面以app/assets/javascripts/application.js
//= require adminlte
粘貼下面以app/assets/stylesheets/application.css
*= require adminlte
*= require skin-blue
創建一個新的文件app/assets/stylesheets/custom.css.scss
並粘貼以下:
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";
從AdminLTE的源代碼,該代碼單獨下載,你可以從你在你的問題中提到的鏈接獲取,瀏覽到
dist/css/skin
和複製文件skin-blue.css
並粘貼到vendor/assets/stylesheets/
您的rails項目
然後打開AdminLTE源代碼中的starter.html
,並粘貼<body> ......... </body>
中的內容並將其粘貼到01中的<body> ................ </body>
中。修改body標籤向<body class="skin-blue sidebar-mini">
運行bundle install
安裝附帶的寶石,然後通過運行rails s
重啓軌服務器,你應該看到了美麗的模板是AdminLTE
注1:可能存在其他更有效的方式來做到這一點。我不知道,如果有人知道,我會很高興知道它是如何完成的。在此之前,這對我來說非常合適,我希望它能爲您節省一些寶貴的時間。注意2:當然,您可以通過更改vendor/assets/stylesheets
中包含的樣式表文件並對app/assets/stylesheets/application.css
文件進行必要的修改,從而根據自己的喜好更改其外觀。不要忘了更改類的<body > .......</body>
在你app/views/layouts/application.html.erb
文件
不需要「皮膚blue.css」複製到
vendor/assets/stylesheets/
粘貼下面以應用程序/資產/樣式表/應用。CSS
//= require adminlte/skins/skin-blue
它可以在本地系統,但送禮者錯誤罰款,同時部署 「鏈輪:: FileNotFound:找不到文件‘adminlte’型‘的應用程序/ JavaScript的’」 –
@MuhammadFaisalIqbal加入這行'// =需要bootstrap-sprockets'到你的application.js –