在 Rails 上将 AdminLTE 集成到 Ruby
Integrating AdminLTE into Ruby on Rails
我是 Rails 上 Ruby 的新手,想安装一个名为 AdminLTE 的免费模板。
它可以让你轻松创建App(前端)。
我想将它整合到 Rails 但我不知道如何做,而且我在任何地方都找不到解决方案。
如果有人能帮助我那就太棒了。
昨晚刚刚实施。这是我的做法。
将此粘贴到您的 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
我是 Rails 上 Ruby 的新手,想安装一个名为 AdminLTE 的免费模板。 它可以让你轻松创建App(前端)。
我想将它整合到 Rails 但我不知道如何做,而且我在任何地方都找不到解决方案。
如果有人能帮助我那就太棒了。
昨晚刚刚实施。这是我的做法。
将此粘贴到您的 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