Upravljači CodeIgniter, usmjeravanje pogleda: naučite s primjerom aplikacije

Sadržaj:

Anonim

U ovom vodiču naučit ćete sljedeće teme.

  • Usmjeravanje - usmjeravanje je odgovorno za odgovaranje na zahtjeve za URL-om. Usmjeravanje podudara URL s unaprijed definiranim rutama. Ako tada nije pronađeno podudaranje rute, CodeIgniter baca stranicu koja nije pronađena izuzetak.
  • Kontroleri - rute su povezane s kontrolerima. Kontroleri lijepe modele i poglede. Zahtjev za podacima / poslovnom logikom iz modela i vraćanje rezultata u prezentaciji prikaza. Jednom kada se URL podudara s rutom, on se prosljeđuje javnoj funkciji kontrolera. Ova funkcija komunicira s izvorom podataka, poslovnom logikom i vraća prikaz koji prikazuje rezultate.
  • Pogledi - pogledi su odgovorni za prezentaciju. Pogled je obično kombinacija HTML-a, CSS-a i JavaScript-a. Ovaj je dio odgovoran za prikazivanje web stranice korisniku. Prikazani podaci obično se preuzimaju iz baze podataka ili bilo kojeg drugog dostupnog izvora podataka.

U ovom vodiču naučit ćete-

  • Kako stvoriti novi CodeIgniter projekt
  • Usmjeravanje CodeIgniter
  • Stvorite rutu
  • Stvorite kontroler
  • Stvorite pogled

Kako stvoriti novi CodeIgniter projekt

Kompozitor ćemo koristiti za stvaranje novog projekta. Koristit ću ugrađeni PHP poslužitelj, pa nije potrebno imati dodatni softver kao što je Apache. U ovom uputstvu koristimo operativni sustav Windows. Stoga smo stvorili mapu Sites na pogonu C. Možete koristiti bilo koji direktorij koji vam odgovara.

Otvorite naredbeni redak / terminal i pokrenite sljedeću naredbu

cd C:\Sites

Sada ćemo stvoriti projekt CodeIgniter koristeći Composer. Pokrenite sljedeću naredbu

composer create-project CodeIgniter/framework ci-app

OVDJE,

  • Gornja naredba stvara novu verziju projekta CodeIgniter pomoću najnovijeg stabilnog izdanja, tj. 3.1.9, u direktorij ci-app.

Kada se gornja naredba dovrši, u terminalu biste trebali dobiti rezultate slične sljedećim

Pokrenite sljedeću naredbu za pregledavanje novostvorenog direktorija projekta ci-app

cd ci-app

Pokrenimo sada PHP ugrađeni web poslužitelj

 php -S localhost:3000

OVDJE,

  • Gornja naredba pokreće ugrađeni PHP poslužitelj koji radi na portu 3000.

Otvorite web preglednik i pregledajte sljedeći URL

http: // localhost: 3000 /

Dobit ćete sljedeću stranicu

Ako vidite gornju stranicu, onda vam čestitamo, uspješno ste instalirali CodeIgniter.

Kao što možete pročitati sa gornje web stranice, gore prikazana stranica prikazuje se prikazom koji se nalazi u application / views / welcome_message.php, a odgovorni kontrolor nalazi se u application / controllers / Welcome.php

Usmjeravanje CodeIgniter

Za sada naša aplikacija ima samo jedan URL koji je početna stranica. U ovom ćemo odjeljku prilagoditi početni odjeljak. Stvorit ćemo neke nove URL-ove koji će odgovoriti na različite zahtjeve.

Počnimo s rutom početne stranice

Otvorite datoteku ruta kako je naznačeno donjom stazom

application/config/routes.php
Morali biste vidjeti sljedeći sadržaj 
$route['default_controller'] = 'welcome';$route['404_override'] = '';$route['translate_uri_dashes'] = FALSE;

OVDJE,

  • $ route ['default_controller'] = 'dobrodošao'; definira zadani kontroler koji odgovara na URI zahtjeve
  • $ route ['404_override'] = ''; ova ruta omogućuje vam definiranje prilagođene rute za 404 pogreške. Do pogreške 404 dolazi kada stranica nije pronađena. CodeIgniter ima zadani obrađivač pogreške, no ako želite, možete definirati vlastiti.
  • $ route ['translate_uri_dashes'] = NETOČNO; ova vam opcija omogućuje prevođenje crtica u donje crte. O ovoj ćemo opciji razgovarati kada pogledamo kako rute rade u CodeIgniteru.

Pogledajmo sada metodu kontrolera odgovornu za prikaz početne stranice koju smo vidjeli kad smo otvorili URL http: // localhost: 3000 / u web pregledniku

Otvorite sljedeću datoteku

application/controllers/Welcome.php

Morali biste vidjeti sljedeći kod

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

OVDJE,

  • Definirano ('BASEPATH') ILI izlaz ('Nije dopušten izravni pristup skripti'); štiti od izravnog pristupa klasi kontrolera bez prolaska kroz datoteku index.php. Zapamtite, u MVC paradigmi svi zahtjevi imaju jednu ulaznu točku, a za CodeIgniter njegov index.php. Ovaj kôd blokira sve zahtjeve koji ne dolaze putem index.php
  • razred dobrodošlice proširuje CI_Controller {…} definira razred dobrodošlice koji proširuje nadređenu klasu CI_Controller
  • indeks javne funkcije () definira javnu funkciju koja se poziva prema zadanim postavkama kada otvorite početnu stranicu
  • $ this-> load-> view ('welcome_message'); ovaj redak učitava pogled welcome_message. Datoteka welcome_message nalazi se u direktoriju application / views / welcome_message.php

Do sada smo istražili samo ono što dolazi s kutijom s CodeIgniterom, pokušajmo sada napraviti neke promjene. Stvorit ćemo našu početnu stranicu i zamijeniti zadanu stranicu

Stvorite novu datoteku u application / views / home.php

Dodajte sljedeći kod na home.php

Hello CodeIgniter!



CodeIgniter Hello World

OVDJE,

Gornji HTML kôd učitava burmanski SSS okvir i font s CDN mreže stvara vrlo osnovni HTML dokument. Primjenjuje vrlo jednostavno CSS pravilo iz burmanskog CSS okvira.

Otvorite sljedeći URL u svom pregledniku

http: // localhost: 3000 /

Morali biste vidjeti sljedeće

Izvrsno, upravo smo uspješno izmijenili početnu stranicu. Krenimo dalje, definirajmo našu rutu. Pretpostavimo da naša aplikacija također mora biti u mogućnosti prikazati stranicu o nama.

Stvorite rutu

Otvorite datoteku ruta application / config.routes.php

Dodajte sljedeću rutu

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

OVDJE,

  • Kada posjetitelj posjeti URL / o-nama, mi upućujemo CodeIgniter da potraži dobrodošlicu kontrolera i izvrši metodu about_us.

Stvorite kontroler

Definirajmo sada metodu kontrolera o nama

Otvorite aplikaciju / kontrolere / Welcome.php

Dodajte sljedeću metodu

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

OVDJE,

  • Gornji kod definira funkciju about_us i učitava pogled about_us.

Stvorite pogled

Stvorimo sada pogled na koji smo upravo naveli u gornjem odjeljku

Stvorite novu datoteku about_us.php u aplikaciji / views / about_us.php

Dodajte sljedeći kod

About CodeIgniter!



About us yap…

Dobro je krenuti, otvorite sljedeći URL u svom web pregledniku

http: // localhost: 3000 / index.php / about-us

Vidjet ćete sljedeću stranicu

Ako ste u mogućnosti vidjeti gornju stranicu, onda vam čestitamo, uspješno ste stvorili jednostavnu aplikaciju u CodeIgniteru.

Sažetak

U ovom smo tutorijalu pokrili tri (3) glavne komponente koje čine aplikaciju CodeIgniter. Pogledali smo rute i kako ih definirati, kontrolere i kako stvoriti metode koje odgovaraju na zahtjeve za rute i stvorili jednostavne poglede koji se vraćaju korisnicima kada zatraže resurs.