CodeZündrouten: URL Routing mit Beispiel

Was sind CodeZündrouten?

Die Routen sind für die Beantwortung von Anfragen zuständig. URL Anfragen. Das Routing entspricht den Anfragen. URL zu den vordefinierten Routen. Falls keine passende Route gefunden wird, CodeIgniter löst eine „Seite nicht gefunden“-Ausnahme aus.

Routen in CodeZünder werden anhand der folgenden Formel definiert:

example.com/Controller/Method/Parameter/

Hier:

• Der Controller wird dem Controllernamen zugeordnet, der auf die Anfrage antworten soll. URL.
• Die Methode wird derjenigen Methode im Controller zugeordnet, die auf die URI-Anfrage antworten soll.
• Parameter – dieser Abschnitt ist optional.

CodeBeispiel für Zündrouten

Betrachten wir nun ein praktisches URL Routing in CodeZünder Beispiel. Betrachten Sie Folgendes: URL: http://localhost:3000/contacts/edit/1

Hier:

• Name des Verantwortlichen, der auf die obige Anfrage antwortet URL ist „Kontakte“.
• Die Methode in der Controller-Klasse Contacts heißt „edit“.
• Die Methode `edit` akzeptiert einen Parameter. In unserem Beispiel wird der Wert „1“ an die Methode übergeben.

Hier ist ein kurzer Hintergrund unserer geplanten Maßnahmen:

• Routing – Routing reagiert auf URL Anfragen. CodeDie Zünderführung entspricht der URL zu den vordefinierten Routen. Falls keine passende Route gefunden wird, CodeIgniter löst eine „Seite nicht gefunden“-Ausnahme aus.
• Regler Routen sind mit Controllern verknüpft. Controller verbinden Modelle und Ansichten. Sie fordern Daten und Geschäftslogik vom Modell an und geben die Ergebnisse über die Darstellung der Ansicht zurück. Sobald ein URL Wenn eine Anfrage einer Route zugeordnet wurde, wird sie an eine öffentliche Controller-Funktion weitergeleitet, die mit der Datenquelle und der Geschäftslogik interagiert und die Ansicht zurückgibt.
• Aufrufe – Ansichten sind für die Darstellung zuständig. Eine Ansicht ist in der Regel eine Kombination aus HTML, CSS und JavaSkriptDieser Teil ist für die Anzeige der Webseite für den Benutzer zuständig. Typischerweise werden die angezeigten Daten aus der Datenbank oder einer anderen Datenquelle abgerufen.

Um zu lernen, wie man Routen in einem realen Projekt implementiert, gehen wir davon aus, dass wir eine Anwendung zur Verwaltung von Kontaktdaten erstellen. Die folgende Tabelle zeigt die URLmit denen wir zusammenarbeiten werden.

Wir werden die Routen unserer Anwendung anhand der obigen Tabelle erstellen. Wir haben die URLs, die CodeIgniter-Route und ordnete sie den jeweiligen Controller- und Methodennamen zu.

Bessere URL Routing für die Anwendung

Lasst uns erschaffen CodeZünder URL Routing für unser Tutorial-Projekt. Öffnen Sie application/config/routes.php und ändern Sie die Routen wie folgt:

$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;

Hier:

• $route['default_controller'] = 'willkommen'; Definiert den Standard-Controller Willkommen.
• $route['contacts'] = 'contacts'; definiert eine Kontaktroute, die die Indexmethode im Kontaktcontroller aufruft.
• $route['create'] = 'contacts/create'; definiert eine Route create, die auf den Contacts-Controller verweist und die Methode create aufruft.
• $route['edit/:id'] = 'contacts/edit'; definiert eine Route edit, die einen Parameter id akzeptiert und auf die edit-Methode des Contacts-Controllers verweist.
• $route['update/:id'] = 'contacts/update'; definiert eine Routenaktualisierung, die einen Parameter vom Typ id akzeptiert und auf die Aktualisierungsmethode der Klasse Contacts verweist.
• $route['delete/:id'] = 'contacts/delete'; definiert eine Route delete, die einen Parameter id akzeptiert und auf die delete-Methode des Contacts-Controllers verweist.

Die folgende Tabelle zeigt die jeweiligen URLs abgeleitet von den oben definierten Routen:

Nachdem wir die Routen behandelt haben, erstellen wir nun den Contacts-Controller, der auf die in den Routen festgelegten Aktionen reagiert. Erstellen Sie eine neue Datei namens Contacts.php im Verzeichnis application/controllers/Contacts.php und fügen Sie folgenden Code hinzu:

<?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');
}
}

Hier:

• Die Klasse `Contacts` erweitert `CI_Controller` {…}` und definiert unsere Controller-Klasse. Sie erweitert die mitgelieferte Klasse `CI_Controller`. CodeZünder.
• Die oben definierten Methoden entsprechen den von uns definierten Routen, und diejenigen mit Parametern wie delete akzeptieren einen Parameter vom Typ $id.
• Beachten Sie, dass die Funktionen drei Ansichten laden. Kopf- und Fußzeile sind für alle Methoden gleich. Die mittlere Ansicht ist aktionsspezifisch, z. B. „Löschen“ für die Löschfunktion und „Erstellen“ für die Erstellungsfunktion. Wichtig ist außerdem, dass die Ansichten aus dem Unterverzeichnis „Kontakte“ geladen werden.

CodeIgniter Views

Wir benötigen noch einen weiteren Schritt, bevor wir unsere testen können. CodeIgniter-Routen mit Parametern im Webbrowser. Erstellen wir nun die Ansichten, die den oben genannten Controller-Methoden entsprechen. Die folgende Abbildung zeigt, wie die Anwendung aussehen wird:

Erstellen Sie die folgenden Dateien im Verzeichnis application/views:

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

Erstellen Sie im Verzeichnis application/views (application/views/contacts) ein neues Verzeichnis namens contacts und erstellen Sie darin die folgenden Dateien:

index.php
create.php
edit.php

Ihre Dateistruktur sollte wie folgt aussehen:

Aktualisieren wir nun die Datei 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>

Hier:

• Der obige HTML-Code lädt Bulma CSS von einem CDN.

Nachfolgend der Code für die Datei footer.php:

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

Fügen wir nun den Code für die Dateien index.php, edit.php und create.php für Kontakte hinzu:

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>

Sie können alle vorgenommenen Änderungen speichern. Öffnen Sie dazu Folgendes: URL in Ihrem Webbrowser: http://localhost:3000/contacts/Sie können auf die Links „Neuer Kontakt“ und „Kontakt bearbeiten“ klicken und sehen, was passiert.

Häufig gestellte Fragen