将AdminLTE集成到Ruby on Rails中

我是Ruby on Rails的新手,想要安装一个名为AdminLTE的免费模板。 它允许您轻松创建App(前端)。

我想将它集成到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并将其粘贴到rails项目中的vendor/assets/stylesheets/

然后在AdminLTE的源代码中打开starter.html并将内容粘贴到 ......... 并将其粘贴到 ................ app/views/layouts/application.html.erb ................ 。 将body标签修改为

通过运行bundle install包含的gem,然后通过运行rails s重新启动rails服务器,你会看到漂亮的模板AdminLTE

注1:也许存在其他更有效的方法。 我不知道,如果有人知道,我会很高兴知道它是如何完成的。 在此之前,这对我来说非常有效,我希望它能为您节省宝贵的时间。

注意2:您当然可以通过更改您在vendor/assets/stylesheets包含的样式表文件并对app/assets/stylesheets/application.css文件进行必要的修改来相应地更改外观。 不要忘记更改app/views/layouts/application.html.erb文件中 .......的类

不需要将’skin-blue.css’复制到

 vendor/assets/stylesheets/ 

将以下内容粘贴到app / assets / stylesheets / application.css

 //= require adminlte/skins/skin-blue