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

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

运行bundle install安装附带的gem，然后运行rails s重新启动rails服务器，你会看到漂亮的模板AdminLTE

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

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

Answer 2

不要复制＆skin-blue.css＆＃39;进入

vendor/assets/stylesheets/

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

//= require adminlte/skins/skin-blue

将AdminLTE集成到Ruby on Rails中

2 个答案: