如何在 Ruby-on-Rails 应用中添加 SB-admin v2

How to add SB-admin v2 in Ruby-on-Rails app

我是 Rails 的 Ruby 菜鸟。我想在我的 RoR 应用程序中使用 SB Admin v2 Themes。我下载了它,但我不知道接下来要做什么。

顺便说一句,我的 Gemfile 中有 gem bootstrap-sass

我做的是:

  1. 使用 SB Admin 2 模板 index.html 中提供的基本标记创建 admin.html.erb 布局

  2. 查看模板中包含的js和css文件,将它们放在vendor/assets

  3. 中对应的目录下
  4. 在application.js和application.scss清单中添加相应的requiere并导入

  5. 除非真正需要,否则不要包含莫里斯图表的资产。

  6. 在文件 sb-admin-2.js 中删除为菜单添加活动 css class 的行。

  7. 使用简单导航实现菜单 gem。它看起来像

    # 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'
    
  8. 不是最后,而是在上述步骤之间的某处,您可以为侧边菜单、导航栏顶部等创建部分内容。

试试 bower-rails - 它有 sb-admin-2 包。

参见示例http://makandracards.com/makandra/28851-managing-vendor-assets-in-rails-with-bower

我已经来到这个问题了,虽然已经回答了,如果有人处于同样的情况可能会觉得这很有帮助,前段时间我开发了一个 gem 来添加的所有资产sb-admin-2 主题,这里有:https://github.com/dreamingechoes/bootstrap_sb_admin_base_v2

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

gem 'bootstrap_sb_admin_base_v2'

然后执行:

$ 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 结构。

您好! :)