Pengontrol CodeIgniter, Perutean Tampilan: Belajar dengan Aplikasi Contoh

Daftar Isi:

Anonim

Dalam tutorial ini, Anda akan mempelajari topik-topik berikut.

  • Perutean - perutean bertanggung jawab untuk menanggapi permintaan URL. Perutean mencocokkan URL ke rute yang telah ditentukan sebelumnya. Jika tidak ada rute yang cocok, CodeIgniter akan melempar halaman yang tidak ditemukan pengecualian.
  • Pengontrol - rute ditautkan ke pengontrol. Pengontrol merekatkan model dan tampilan menjadi satu. Permintaan data / logika bisnis dari model dan mengembalikan hasil dalam penyajian tampilan. Setelah URL dicocokkan dengan rute, itu diteruskan ke fungsi publik pengontrol. Fungsi ini berinteraksi dengan sumber data, logika bisnis dan mengembalikan tampilan yang menampilkan hasil.
  • Views - views bertanggung jawab atas presentasi. Tampilan biasanya merupakan kombinasi dari HTML, CSS, dan JavaScript. Ini adalah bagian yang bertanggung jawab untuk menampilkan halaman web kepada pengguna. Biasanya, data yang ditampilkan biasanya diambil dari database atau sumber data lain yang tersedia.

Dalam tutorial ini, Anda akan belajar-

  • Cara membuat proyek CodeIgniter baru
  • Perutean CodeIgniter
  • Buat Rute
  • Buat Pengontrol
  • Buat Tampilan

Cara membuat proyek CodeIgniter baru

Kami akan menggunakan Komposer untuk membuat proyek baru. Saya akan menggunakan server bawaan PHP, jadi tidak perlu memiliki perangkat lunak tambahan seperti Apache. Dalam tutorial ini, kami menggunakan sistem operasi Windows. Oleh karena itu, kami telah membuat folder Sites pada drive C. Anda dapat menggunakan direktori manapun yang sesuai untuk Anda.

Buka baris perintah / terminal dan jalankan perintah berikut

cd C:\Sites

Kami sekarang akan membuat proyek CodeIgniter menggunakan Composer. Jalankan perintah berikut

composer create-project CodeIgniter/framework ci-app

SINI,

  • Perintah di atas membuat proyek CodeIgniter baru versi 3 menggunakan rilis stabil terbaru yaitu 3.1.9 ke dalam direktori ci-app.

Ketika perintah di atas telah selesai dijalankan, Anda seharusnya bisa mendapatkan hasil yang serupa dengan yang berikut di terminal

Jalankan perintah berikut untuk menjelajahi direktori proyek yang baru dibuat ci-app

cd ci-app

Sekarang mari kita mulai server web bawaan PHP

 php -S localhost:3000

SINI,

  • Perintah di atas memulai server PHP built-in yang berjalan pada port 3000.

Buka browser web dan telusuri URL berikut

http: // localhost: 3000 /

Anda akan mendapatkan halaman berikut

Jika kalian bisa melihat halaman diatas maka selamat kalian telah berhasil menginstall CodeIgniter.

Seperti yang dapat Anda baca dari halaman web di atas, halaman yang ditampilkan di atas dirender oleh tampilan yang terletak di application / views / welcome_message.php dan pengontrol yang bertanggung jawab terletak di application / controllers / Welcome.php

Perutean CodeIgniter

Untuk saat ini, aplikasi kita hanya memiliki satu URL yaitu home page. Di bagian ini, kami akan menyesuaikan bagian beranda. Kami akan membuat beberapa URL baru yang akan menanggapi permintaan yang berbeda.

Mari kita mulai dengan rute halaman beranda

Buka file rute seperti yang ditunjukkan oleh jalur di bawah ini

application/config/routes.php
Anda harus dapat melihat konten berikut 
$route['default_controller'] = 'welcome';$route['404_override'] = '';$route['translate_uri_dashes'] = FALSE;

SINI,

  • $ route ['default_controller'] = 'welcome'; mendefinisikan pengontrol default yang merespons permintaan URI
  • $ rute ['404_override'] = ''; rute ini memungkinkan Anda menentukan rute kustom untuk kesalahan 404. Kesalahan 404 terjadi ketika halaman tidak ditemukan. CodeIgniter memiliki penangan default untuk kesalahan tersebut, tetapi Anda dapat menentukannya sendiri jika diinginkan.
  • $ route ['translate_uri_dashes'] = SALAH; opsi ini memungkinkan Anda menerjemahkan tanda hubung ke garis bawah. Kita akan membicarakan opsi ini ketika kita melihat bagaimana rute bekerja di CodeIgniter.

Sekarang mari kita lihat metode pengontrol yang bertanggung jawab untuk menampilkan halaman beranda yang kita lihat ketika kita membuka URL http: // localhost: 3000 / di browser web

Buka file berikut

application/controllers/Welcome.php

Anda harus dapat melihat kode berikut

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

SINI,

  • Didefinisikan ('BASEPATH') ATAU keluar ('Tidak ada akses skrip langsung yang diizinkan'); melindungi agar tidak mengakses kelas pengontrol secara langsung tanpa melalui file index.php. Ingat, dalam paradigma MVC semua permintaan memiliki satu titik masuk, dan untuk CodeIgniter, index.php-nya. Kode ini memblokir semua permintaan yang tidak datang melalui index.php
  • class Welcome extends CI_Controller {…} mendefinisikan kelas Selamat datang yang memperluas kelas induk CI_Controller
  • public function index () mendefinisikan fungsi publik yang dipanggil secara default saat Anda membuka beranda
  • $ this-> load-> view ('welcome_message'); baris ini memuat tampilan welcome_message. File welcome_message terletak di direktori application / views / welcome_message.php

Sejauh ini, kita hanya menjelajahi apa yang keluar dari kotak dengan CodeIgniter, sekarang mari kita coba membuat beberapa perubahan. Kami akan membuat halaman rumah kami dan mengganti halaman default

Buat file baru di application / views / home.php

Tambahkan kode berikut ke home.php

Hello CodeIgniter!



CodeIgniter Hello World

SINI,

Kode HTML di atas memuat kerangka kerja SSS Burma dan font dari jaringan CDN membuat dokumen HTML yang sangat dasar. Ini menerapkan aturan CSS yang sangat sederhana dari kerangka CSS Burma.

Buka URL berikut di browser Anda

http: // localhost: 3000 /

Anda harus bisa melihat yang berikut ini

Bagus, kami baru saja berhasil mengubah halaman muka. Selanjutnya, mari kita tentukan rute kita. Anggaplah aplikasi kita juga harus bisa menampilkan halaman tentang kita.

Buat Rute

Buka aplikasi file rute / config.routes.php

Tambahkan rute berikut

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

SINI,

  • Saat pengunjung mengunjungi URL / about-us, kami menginstruksikan CodeIgniter untuk mencari pengontrol Selamat datang dan menjalankan metode about_us.

Buat Pengontrol

Sekarang mari kita tentukan metode pengontrol tentang kita

Buka application / controllers / Welcome.php

Tambahkan metode berikut

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

SINI,

  • Kode di atas mendefinisikan fungsi about_us dan memuat view about_us.

Buat Tampilan

Sekarang mari buat tampilan yang baru saja kita referensikan di bagian atas

Buat file baru about_us.php di application / views / about_us.php

Tambahkan kode berikut

About CodeIgniter!



About us yap…

Kami siap melakukannya, buka URL berikut di browser web Anda

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

Anda akan melihat halaman berikut

Jika Anda bisa melihat halaman diatas maka selamat, Anda telah berhasil membuat aplikasi sederhana di CodeIgniter.

Ringkasan

Dalam tutorial ini, kami membahas tiga (3) komponen utama yang membentuk aplikasi CodeIgniter. Kami melihat rute dan cara mendefinisikannya, pengontrol, dan cara membuat metode yang merespons permintaan rute dan membuat tampilan sederhana yang dikembalikan ke pengguna saat mereka meminta sumber daya.