CodePutovi paljenja: URL Rutiranje s primjerom

Što su CodePutovi paljenja?

Rute su odgovorne za odgovaranje na URL zahtjevi. Usmjeravanje odgovara URL na unaprijed definirane rute. Ako se ne pronađe odgovarajuća ruta, CodeIgniter baca iznimku "stranica nije pronađena".

Rute u CodeUpaljač se definira pomoću sljedeće formule:

example.com/Controller/Method/Parameter/

Ovdje:

• Kontroler je mapiran na naziv kontrolera koji bi trebao odgovoriti na URL.
• Metoda je mapirana na metodu u kontroleru koja bi trebala odgovoriti na URI zahtjev.
• Parametar – ovaj odjeljak nije obavezan.

CodePrimjer ruta paljenja

Pogledajmo sada praktični primjer URL usmjeravanje u Codeupaljač primjer. Razmotrite sljedeće URL: http://localhost:3000/contacts/edit/1

Ovdje:

• Ime kontrolora koji odgovara na gore navedeno URL su „kontakti“.
• Metoda u klasi kontrolera Contacts je "edit" (uredi).
• Metoda uređivanja prihvaća parametar. U našem primjeru, metodi se prosljeđuje vrijednost "1".

Evo kratke pozadine onoga što planiramo učiniti:

• Usmjeravanje – usmjeravanje odgovara na URL zahtjevi. CodeUsmjeravanje upaljača odgovara URL na unaprijed definirane rute. Ako se ne pronađe odgovarajuća ruta, CodeIgniter baca iznimku "stranica nije pronađena".
• Kontroleri – rute su povezane s kontrolerima. Kontroleri povezuju modele i prikaze. Oni zahtijevaju podatke i poslovnu logiku od modela i vraćaju rezultate putem prezentacije prikaza. Nakon URL je usklađen s rutom, prosljeđuje se javnoj funkciji kontrolera koja komunicira s izvorom podataka i poslovnom logikom te vraća prikaz.
• Posjeta – pogledi su odgovorni za prezentaciju. Pogled je obično kombinacija HTML-a, CSS-a i JavaScriptOvaj dio je odgovoran za prikaz web stranice korisniku. Prikazani podaci obično se dohvaćaju iz baze podataka ili drugog izvora podataka.

Kako bismo naučili kako implementirati rute u stvarnom projektu, pretpostavljamo da izrađujemo aplikaciju za upravljanje kontaktnim podacima. Sljedeća tablica prikazuje URLs kojima ćemo raditi.

Rute naše aplikacije kreirat ćemo na temelju gornje tablice. Definirali smo URLs, the CodeRutu Ignitera i mapirala ih na odgovarajuće nazive kontrolera i metoda.

Stvaranje URL Usmjeravanje za aplikaciju

Stvorimo Codeupaljač URL usmjeravanje za naš tutorijal. Otvorite application/config/routes.php i izmijenite rute kako bi odgovarale sljedećem:

$route['default_controller'] = 'welcome';
$route['contacts'] = 'contacts';
$route['create'] = 'contacts/create';
$route['edit/:id'] = 'contacts/edit';
$route['update/:id'] = 'contacts/update';
$route['delete/:id'] = 'contacts/delete';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

Ovdje:

• $route['default_controller'] = 'dobrodošli'; definira zadani kontroler Welcome.
• $route['contacts'] = 'contacts'; definira rutu kontakata koja poziva metodu index u kontroleru kontakata.
• $route['create'] = 'contacts/create'; definira metodu create rute koja pokazuje na kontroler kontakata i poziva metodu create.
• $route['edit/:id'] = 'contacts/edit'; definira uređivanje rute koje prihvaća parametar id i pokazuje na metodu uređivanja kontrolera kontakata.
• $route['update/:id'] = 'contacts/update'; definira ažuriranje rute koje prihvaća parametar id i pokazuje na metodu ažuriranja klase Contacts.
• $route['delete/:id'] = 'contacts/delete'; definira rutu za brisanje koja prihvaća parametar id i pokazuje na metodu brisanja kontrolera kontakata.

Sljedeća tablica prikazuje odgovarajuće URLizvedene iz gore definiranih ruta:

Sada kada smo obradili rute, kreirajmo kontroler kontakata koji će odgovarati na radnje navedene u rutama. Izradite novu datoteku Contacts.php u application/controllers/Contacts.php i dodajte sljedeći kod:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Contacts extends CI_Controller {

public function __construct() {
parent::__construct();
$this->load->helper('url');
}

public function index() {
$this->load->view('header');
$this->load->view('contacts/index');
$this->load->view('footer');
}

public function create() {
$this->load->view('header');
$this->load->view('contacts/create');
$this->load->view('footer');
}

public function edit($id) {
$this->load->view('header');
$this->load->view('contacts/edit');
$this->load->view('footer');
}

public function update($id) {
$this->load->view('header');
$this->load->view('contacts/update');
$this->load->view('footer');
}

public function delete($id) {
$this->load->view('header');
$this->load->view('contacts/delete');
$this->load->view('footer');
}
}

Ovdje:

• class Contacts extends CI_Controller {…} definira našu klasu kontrolera i proširuje klasu CI_Controller koja dolazi s CodeUpaljač.
• Metode definirane gore odgovaraju rutama koje smo definirali, a one s parametrima poput delete prihvaćaju parametar $id.
• Primijetite da funkcije učitavaju tri prikaza. Zaglavlje i podnožje zajednički su za sve metode. Srednji prikaz specifičan je za radnju, tj. delete za funkciju brisanja i create za funkciju stvaranja. Još jedna važna stvar koju treba zapamtiti je da se prikazi učitavaju iz poddirektorija kontakata.

CodePogledi zapaljivača

Još nam je potreban jedan korak prije nego što možemo testirati naše CodeRute paljenja s parametrima u web pregledniku. Izradimo prikaze koji odgovaraju gore navedenim metodama kontrolera. Sljedeća slika prikazuje kako će aplikacija izgledati:

U application/views kreirajte sljedeće datoteke:

header.php – this file will contain the contacts app menu and the header
footer.php – this file will contain the application footer

Napravite novi direktorij kontakata unutar aplikacije/pogledi (application/views/contacts) i unutar njega stvorite sljedeće datoteke:

index.php
create.php
edit.php

Struktura vaše datoteke trebala bi biti sljedeća:

Sada ažurirajmo datoteku header.php:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CodeIgniter Routes</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>
<body>
<section class="section">
<div class="container">
<h1 class="title">CI Contacts v1</h1>
<h2 class="subtitle">CodeIgniter contacts management app</h2>
<div class="columns">
<div class="column is-one-quarter">
<aside class="menu">
<p class="menu-label">
General
</p>
<ul class="menu-list">
<li><a class="is-active" href="#">Dashboard</a></li>
<li><a href="<?=site_url('contacts/create')?>">New Contact</a></li>
<li><a href="<?=site_url('contacts/edit/1')?>">Edit Contacts</a></li>
</ul>
<p class="menu-label">
Settings
</p>
<ul class="menu-list">
<li><a href="#">SMS</a></li>
<li><a href="#">Email</a></li>
</ul>
</aside>
</div>

Ovdje:

• Gornji HTML kod učitava Bulma CSS s CDN-a.

Slijedeći je kod za datoteku footer.php:

</div>
</div>
</section>
</body>
</html>

Dodajmo sada kod za datoteke index.php, edit.php i create.php za kontakte:

index.php
<div class="column">Index content goes here...</div>
edit.php
<div class="column">Edit content goes here...</div>
create.php
<div class="column">Create content goes here...</div>

Možete spremiti sve napravljene promjene. Otvorite sljedeće URL u vašem web pregledniku: http://localhost:3000/contacts/Možete kliknuti na poveznice Novi kontakt i Uredi kontakt i vidjeti što se događa.

Pitanja i odgovori