Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Membuat Halaman Statis Menggunakan CodeIgniter, sekali kali belajar menggunakan codeigniter yah, bagi teman – teman yang yang belum familiar dengan codeigniter teman – teman bisa mengunjungi website resminya di https://codeigniter.com/ .
dan bagi teman teman yang yang sudah pernah belajar php native dan sudah memahami struktur dari CRUD pada php native mungkin akan mudah untuk menyerapnya, oke tanpa banyak cerita saya akan memulai teman teman bisa salinkan scriptnya dibawah sini, oh iya untuk itu jangan lupa di download terlebih dahulu yah framework codeigniternya disite reminya, oke jika sudah teman teman bisa salinkan script ini .
pada folder config difile routes teman teman bisa tambahkan ini :
1 2 3 4 5 6 7 8 |
<?php defined('BASEPATH') OR exit('No direct script access allowed'); $route['default_controller'] = 'halaman/view'; $route['(:any)'] = 'halaman/view/$1'; $route['404_override'] = ''; $route['translate_uri_dashes'] = FALSE; |
dan di folder controller teman teman bisa tambahkan Halaman.php
1 2 3 4 5 6 7 |
public function view ($halaman = 'test'){ $this->load->view('templates/header'); $this->load->view('pages/'.$halaman); $this->load->view('templates/footer'); } |
lalu di folder view teman teman bisa buat nama folder pages . dengan nama file, test.php, kontak.php dan tentang.php
test.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <article> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, laborum similique quis voluptates laboriosam recusandae quos voluptatibus nemo assumenda repudiandae dolore dolorem velit voluptate inventore nostrum consectetur. Aliquam, omnis, enim. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, laborum similique quis voluptates laboriosam recusandae quos voluptatibus nemo assumenda repudiandae dolore dolorem velit voluptate inventore nostrum consectetur. Aliquam, omnis, enim. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, laborum similique quis voluptates laboriosam recusandae quos voluptatibus nemo assumenda repudiandae dolore dolorem velit voluptate inventore nostrum consectetur. Aliquam, omnis, enim. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, laborum similique quis voluptates laboriosam recusandae quos voluptatibus nemo assumenda repudiandae dolore dolorem velit voluptate inventore nostrum consectetur. Aliquam, omnis, enim. </article> </body> </html> |
kontak.php
1 2 3 |
<article> <p>ini halaman kontak</p> </article> |
tentang.php
1 2 3 |
<article> <p>ini halaman tentang</p> </article> |
masih didalam folder view teman teman buat folder dengan nama templates, dengan nama file header.php dan footer.php
header.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<html> <head> <meta charset="UTF-8"> <title>Membuat Halama Statis Menggunakan CodeIgniter</title> <style> header { background: #3498db; padding: 10px; margin: auto; width: 800px; color: #fff } article { background: #f1c40f; padding: 10px; margin: auto; width: 800px } footer { background: #e67e22; padding: 10px; margin: auto; width: 800px; text-align: right; color: #fff; font-weight: bold; } </style> </head> <body> <header> <h1>Selamat Datang di Dumet School</h1> </header> |
footer.php
1 2 3 4 5 |
<footer> <p>CopyRight © 2017 IsmetMA ! </p> </footer> </body> </html> |
Jika sudah di simpan lalu jalankan dengan memanggil nama folder atas nama tema teman, dan akan menampilkan output seperti ini :
teman teman bisa ketikan di url seperti ini, localhost/namafolder/index.php
dan ini untuk url localhost/namafolder/index.php/kontak
berikut juga dengan url localhost/namafolder/index.php/tentang
Cukup mudah bukan ? tetap semangat yah, cukup sekian tutorial tentang Bagaimana  Cara Membuat Halaman Statis Menggunakan CodeIgniter, sampai bertemu diartikel selanjutnya dan sampai jumpa .
Selamat mencoba .
#KeepLearn
#IsmetMA