CodeIgniter MVC (Model View Controller) -kehysesimerkki

Mikä on MVC?

MVC on lyhenne sanoista Model-View-Controller. Se on arkkitehtuurimalli, joka jakaa sovelluksen kolmeen pääkomponenttiin:

1. Malli käsittelee liiketoimintalogiikkaa ja tietokantavuorovaikutuksia.
2. Ohjain koordinoi mallin ja näkymän välisiä toimintoja.
3. Näkymä vastaa datan esittämisestä.

Seuraavassa on joitakin MVC-arkkitehtuurimallin etuja:

• Löyhä kytkentä – komponentit ovat olemassa ja toimivat toisistaan ​​riippumatta.
• Joustavuus – voit helposti tehdä muutoksia yksittäisiin komponentteihin.
• Lisääntynyt tuottavuus – useampi kuin yksi henkilö voi työskennellä projektin parissa samanaikaisesti. Front-end-kehittäjät voivat työskennellä näkymien ja esitysten parissa, kun taas back-end-kehittäjät keskittyvät malleihin, ja koska järjestelmä on löyhästi kytketty, kaikki toimivat lopulta yhdessä.

Malli

Malli vastaa vuorovaikutuksesta tietolähteiden kanssa. Tämä on yleensä tietokanta, mutta se voi olla myös palvelu, joka tarjoaa pyydetyt tiedot. On myös yleistä käytäntöä pitää liiketoimintalogiikka malleissa eikä ohjaimessa. Tätä käytäntöä kutsutaan yleensä "paksuksi malliksi, ohueksi ohjaimeksi".

Malli yleensä kirjoittaa tietoja tietokantaan ja tarjoaa mekanismin tietojen muokkaamiseen, päivittämiseen ja poistamiseen. Nykyaikaisissa verkkosovelluksissa mallit käyttävät tiedonsaantisuunnittelumalleja, kuten Active Recordia, helpottaakseen tietokannan kanssa vuorovaikuttamista.

Esimerkiksi CodeIgniter käyttää mallien apuna sisäänrakennettua Active Record -kirjastoa, kun taas muut kehykset, kuten Laravel, käyttävät Eloquent Object Relational Mapper (ORM) -työkalua datan käyttöön.

ohjain

Ohjain kuuntelee käyttäjien saapuvia resurssipyyntöjä. Se toimii välittäjänä mallin ja näkymän välillä ja toteuttaa toisinaan myös joitakin liiketoimintasääntöjä. Oletetaan, että ohjain vastaanottaa pyynnön rekisteröidä käyttäjä tietokantaan.

Rekisterinpitäjä voi suorittaa lähetettyjen tietojen validoinnin varmistaakseen, että kaikki vaaditut parametrit ovat olemassa. Jos jokin puuttuu, käyttäjä ohjataan rekisteröintisivulle ja näytetään asianmukainen virheilmoitus. Rekisterinpitäjä voi myös pyytää mallia suorittamaan lisävalidointia, kuten tarkistamaan, onko lähetetty sähköpostiosoite jo olemassa. Jos kaikki validointisäännöt läpäisevät, rekisterinpitäjä lähettää tiedot mallille käsiteltäväksi ja odottaa vastausta.

Kun malli on käsitellyt tiedot ja palauttanut positiivisen vastauksen, ohjain lataa sopivan näkymän ja välittää mallista palautetun tiedon parametrina.

Näytä

Näkymä käsittelee loppukäyttäjälle esitettyä dataa. Verkkosovelluksissa näkymät sisältävät usein HTML:n, CSS:n ja valinnaisesti JavaKäsikirjoitusNäkymät sisältävät minimaalisesti ohjelmointikoodia, yleensä vain sen verran, että ne voivat käydä läpi mallista vastaanotettujen datakokoelmien, tai apufunktion datan puhdistamiseen tai muokkauslinkkien luomiseen. Useimmat nykyaikaiset verkkosovellukset käyttävät mallinnusmoottoreita, joilla on oma pseudokoodin kaltainen syntaksi, jonka suunnittelijat ymmärtävät. Kun työskentelet CodeIgniterissä on yleistä käyttää lyhyitä PHP-tageja ja -ohjausrakenteita. Näyttääksesi jotain CodeIgniter, voisit käyttää seuraavaa koodia:

<?=$title?>

Toisin kuin:

<?php
echo $title;
?>

Ohjausrakenteet kirjoitetaan yleensä seuraavasti:

<?php foreach ($customers as $customer): ?>
<li>
<p><?=$customer->first_name?></p>
</li>
<?php endforeach; ?>

Kuten yllä olevasta esimerkistä näet, näkymä käyttää yhdistelmää seuraavista: PHP ja HTML sen sijaan, että suljettaisiin kaikki puhtaaseen PHP-koodiin.

Miten MVC-kehykset toimivat

Seuraava kuva havainnollistaa MVC-kehyksen toimintaa.

Ohjain vastaanottaa käyttäjältä pyynnön, on tarvittaessa vuorovaikutuksessa tietokantamallin kanssa ja palauttaa sitten tuloksen selaimelle HTML-koodina, jonka selain tulkitsee ihmisen luettavaan muotoon ja näyttää käyttäjälle.

CodeSytyttimen ohjain

Tarkastellaanpa nyt, mitä tapahtui, kun latasimme URL verkkoselaimeen. Avaa Welcome.php-tiedosto controller, joka sijaitsee kansiossa application/controllers. Sinun pitäisi nähdä seuraava koodi:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Welcome extends CI_Controller {
public function index()
{
$this->load->view('welcome_message');
}
}

Tässä:

• defined('BASEPATH') TAI exit('Suoraa komentosarjojen käyttöä ei sallita'); estää suoran pääsyn ohjaimeen, jos pyyntö ei tullut index.php-tiedoston kautta. Tämä on turvallisuussyistä.
• luokka Welcome laajentaa CI_Controller-luokkaa {…} määrittelee Welcome-ohjainluokan ja laajentaa pääluokkaa CI_Controller.
• public function index(){…} määrittää indeksointimetodin, joka vastaa URL http://localhost:3000.
• $this->load->view('welcome_message'); lataa welcome_message-näkymän, joka sijaitsee application/views-hakemistossa.

Päivitämme nyt indeksimenetelmää seuraavasti:

public function index()
{
$this->load->model('customers_model');
$data['customer'] = $this->customers_model->get_customer(3);
$this->load->view('welcome_message',$data);
}

Tässä:

• $this->load->model('customers_model'); lataa asiakkaan mallin.
• $data['customer'] = $this->customers_model->get_customer(3); kutsuu customers_model-luokan get_customer-metodia ja välittää parametrin 3. Tässä esimerkissä olemme koodaaneet arvon kiinteästi, mutta todellisissa sovelluksissa tämä olisi URI:n parametri.
• $this->load->view('welcome_message',$data); lataa welcome_message-näkymän ja välittää $data-muuttujan.

CodeSytyttimen malli

Luodaan nyt yllä olevassa koodissa viitattu malli. Yksinkertaisuuden vuoksi mallimme ei ole vuorovaikutuksessa tietokanta mutta palauttaa staattisen asiakastietueen. Työskentelemme tietokantojen kanssa seuraavissa tutoriaaleissa. Luo tiedosto Customers_model.php hakemistoon application/models ja lisää siihen seuraava koodi:

<?php
class Customers_model extends CI_Model {
public function get_customer($id) {
$data['id'] = 3;
$data['first_name'] = 'John';
$data['last_name'] = 'Doe';
$data['address'] = 'Kingstone';
return $data;
}
}

Tässä:

• luokka Asiakkaat_malli laajentaa CI_malli {…} määrittää mallin Customers_model, joka laajentaa CI_mallia.
• public function get_customer($id) {…} määrittää get_customer-metodin asiakastunnuksen perusteella.
• $data[…] määrittää kuvitteellisen asiakkaamme staattiset arvot. Tämän tulisi olla tietokannasta palautettu rivi.
• palauttaa $data; palauttaa asiakastiedot.

Siinä kaikki mallimme osalta. Muokataan nyt welcome_message-näkymää. Avaa welcome_message.php, joka sijaitsee kohdassa:

application/views/welcome_message.php

Korvaa koodi seuraavalla:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CodeIgniter MVC Basics</title>
</head>
<body>
<h1>Customer Details Card</h1>
<p>Customer ID : <strong><?=$customer['id']?></strong></p>
<p>First Name : <strong><?=$customer['first_name']?></strong></p>
<p>Last Name : <strong><?=$customer['last_name']?></strong></p>
<p>Address : <strong><?=$customer['address']?></strong></p>
</body>
</html>

Tallenna muutokset ja lataa seuraavat URL verkkoselaimessa: http://localhost:3000/Sinun pitäisi nähdä asiakaskortti alla olevan kuvan mukaisesti.

UKK