如何在 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
。
我做的是:
使用 SB Admin 2 模板 index.html 中提供的基本标记创建 admin.html.erb 布局
查看模板中包含的js和css文件,将它们放在vendor/assets
中对应的目录下
在application.js和application.scss清单中添加相应的requiere并导入
除非真正需要,否则不要包含莫里斯图表的资产。
在文件 sb-admin-2.js 中删除为菜单添加活动 css class 的行。
使用简单导航实现菜单 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'
不是最后,而是在上述步骤之间的某处,您可以为侧边菜单、导航栏顶部等创建部分内容。
试试 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 结构。
您好! :)
我是 Rails 的 Ruby 菜鸟。我想在我的 RoR 应用程序中使用 SB Admin v2 Themes。我下载了它,但我不知道接下来要做什么。
顺便说一句,我的 Gemfile
中有 gem bootstrap-sass
。
我做的是:
使用 SB Admin 2 模板 index.html 中提供的基本标记创建 admin.html.erb 布局
查看模板中包含的js和css文件,将它们放在vendor/assets
中对应的目录下
在application.js和application.scss清单中添加相应的requiere并导入
除非真正需要,否则不要包含莫里斯图表的资产。
在文件 sb-admin-2.js 中删除为菜单添加活动 css class 的行。
使用简单导航实现菜单 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'
不是最后,而是在上述步骤之间的某处,您可以为侧边菜单、导航栏顶部等创建部分内容。
试试 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 结构。
您好! :)