将AdminLTE集成到Ruby on Rails中

Question

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

我想将它集成到Rails中,但我不知道如何在任何地方找不到解决方案.

如果有人能帮助我那将是非常棒的.

这是模板的网站:https://almsaeedstudio.com/AdminLTE

Answer 1

昨晚实施了这个.这就是我做到的.

将其粘贴到您的 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项目中

然后打开starter.html在AdminLTE的源代码,并粘贴内的内容<body> ......... </body>和范围内粘贴<body> ................ </body>的app/views/layouts/application.html.erb.将body标签修改为<body class="skin-blue sidebar-mini">

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

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

注意2:您当然可以通过更改包含在其中的样式表文件并对文件vendor/assets/stylesheets进行必要的修改来根据自己的喜好更改外观app/assets/stylesheets/application.css.不要忘了更改类的<body > .......</body>在你的app/views/layouts/application.html.erb文件