在 Rails 上将 AdminLTE 集成到 Ruby

Question

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

从您在问题中提到的 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

Answer 2

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

vendor/assets/stylesheets/

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

//= require adminlte/skins/skin-blue

在 Rails 上将 AdminLTE 集成到 Ruby

Integrating AdminLTE into Ruby on Rails

ruby-on-rails

templates

integration