- Download versi terbaru CodeIgniter di link ini : www.codeigniter.com
- Ekstrak file zip dan ganti nama foldernya. Contohnya saya namakan menjadi mycodeigniter.
- Pindahkan folder tersebut di localhost.
- Bila anda membuka URL home page codeigniter di alamat (http://localhost/mycodeigniter/), anda akan melihat tampilan seperti berikut ini di browser.
- Buka file application/config/config.php dan ikuti intruksi di bawah ini: Atur nilai variabel
$config['base_url']
dengan URL codeigniter kamu (http://localhost/mycodeigniter/) - Jika kamu ingin menggunakan tabel database, buka application/config/database.php dan ikuti intruksi di bawah ini:
⏩ Atur nilai variabel $db['default']['hostname'] dengan nama host database anda.
⏩ Atur nilai variabel
$db['default']['username']
dengan username database anda.
⏩ Atur nilai variabel
$db['default']['password']
dengan password database anda.
⏩ Atur nilai variabel $db['default']['database'] dengan nama database anda.
Contohnya seperti berikut:
- $db['default'] = array(
- 'dsn' => '',
- 'hostname' => 'localhost',
- 'username' => 'root',
- 'password' => '',
- 'database' => 'test',
- Buka file application/config/routes.php dan ikuti instruksi di bawah ini:
⏩ Ganti nilai variabel $route['default_controller'] dari “welcome” menjadi “home” atau yang anda inginkan untuk memuat controller secara default.
Supaya kita dapat selaraskan dengan tutorial ini, ganti saja menjadi “home”. - Buka direktori application/controllers/ dan buat file PHP baru yang bernama Home.php. Buka file Home.php ini dan ikuti langkah-langkah di bawah ini:
⏩ Pertama tambahkan kode berikut ini untuk mencegah orang lain mengakses script secara langsung. - <?php defined('BASEPATH')) OR exit('Tidak diperbolehkan untuk mengakses script secara langsung')
⏩ Buat class bernama Home dan memperluas class ini dari CI_Controller.
Juga, perlu diingat bahwa nama class dan nama file harus sama.
9. Buka direktori application/views/ dan buat file view (home_view.php) untuk Controller Home. Buka file home_view.php ini dan tulis kode HTML untuk tujuan pengujian. Contoh isi dari file home_view.php seperti ini:
⏩ Buat fungsi
⏩ Muat file view ke dalam fungsi
Statement $this->load->view() digunakan untuk membuat view.
Keseluruhan isi file Home.php menjadi seperti ini:
11. Refresh homepage (http://localhost/mycodeigniter/) di browser, anda akan melihat halaman sesuai dengan kode HTML yang telah diberikan.
Ok selesai disitu.
Akan datang, saya akan teruskan langkah seterusnya untuk menghubungkan Code Igniter dengan database.
Saya akan gunakan platform phpmyadmin untuk mengaplikasikan database di dalamnya.
Bagi yang masih baru menggunakan PHPmyadmin, boleh layari entri blog saya bertajuk ; Cara Pantas Membuat Database dan Table Menggunakan phpMyAdmin untuk mempelajari secara asas membina database.
Jika anda sudah faham tentang cara membina database di PHPmyadmin, anda boleh layari entri blog saya yang seterusnya yang bertajuk ; Menghubungkan Codeigniter dengan Database.
Sekian. Jumpa lagi.
Juga, perlu diingat bahwa nama class dan nama file harus sama.
- class Home extends CI_Controller{
- }
9. Buka direktori application/views/ dan buat file view (home_view.php) untuk Controller Home. Buka file home_view.php ini dan tulis kode HTML untuk tujuan pengujian. Contoh isi dari file home_view.php seperti ini:
- <?php
- defined('BASEPATH') OR exit('Tidak diperbolehkan untuk mengakses script secara langsung');
- ?>
- <!DOCTYPE html>
- <html lang="id">
- <head>
- <meta charset="utf-8">
- <title>Laman MyCodeigniter</title>
- <style type="text/css">
- ::selection { background-color: #E13300; color: white; }
- ::-moz-selection { background-color: #E13300; color: white; }
- body {
- background-color: #fff;
- margin: 40px;
- font: 13px/20px normal Helvetica, Arial, sans-serif;
- color: #4F5155;
- }
- a {
- color: #003399;
- background-color: transparent;
- font-weight: normal;
- }
- h1 {
- color: #444;
- background-color: transparent;
- border-bottom: 1px solid #D0D0D0;
- font-size: 19px;
- font-weight: normal;
- margin: 0 0 14px 0;
- padding: 14px 15px 10px 15px;
- }
- code {
- font-family: Consolas, Monaco, Courier New, Courier, monospace;
- font-size: 12px;
- background-color: #f9f9f9;
- border: 1px solid #D0D0D0;
- color: #002166;
- display: block;
- margin: 14px 0 14px 0;
- padding: 12px 10px 12px 10px;
- }
- #body {
- margin: 0 15px 0 15px;
- }
- p.footer {
- text-align: right;
- font-size: 11px;
- border-top: 1px solid #D0D0D0;
- line-height: 32px;
- padding: 0 10px 0 10px;
- margin: 20px 0 0 0;
- }
- #container {
- margin: 10px;
- border: 1px solid #D0D0D0;
- box-shadow: 0 0 8px #D0D0D0;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <h1>Selamat datang ke Laman MyCodeigniter</h1>
- <div id="body">
- <p>Code ini dibangunkan oleh En. Mohd Faizul Afzan untuk tujuan pembelajaran dalam kuliah Web Development di ILP Perai.</p>
- </div>
- <p class="footer">Halaman dibaca dalam <strong>{elapsed_time}</strong> saat. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Versi <strong>' . CI_VERSION . '</strong>' : '' ?></p>
- </div>
- </body>
- </html>
⏩ Buat fungsi
index()
.⏩ Muat file view ke dalam fungsi
index()
.Statement $this->load->view() digunakan untuk membuat view.
- $this->load->view('home_view');
Keseluruhan isi file Home.php menjadi seperti ini:
- <?php
- defined('BASEPATH') OR exit('Tidak diperbolehkan untuk mengakses script secara langsung');
- class Home extends CI_Controller {
- public function index()
- {
- $this->load->view('home_view');
- }
- }
11. Refresh homepage (http://localhost/mycodeigniter/) di browser, anda akan melihat halaman sesuai dengan kode HTML yang telah diberikan.
Ok selesai disitu.
Akan datang, saya akan teruskan langkah seterusnya untuk menghubungkan Code Igniter dengan database.
Saya akan gunakan platform phpmyadmin untuk mengaplikasikan database di dalamnya.
Bagi yang masih baru menggunakan PHPmyadmin, boleh layari entri blog saya bertajuk ; Cara Pantas Membuat Database dan Table Menggunakan phpMyAdmin untuk mempelajari secara asas membina database.
Jika anda sudah faham tentang cara membina database di PHPmyadmin, anda boleh layari entri blog saya yang seterusnya yang bertajuk ; Menghubungkan Codeigniter dengan Database.
Sekian. Jumpa lagi.
No comments:
Post a Comment