07/09/2018, 15:30

Tạo môi trường Bootstrap nhanh cho trang web Ruby on Rails

Trang web demo Gemfile gem 'bootstrap-sass' group :development do gem 'bootstrap-generators' gem 'rails_layout' end Dùng gem rails_layout để tạo giao diện bootstrap cho trang web. Dùng gem bootstrap-generators để tạo giao diện bootstrap khi ta dùng scaffold. Cài đặt giao ...

Trang web demo

Gemfile

gem 'bootstrap-sass'

group :development do
  gem 'bootstrap-generators'
  gem 'rails_layout'
end

Dùng gem rails_layout để tạo giao diện bootstrap cho trang web.

Dùng gem bootstrap-generators để tạo giao diện bootstrap khi ta dùng scaffold.

Cài đặt giao diện bootstrap cho scaffold:

rails g bootstrap:install -f

Cài đặt giao diện bootstrap cho trang web:

rails g layout:install bootstrap3 -f

Nếu chương trình có dùng Devise thì cũng có thể tạo views giao diện bootstrap cho Devise:
rails g layout:devise bootstrap3

Lưu ý là -f (force) sẽ ghi đè lên file application.html.erb, nếu trang web của bạn dùng template engine là slim thì sẽ tự động tạo ra các file đuôi *.html.slim.

Như vậy là việc cài đặt đã hoàn tất, nếu bạn nào thường dùng scaffold thì từ bây giờ scaffold được tạo sẽ tự động có giao diện bootstrap như trong hình:

alt text

Đối với các chương trình bình thường thì có lẽ ít dùng đến phương pháp này, nhưng đối với các trang web tạo ra với mục đích test chẳng hạn, thì việc sử dụng các gem trên để tạo giao diện bootstrap tự động cũng sẽ tiết kiệm được phần nào thời gian và công sức.

0