CodeIgniter Denetleyicileri, Görünüm Yönlendirme: Örnek Uygulamayla Öğrenin

İçindekiler:

Anonim

Bu eğitimde aşağıdaki konuları öğreneceksiniz.

  • Yönlendirme - yönlendirme, URL isteklerine yanıt vermekten sorumludur. Yönlendirme, URL'yi önceden tanımlanmış yollarla eşleştirir. O zaman hiçbir yol eşleşmesi bulunmazsa, CodeIgniter istisna bulunmayan bir sayfa atar.
  • Denetleyiciler - rotalar denetleyicilere bağlıdır. Denetleyiciler, modelleri ve görünümleri birbirine yapıştırır. Modelden veri / iş mantığı talebi ve görünümün sunumunda sonuçları döndür. Bir URL bir rotayla eşleştirildiğinde, bir denetleyicinin genel işlevine iletilir. Bu işlev, veri kaynağı, iş mantığı ile etkileşime girer ve sonuçları görüntüleyen görünümü döndürür.
  • Görünümler - görünümler sunumdan sorumludur. Görünüm genellikle HTML, CSS ve JavaScript'in bir kombinasyonudur. Bu kısım, web sayfasının kullanıcıya gösterilmesinden sorumludur. Tipik olarak, görüntülenen veriler genellikle veri tabanından veya diğer mevcut veri kaynaklarından alınır.

Bu eğitimde öğreneceksiniz-

  • Yeni bir CodeIgniter projesi nasıl oluşturulur?
  • CodeIgniter Yönlendirme
  • Rota Oluşturun
  • Bir Denetleyici Oluşturun
  • Görünüm Oluşturun

Yeni bir CodeIgniter projesi nasıl oluşturulur?

Composer'ı yeni bir proje oluşturmak için kullanacağız. Yerleşik PHP sunucusunu kullanacağım, bu nedenle Apache gibi fazladan bir yazılıma sahip olmak gerekmiyor. Bu eğitimde Windows işletim sistemini kullanıyoruz. Bu nedenle, C sürücüsünde bir Sites klasörü oluşturduk. Size uygun herhangi bir dizini kullanabilirsiniz.

Komut satırını / terminali açın ve aşağıdaki komutu çalıştırın

cd C:\Sites

Şimdi Composer kullanarak bir CodeIgniter projesi oluşturacağız. Aşağıdaki komutu çalıştırın

composer create-project CodeIgniter/framework ci-app

İŞTE,

  • Yukarıdaki komut, en son kararlı sürümü, yani 3.1.9'u bir ci-app dizinine kullanarak yeni bir CodeIgniter projesi sürüm 3 oluşturur.

Yukarıdaki komut çalışmayı tamamladığında, terminalde aşağıdakine benzer sonuçlar alabilmelisiniz.

Yeni oluşturulan ci-app proje dizinine göz atmak için aşağıdaki komutu çalıştırın.

cd ci-app

Şimdi PHP yerleşik web sunucusunu başlatalım

 php -S localhost:3000

İŞTE,

  • Yukarıdaki komut, 3000 numaralı bağlantı noktasında çalışan yerleşik PHP sunucusunu başlatır.

Web tarayıcısını açın ve aşağıdaki URL'ye göz atın

http: // localhost: 3000 /

Aşağıdaki sayfayı alacaksınız

Yukarıdaki sayfayı görüyorsanız tebrikler, CodeIgniter'ı başarıyla yüklediniz.

Yukarıdaki web sayfasından okuyabileceğiniz gibi, yukarıda görüntülenen sayfa application / views / welcome_message.php içinde yer alan görünüm tarafından oluşturulur ve sorumlu kontrolör application / controllers / Welcome.php içinde bulunur.

CodeIgniter Yönlendirme

Şimdilik uygulamamızın ana sayfası olan tek bir URL'si var. Bu bölümde, ana bölümü özelleştireceğiz. Farklı isteklere yanıt verecek bazı yeni URL'ler oluşturacağız.

Ana sayfa rotasıyla başlayalım

Yol dosyasını aşağıdaki yolla gösterildiği gibi açın

application/config/routes.php
Aşağıdaki içeriği görebilmelisiniz 
$route['default_controller'] = 'welcome';$route['404_override'] = '';$route['translate_uri_dashes'] = FALSE;

İŞTE,

  • $ rota ['default_controller'] = 'hoş geldiniz'; URI isteklerine yanıt veren varsayılan denetleyiciyi tanımlar
  • $ rota ['404_override'] = ''; bu rota, 404 hataları için özel bir rota tanımlamanıza izin verir. Bir sayfa bulunamadığında 404 hatası oluşur. CodeIgniter, hata için varsayılan bir işleyiciye sahiptir, ancak isterseniz kendinizinkini tanımlayabilirsiniz.
  • $ rota ['translate_uri_dashes'] = YANLIŞ; bu seçenek, kısa çizgileri alt çizgilere çevirmenize olanak tanır. CodeIgniter'da rotaların nasıl çalıştığına baktığımızda bu seçenekten bahsedeceğiz.

Şimdi web tarayıcısında http: // localhost: 3000 / URL'sini açtığımızda gördüğümüz ana sayfayı görüntülemekten sorumlu denetleyici yöntemine bakalım.

Aşağıdaki dosyayı açın

application/controllers/Welcome.php

Aşağıdaki kodu görebilmelisiniz

load->view('welcome_message');}}

İŞTE,

  • Tanımlı ('BASEPATH') VEYA çıkış ('Doğrudan komut dosyası erişimine izin verilmez'); index.php dosyasından geçmeden denetleyici sınıfına doğrudan erişime karşı koruma sağlar. Unutmayın, MVC paradigmasında tüm isteklerin tek bir giriş noktası vardır ve CodeIgniter için index.php. Bu kod, index.php üzerinden gelmeyen tüm istekleri engeller.
  • sınıf Welcome, CI_Controller'ı genişletir {…}, CI_Controller üst sınıfını genişleten bir Welcome sınıfını tanımlar
  • public function index (), ana sayfayı açtığınızda varsayılan olarak çağrılan bir genel işlevi tanımlar
  • $ this-> load-> view ('welcome_message'); bu satır welcome_message görünümünü yükler. Welcome_message dosyası application / views / welcome_message.php dizininde bulunur.

Şimdiye kadar, yalnızca CodeIgniter ile kutudan çıkanları araştırdık, şimdi bazı değişiklikler yapmaya çalışalım. Ana sayfamızı oluşturacağız ve varsayılan sayfayı değiştireceğiz

Application / views / home.php'de yeni bir dosya oluşturun

Home.php'ye aşağıdaki kodu ekleyin

Hello CodeIgniter!



CodeIgniter Hello World

İŞTE,

Yukarıdaki HTML kodu Burma SSS çerçevesini yükler ve CDN ağından yazı tipi çok basit bir HTML belgesi oluşturur. Burma CSS çerçevesinden çok basit CSS kuralı uygular.

Tarayıcınızda aşağıdaki URL'yi açın

http: // localhost: 3000 /

Aşağıdakileri görebilmelisiniz

Harika, ana sayfayı az önce başarıyla değiştirdik. Devam edelim, rotamızı tanımlayalım. Diyelim ki uygulamamızın hakkımızda sayfasını da gösterebilmesi gerekiyor.

Rota Oluşturun

Yönlendirme dosyasını application / config.routes.php açın

Aşağıdaki rotayı ekleyin

$route['about-us'] = 'welcome/about_us';

İŞTE,

  • Bir ziyaretçi URL / hakkımızda adresini ziyaret ettiğinde, CodeIgniter'a Hoş Geldiniz denetleyicisini araması ve about_us yöntemini çalıştırması talimatını veriyoruz.

Bir Denetleyici Oluşturun

Şimdi bizim hakkımızda denetleyici yöntemini tanımlayalım

Açık uygulama / denetleyiciler / Welcome.php

Aşağıdaki yöntemi ekleyin

public function about_us(){$this->load->view('about_us');}

İŞTE,

  • Yukarıdaki kod, about_us işlevini tanımlar ve about_us hakkında bir görünüm yükler.

Görünüm Oluşturun

Şimdi, yukarıdaki bölümde az önce bahsettiğimiz görünümü oluşturalım.

Application / views / about_us.php içinde yeni bir dosya about_us.php oluşturun

Aşağıdaki kodu ekleyin

About CodeIgniter!



About us yap…

Gitmeye hazırız, web tarayıcınızda aşağıdaki URL'yi açın

http: // localhost: 3000 / index.php / hakkımızda-us

Aşağıdaki sayfayı göreceksiniz

Yukarıdaki sayfayı görebiliyorsanız tebrikler, CodeIgniter'da basit bir uygulamayı başarıyla oluşturdunuz.

Özet

Bu eğiticide, bir CodeIgniter uygulamasını oluşturan üç (3) ana bileşeni ele aldık. Rotalara ve bunların nasıl tanımlanacağına, denetleyicilere ve rota isteklerine yanıt veren yöntemlerin nasıl oluşturulacağına baktık ve bir kaynak talep ettiklerinde kullanıcılara geri dönen basit görünümler oluşturduk.