/TodosDnm

Primary LanguageRuby

Bu readme dosyasını resimleriyle birlikte görüntülemek için uygulamayı
klonlayıp yerelde çalıştırın ve localhost:3000 adresine bakın.

Bir todo uygulaması yapalım

Önce terminalde yeni rails uygulamamızı üretelim.

$ rails new todos

Sonra bu textile dosyası için uygulama klasörü içinde Readme.textile adında
bir dosya açalım ve textile şeklinde şu gördüğünüz satırları yazmaya başlayalım.

Textile dosyaları html formata döndürmek için uygulamamızda RedCloth gem
yüklü olmalıdır. Bunun için Gemfile dosyası içine şu satırı ekliyoruz.

gem 'RedCloth'

Sıra geldi bu Readme.textile dosyasını gösterecek bir sayfa üretmeye.
Bir home#index sayfası üretelim. Konsoldan şunu girelim :

$ rails g controller home index

Şimdi app/views/home/index.html.erb dosyasının içini şöyle bir değiştirelim.

<h4>Readme.textile</h4>
<%= raw(RedCloth.new(IO.read("Readme.textile")).to_html) %>

Bir de root adresi olarak home/index sayfasının default gelmesi için,
config/routes.rb dosyası içine şu satırı ekleyelim ve public/index.html
dosyasını silelim.

	root :to => "home#index"

Artık readme dosyası için herşey hazır. Readme.textile dosyasına birşeyler
yazıp serveri çalıştıralım.

$ rails s

localhost:3000 adresini tarayıcımızda açarsak textile dosyamızı html formata
dönmüş olarak tarayıcıda görebiliriz.

Evet, sıra geldi Github ‘da projemizi paylaşmaya. Github’a kullanıcı girişi
yapıp yakışıklı New Repository butonunu tıklıyoruz ve Todos isimli bir
depo oluşturuyoruz.

Şimdi uygulama klasöründe bir terminal açıp sırayla şu komutları giriyoruz :

$ git init
$ git add .
$ git commit -m "ilk tasarım"
$ git remote add origin git@github.com:_username_/todos.git
$ git push -u origin master

Artık uygulamanın bir kopyasını hem kendiniz hem başkaları kullanabilsin
diye github ’a koymuş olduk. Ben burdan sonra git gui kullanmaya başlıyorum,
siz isterseniz konsoldan devam edebilirsiniz.

Şimdi todolar için bir tablo üreterek veritabanına bulaşalım.

$ rails g scaffold Todo name:string parent:integer user_name:string 
category:string done:boolean order:integer

İşte bu istediğimiz tablonun veritabanında oluşturulması için konsoldan :

$ rake db:migrate

komutu sonrası tablomuzun üretildiğine dair mesajları görebiliriz. Şimdi
rails s komutuyla serverimizi çalıştırıp http://localhost:3000/todos
adresine bakarsak todo listemizi görebiliriz.

Birkaç tane todo ekleyelim de görselleri düzenlemelek için elimizde todo
bulunsun. Haydi New Todo bağlantısına tıklayıp todolarımızı ekleyelim.
şimdilik sadece name, user_name ve order alanlarını dolduralım ilerledikçe
düzenleriz. Önce görsel biraz çıksın ortaya.