Ruby on Rails : Twitter Bootstrap Kurulumu (Kurs Notları 3)

Daha önceki yazımda Ruby on Rails’in kurulumuyla ilgili ögrendiklerimi aktarmaya çalıştım. Kurulumdan sonra çok küçük çapta projeler üzerinde çalıştık. Daha sonra ise Twitter Bootstrap kurulumuna ve kullanılışına geçtik.

Twitter Bootstrap Nedir?

Twitter Bootstrap, web sitelerini ve web uygulamalarını daha hızlı oluşturmanızı sağlayan bir araçtır. İçerisinde ana CSS ve HTML kodlarını barındırır. Twitter Bootstrap Chrome, Firefox ve diğer tarayıcılarda da gayet iyi çalışıyor.

Öncelikle kurulum için Terminalimizi açıyoruz. Ve komut satırımıza

rails new Twitter -B

yazıyoruz. Kurdugumuz uygulamayı hemen kullanmayacağımız için -B komutunu kullandık. Bir sonraki adımımız ise gerekli eklentileride yüklemek olacak. Bunun içinde “Gemfile” dosyamıza gidiyoruz. Gemfile dosyamıza :

    - gem 'bootstrap-sass'
    - gem 'autoprefixer-rails'
    - gem 'haml'
    - gem 'haml-rails'
    - gem 'simple_form'

Dosyamıza bunları ekledikten sonra terminalimize geri dönüyoruz. Eklediklerimizi yüklemek içinde “bundle” komutunu yazıyoruz ve 1 dakika içerisinde yüklendiğini göreceksiniz.

Bu işlemin ardından Gemfile’a eklediğimiz simple_form’u yapılandırmamız gerekiyor. Bunun içinde

    - rails generate simple_form:install 

ikinci olarakta

    - rails g simple_form:install --bootstrap


Bu aşamayı da tamamladıktan sonra Twitter klasörümüze geri dönüyoruz. Burada

     Twitter => app => stylesheets    

altında application.css dosyası bulunuyor. Bu dosyanın uzantısına .scss ekliyoruz ve kaydediyoruz. Sonrada bu dosyamıza

   - @import "bootstrap-sprockets";
   - @import "bootstrap"

komutlarini ekliyoruz. Bir sonraki adımdada

    Twitter => app => javascripts

altında bulunan application.js dosyamıza giriyoruz. Ve burada son satırın hemen üstüne

      //= require bootstrap-sprockets

bu komutu ekliyoruz.

Bu işlemlerin ardından modelimizi oluşturmamız gerekiyor. Model ismimiz Tweet olarak belirledik. Tweet altında ise content ve user_id’yi göstermeye karar verdik.

Burada content:string olurken user_id:integer oluyor. Bu işlemlerden sonra terminal ekranımızda tanımlamaya sıra geldi. Burada da

      rails g scaffold Tweet content:string user_id:integer



komutunu giriyoruz ve modelimizi oluşturmuş oluyoruz. Bu adımıda hallettikten sonra migrationu çalıştırıyoruz.

     - rails db:migrate

böylece işlemlerimizi tamamladıktan sonra, rails serverımızı çalıştırabiliriz.

     - rails s

komutunu çalıştırıyoruz. Railsini güzel yanlanrından biride bilgisayarımız üzerinde çalıştırmak için Mamp ve benzeri programlara ihtiyacımızın olmamasıdır. Rails serverımız Localhost:3000 de çalışıyor. Ve yukarıdaki komutu yazdıktan sonra tarayıcımızda bakalım

Basit olarak sayfamızın geldiğini görüyoruz. Sonrasındada localhost:3000/tweets adresinden son halini gorebilirsiniz. Bir sonraki yazıda ise Haml ile sayfada düzenleme ve kayıt, giriş ve çıkış özelliklerine değinceceğim.