将 AdminLTE 集成到 Ruby on Rails答案

【问题标题】：Integrating AdminLTE into Ruby on Rails将 AdminLTE 集成到 Ruby on Rails
【发布时间】：2015-09-17 23:11:29
【问题描述】：

我是 Ruby on Rails 的新手，想安装一个名为 AdminLTE 的免费模板。它允许您轻松创建应用程序（前端）。

我想将它集成到 Rails 中，但我不知道怎么做，也找不到任何解决方案。

如果有人可以帮助我，那就太棒了。

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

【问题讨论】：

标签： ruby-on-rails templates integration

【解决方案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 并将其粘贴到您的rails 项目中的vendor/assets/stylesheets/

然后打开AdminLTE源代码中的starter.html，将<body> ......... </body>中的内容粘贴到app/views/layouts/application.html.erb中的<body> ................ </body>中。修改body标签为<body class="skin-blue sidebar-mini">

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

注意 1：也许存在其他更有效的方法。我不知道，如果有人知道，我会很高兴了解它是如何完成的。在那之前，这对我来说非常有效，我希望它能为你节省一些宝贵的时间。

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

【讨论】：

它在本地系统上运行良好，但在部署“Sprockets::FileNotFound: 找不到文件 'adminlte' 类型为 'application/javascript'”时出现错误
@MuhammadFaisalIqbal 将此行 //= require bootstrap-sprockets 添加到您的 application.js

【解决方案2】：

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

vendor/assets/stylesheets/

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

//= require adminlte/skins/skin-blue

【讨论】：