2015-05-22 103 views
2

我是Ruby on Rails的noob。我想在我的RoR应用程序中使用SB Admin v2 Themes。我下载了它,我不知道下一步该做什么。如何在Ruby-on-Rails应用程序中添加SB-admin v2

顺便说一句,我有宝石bootstrap-sass在我的Gemfile

+0

我认为你必须芦苇一些教程。你有任何语言框架的经验吗? – inye

+0

你可以给我一些示例教程的链接吗?这是我的第一个Web应用程序,并且第一次使用Ruby on Rails。谢谢。我试图复制** dist **文件夹,但图标不工作,我必须将_fa fa-user fa-fw_改为_glyphicon glyphicon-user_,并且一些侧边栏功能也无法正常工作。 –

+0

你对任何语言的框架有任何经验吗? – inye

回答

2

我所做的是:

  1. 创建的管理员SB 2模板

  2. 的index.html的设置在底座标记的admin.html.erb布局看看js的和css文件包含在模板中,并将它们放在供应商/资产中相应的dirs中

  3. 在application.js和application.scss清单中添加相应的requiere并导入

  4. 在您确实需要Morris图表之前,请不要包含Morris图表的资产。

  5. 在文件sb-admin-2.js中删除为菜单添加actic css类的行。

  6. 使用简单导航宝石实现菜单。它看起来像

    # encoding: utf-8 
    
    SimpleNavigation::Configuration.run do |navigation| 
        navigation.items do |primary| 
        primary.item :dashboard, 'Inicio', admin_path, link_html: {icon_class: 'dashboard'} 
        primary.item :clients, t_title('routes.clients'), admin_clients_path, link_html: { link_active: current_page?(admin_clients_path), icon_class: 'users' } do | clients | 
         clients.item :clients_new, t_title('routes.new'), new_admin_client_path 
        end 
        end 
    end 
    
    SimpleNavigation.register_renderer admin_sidebar: Sb2AdminSidebarRenderer 
    SimpleNavigation.config.selected_class = 'active' 
    
  7. 好景不长,而是介于步骤之间上面你会创建一个侧面菜单,导航栏顶部等

+0

谢谢^ _ ^让我走在正确的道路上^ _ ^这就是我正在做的事情,我不知道我是否做得对。是的,我没有包括莫里斯,因为Mentismenu不会工作。还有一件事,我必须下载font-awesome吗?因为我在CSS,JS和示例html中找到了它,所以它在图标中使用** fa **而不是** glyphicon **无论如何感谢您的帮助。 –

+1

我试过[这](http://stackoverflow.com/questions/11052398/rails-using-font-awesome),它现在正在工作^ _^...再次感谢你 –

4

我来到了这个问题,虽然已经得到了回应,如果有人在同样的情况可能会有所帮助,前一段时间我已经开发了宝石添加所有在SB-管理-2主题的资产,在这里你有它:https://github.com/dreamingechoes/bootstrap_sb_admin_base_v2

此行添加到您的应用程序的Gemfile:

gem 'bootstrap_sb_admin_base_v2'

然后前ecute:

$ bundle

或者自行安装为:

$ gem install bootstrap_sb_admin_base_v2

然后,添加到您的application.js文件这样的:

//= require bootstrap_sb_admin_base_v2

这行成你的application.css文件:

*= require bootstrap_sb_admin_base_v2

而且您已准备好在您的Rails应用程序中使用基于Bootstrap的管理主题SB Admin 2的HTML结构。

问候! :)

+0

我使用这个宝石,它是大! –

相关问题