Apakah CodeIgniter itu?
CodeIgniter adalah sebuah framework yang menggunakan konsep 'MVC' untuk membuat sebuah aplikasi web berbasis PHP. CodeIgniter memanfaatkan OOP dalam pembuatannya. OOP yang digunakan adalah OOP pada PHP versi 4. Jadi aplikasi yang dibuat menggunakan CodeIgniter dapat di install pada server yang menggunakan PHP 4.3xx ke atas.
Instalasi CodeIgniter.
CodeIgniter dapat di ambil di sini. Setelah anda download, mekarkan file yang anda download tadi ke dalam sebuah folder. Layoutnya tampak seperti di bawah ini:
\---CodeIgniter_1.7.2 +---system | +---application | | +---config | | +---controllers | | +---errors | | +---helpers | | +---hooks | | +---language | | | \---english | | +---libraries | | +---models | | \---views | +---cache | +---codeigniter | +---database | | \---drivers | | +---mssql | | +---mysql | | +---mysqli | | +---oci8 | | +---odbc | | +---postgre | | \---sqlite | +---fonts | +---helpers | +---language | | \---english | +---libraries | +---logs | +---plugins | \---scaffolding | +---images | \---views \---user_guide +---database +---doc_style +---general +---helpers +---images +---installation +---libraries +---nav \---overview
Salin atau pindahkan isi folder dan file yang akan digunakan sebagai titik awal aplikasi yang akan kita buat ke dalam folder yang kita inginkan di webserver. Terutama folder system/, file index.php, dan file license.txt. Anda dapat meletakkan folder system/ dan file-file tadi root document yang ditunjuk oleh webserver atau anda dapat meletakkannya di dalam folder tersendiri. Jika aplikasi anda adalah satu-satunya aplikasi yang akan di gunakan di server, maka folder dan file-file tadi dapat anda letakkan di document root. Jika tidak, maka folder dan file-file tadi diletakkan ke dalam suatu folder tersendiri.
Contohnya, jika anda ingin membuat aplikasi baru dengan CodeIgniter di XAMPP (Windows atau Linux) maka folder dan file tadi bisa anda letakkan di folder htdocs (di document root atau di folder terpisah). Mari kita mulai dengan membuat sebuah aplikasi baru dan kita letakkan di folder belajar. Kurang lebih layoutnya seperti berikut:
\htdocs +---belajar \---system +---application | +---config | +---controllers | +---errors | +---helpers +---hooks | +---language | | \---english | +---libraries | +---models | \---views +---cache +---codeigniter +---database | \---drivers | +---mssql | +---mysql | +---mysqli | +---oci8 | +---odbc | +---postgre | \---sqlite +---fonts +---helpers +---language | \---english +---libraries +---logs +---plugins \---scaffolding +---images \---views
Dan kita bisa menguji halaman yang baru kita buat dengan membuka browser dan memasukkan url http://localhost/belajar. Lho kok sudah bisa di panggil halamannya? Padahal kita belum membuat perubahan apapun pada aplikasi yang sedang kita buat. Itulah kelebihan menggunakan framework CodeIgniter.
Dan anda akan mendapatkan halaman seperti di bawah ini:
Lebih jauh dengan CodeIgniter
Seperti yang anda lihat pada screenshoot sebelumnya, halaman awal yang kita panggil terletak di htdocs/belajar/system/application/views/welcome_message.php mari kita buka file tersebut.
<html>
<head>
<title>Welcome to CodeIgniter</title>
<style type="text/css">
body {
background-color: #fff;
margin: 40px;
font-family: Lucida Grande, Verdana, Sans-serif;
font-size: 14px;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 16px;
font-weight: bold;
margin: 24px 0 2px 0;
padding: 5px 0 6px 0;
}
code {
font-family: Monaco, Verdana, Sans-serif;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
</style>
</head>
<body>
<h1>Welcome to CodeIgniter!</h1>
<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
<p>If you would like to edit this page you'll find it located at:</p>
<code>system/application/views/welcome_message.php</code>
<p>The corresponding controller for this page is found at:</p>
<code>system/application/controllers/welcome.php</code>
<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
<p><br />Page rendered in {elapsed_time} seconds</p>
</body>
</html>
Dan file controller yang ada di htdocs/belajar/system/application/controllers/welcome.php yang isinya seperti berikut ini:
<?php
class Welcome extends Controller {
function Welcome()
{
parent::Controller();
}
function index()
{
$this->load->view('welcome_message');
}
}
/* End of file welcome.php */
/* Location: ./system/application/controllers/welcome.php */
Dari dua file diatas tampak konsep MVC yang diterapkan CodeIgniter. File-file controller terletak di folder system/application/controllers. Sedangkan file-file view terletak di folder system/application/views.
Mari kita lihat layout folder system/application:
application | index.html | +---config | autoload.php | config.php | constants.php | database.php | doctypes.php | hooks.php | index.html | mimes.php | routes.php | smileys.php | user_agents.php | +---controllers | about.php | index.html | welcome.php | +---errors | error_404.php | error_db.php | error_general.php | error_php.php | index.html | +---helpers | index.html | +---hooks | index.html | +---language | \---english | index.html | +---libraries | index.html | +---models | index.html | \---views about.php index.html welcome_message.php
Dari layout diatas tampak bahwa CodeIgniter membagi fungsi-fungsi ke dalam folder-folder tersendiri.
- Untuk proses ke database di letakkan di folder models.(M)
- Untuk menampilkan ke browser di letakkan di folder views.(V)
- Untuk proses bisnis, di letakkan di folder controllers.(C)
Sekarang mari kita utak-atik kode pada file htdocs/belajar/system/application/controllers/welcome.php sehingga menjadi seperti di bawah ini:
<?php
class Welcome extends Controller {
function Welcome()
{
parent::Controller();
}
function index()
{
$this->load->view('coba');
}
}
?>
Setelah selesai di edit, simpan kembali file diatas. Lalu buatlah file baru yang diletakkan di folder system/application/views dan kita simpan dengan nama file coba.php. Isi dari file system/application/views/coba.php kurang lebih seperti berikut:
<html> <head> <title>Selamat Belajar</title> </head> <body> <h1>Selamat Datang!</h1> </body> </html>
Coba anda buka kembali dan masukkan URL http://localhost/belajar dan lihatlah hasilnya.
mantab pak oyon..
BalasHapusterima kasih atas tutorialnya
semoga bermanfaat
:D
Hapuskoq saya tidak berhasil yach.. ada error :
BalasHapusFatal error: Class 'Controller' not found in C:\AppServ\www\codeigniter\application\controllers\welcome.php on line 3
@sariful Mungkin anda mencoba menggunakan CodeIgniter versi 2. Jika iya, maka ubah Controller menjadi CI_Controller. Kemungkinan lain adalah PHP yang anda gunakan adalah versi lama (versi dibawah 5). Coba di cek kembali konfigurasi PHP anda. Sepertinya WAMPP sering bermasalah.
BalasHapus