2015-06-30 78 views

回答

8

得到这个实现就在昨天晚上。这是我做到的。

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

然后打开AdminLTE源代码中的starter.html,并粘贴<body> ......... </body>中的内容并将其粘贴到01中的<body> ................ </body>中。修改body标签向<body class="skin-blue sidebar-mini">

运行bundle install安装附带的宝石,然后通过运行rails s重启轨服务器,你应该看到了美丽的模板是AdminLTE

注1:可能存在其他更有效的方式来做到这一点。我不知道,如果有人知道,我会很高兴知道它是如何完成的。在此之前,这对我来说非常合适,我希望它能为您节省一些宝贵的时间。注意2:当然,您可以通过更改vendor/assets/stylesheets中包含的样式表文件并对app/assets/stylesheets/application.css文件进行必要的修改,从而根据自己的喜好更改其外观。不要忘了更改类的<body > .......</body>在你app/views/layouts/application.html.erb文件

+0

它可以在本地系统,但送礼者错误罚款,同时部署 “链轮:: FileNotFound:找不到文件‘adminlte’型‘的应用程序/ JavaScript的’” –

+0

@MuhammadFaisalIqbal加入这行'// =需要bootstrap-sprockets'到你的application.js –

1

不需要“皮肤blue.css”复制到

vendor/assets/stylesheets/ 

粘贴下面以应用程序/资产/样式表/应用。CSS

//= require adminlte/skins/skin-blue