Ruby Academy · Ders

Görünümler ve Görüntüleme

Yanıt döndürme

Görünümler ve Görüntüleme, CoddyKit'te ücretsiz bir Ruby Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Ruby Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Ruby Academy kursu toplamda 4 dersten oluşur.

Görünüm Nedir?

Görünüm, istemciye gönderilen ve genellikle HTML olan yanıtı üreten bir şablondur. Denetleyicinin hazırladığı verileri bir sayfaya dönüştürür.

Görünümler app/views içinde bulunur.
app/views/articles örneğinde olduğu gibi denetleyiciye göre gruplanırlar.
Varsayılan şablon adı eylem adıyla aynıdır.

Kurala Dayalı Görünüm Oluşturma

Varsayılan olarak bir eylem, kendi adını taşıyan şablonu oluşturur. ArticlesController denetleyicisindeki index eylemi, açık bir render çağrısı olmadan app/views/articles/index.html.erb şablonunu oluşturur.

def index
  @articles = Article.all
  # automatically renders articles/index.html.erb
end

ERB Şablonları

Varsayılan şablon dili ERB'dir (Gömülü Ruby). HTML ile Ruby'yi bir arada kullanır:

<%= ... %> bir değeri çıktılar.
<% ... %> kodu çıktı üretmeden çalıştırır.

<h1>Articles</h1>
<% @articles.each do |article| %>
  <p><%= article.title %></p>
<% end %>

Yerleşimler

Yerleşim, her görünümü üst bilgi, gezinme ve alt bilgi gibi ortak işaretlemelerle sarar. Varsayılan app/views/layouts/application.html.erb dosyasında, eylemin görünümünün eklendiği <%= yield %> bulunur.

<!-- application.html.erb -->
<html>
  <body>
    <%= yield %>
  </body>
</html>

Kısmi Şablonlar

Kısmi şablon, dosya adı alt çizgiyle başlayan, yeniden kullanılabilir bir şablon parçasıdır. İşaretlemeyi yinelemekten kaçınmak için onu render ile oluşturun.

<!-- _article.html.erb -->
<p><%= article.title %></p>

<!-- in index.html.erb -->
<%= render "article", article: @article %>

Koleksiyonları Oluşturma

Bir koleksiyonu render'a geçirmek, deyimsel bir kısayol olarak kısmi şablonu her öğe için bir kez oluşturur. Rails, kısmi şablonun adını modelden çıkarır.

<%= render @articles %>

<!-- renders _article.html.erb for each article -->

Görünüm Yardımcıları

Rails, HTML'yi güvenli biçimde üreten yardımcılar sağlar: bağlantılar için link_to, formlar için form_with ve görseller için image_tag. Şablonları temiz ve tutarlı tutarlar.

<%= link_to "View", article_path(@article) %>
<%= image_tag "logo.png" %>

Diğer Biçimlerle Yanıt Verme

Denetleyiciler yalnızca HTML döndürmekle sınırlı değildir. render json: API'ler için JSON gönderir; respond_to ise istemcinin istediği biçime göre farklı biçimler sunar.

def show
  @article = Article.find(params[:id])
  render json: @article
end

respond_to Blokları

Tek bir eylemde birden çok biçimi işlemek için respond_to kullanın. Aynı eylem tarayıcıya HTML, API istemcisine ise JSON döndürebilir.

def show
  @article = Article.find(params[:id])
  respond_to do |format|
    format.html
    format.json { render json: @article }
  end
end

Durum Kodları

Bir yanıtın HTTP durumunu status: ile ayarlayın. Başarılı bir oluşturma işleminden sonra :ok (200), :created (201) kullanın; doğrulama başarısız olduğunda istemcilerin doğru tepki vermesi için :unprocessable_entity (422) kullanın.

render :new, status: :unprocessable_entity
render json: @article, status: :created

Kaçışlama ve Güvenlik

ERB, <%= %> çıktısındaki HTML karakterlerini otomatik olarak kaçışlar; bu, kullanıcı verilerinden kaynaklanan siteler arası betik çalıştırmayı önler. İçeriğe yalnızca ona tamamen güveniyorsanız raw veya html_safe ile güvenli olarak işaretleyin; bunların yanlış kullanılması XSS açıklarını yeniden ortaya çıkarır.

Hızlı Kontrol

Görünümler ve oluşturma konusundaki anlayışınızı sınayın.

Özet: Görünümler ve Oluşturma

Yanıt döndürmeyi öğrendiniz:

Eylemler, kurala göre eşleşen bir ERB görünümünü oluşturur.
Yerleşimler görünümleri sarar; kısmi şablonlar parçaların yeniden kullanılmasını sağlar.
link_to ve form_with gibi yardımcılar HTML oluşturur.
render json: ve respond_to API'lere hizmet eder; uygun durum kodlarını ayarlayın.
ERB, XSS'yi önlemek için çıktıyı kaçışlar.

Denetleyiciler ve Yönlendirme kursu tamamlandı.

Sıkça Sorulan Sorular

“Görünümler ve Görüntüleme” dersi ücretsiz mi?

Evet — “Görünümler ve Görüntüleme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Ruby Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Ruby Academy kursu toplamda 4 dersten oluşur.

“Görünümler ve Görüntüleme” dersinde ne öğreneceğim?

Yanıt döndürme Ruby Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Ruby Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Ruby Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Görünümler ve Görüntüleme” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Ruby Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Ruby Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Ruby Academy Sayfasına Dön