在 Rails 上将 AdminLTE 集成到 Ruby

Integrating AdminLTE into Ruby on Rails

我是 Rails 上 Ruby 的新手,想安装一个名为 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";

从您在问题中提到的 link 中获得的单独下载的 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> 的 class

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

vendor/assets/stylesheets/

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

//= require adminlte/skins/skin-blue