Jumat, 04 Oktober 2013

Belajar codeigniter 2.1.4 Membuat Fungsi Pertama

Bila anda baru saja selesai install framework codeigniter. Terkesan bingung mau diapain. Tampilan diatas. Pengalaman pribadi tampilan ini mau di apaain, bagaimana caranya di rumbah, apa ini udah selesai install, kayaknya ruwett bin ajaib. Hehehe..
Telusur demi telusuri ternyata itu tampilan awal codeigniter. Nah alhamdullilah sekarang udah berubah tampilanya. Di codeigniter terdapat suatu kamus cara penggunaan tapi sayangnya bahasa inggris..(hayoo..hayoo… yg lmh bhs inggris “admin jga lemah kog”). Kamus bisa di lihat klik menu “user_guide”. Untuk tampilan di bwah ini klik “Table of contents”. Jangan berfikir panjang2 terlebih dahulu karena di artikel kali ini akan dibahas cara membuat view/ kenapa bisa menampilkan seperti itu.
Konsep dasar. Terdapat 3 folder yang harus di perhatikan terlebih dahulu
1.      Folder controller               untuk mengatur file tampilan dan mengatur ke database
2.      Folder view                       untuk membuat file tampilan
3.      Folder model                     untuk membuat file jalur ke database/berhubungan dengan database

Tapi kita lupakan yg folder 3 itu dulu. Karena Cuma ingin membuat tampilan dan tidak berhubungan dengan database.

 
Klik view
Nah di situ cara membuat file view dan cara mengintregasikan dari file controller.
Nahh di bawah ini contoh script awal setelah intall CI, dengan sedikit modifikasi.

File Controller
Controller/welcome.php
Buka file welcome.php pada folder system/application/controller. File ini merupakan file controller. Jika Anda lihat, maka skrip file welcome.php adalah sebagai berikut.
<?php
class Welcome extends Controller { //Memberi nama class dgn nama Welcome
   function Welcome() //Membuat funsi global Welcome
   {
     parent::Controller();     
   }
  /*
  Membuat fungsi index yg akan muncul jika user melakukan akses ke 
  http://localhost/ci_tutorial/
  */
  function index()
  {
  //Mengirimkan semua variabel ke halaman view bernama welcome_message.php
  //yg lokasinya berada pada folder system/application/view
  $this->load->view('welcome_message');
  }
}
Untuk melakukan modifikasi, kita hanya perlu menambahkan beberapa variabel pada fungsi index. Kita akan mencoba beberapa hal berikut ini:
  1. menambahkan judul halaman yang disimpan pada tag <title></title> pada file view yang akan kita buat pula.
  2. Kemudian kita akan memberikan sebuah paragraf
  3. Memberikan nama penulis
  4. dan juga tanggal posting
Untuk melakukannya, kita edit skrip welcome.php tadi menjadi:
Controller/welcome.php
<?php
class Welcome extends Controller { //Memberi nama class dgn nama Welcome
   function Welcome() //Membuat funsi global Welcome
   {
     parent::Controller();     
   }
  /*  Membuat fungsi index yg akan muncul jika user melakukan akses ke http://localhost/ci_tutorial/ */
  function index()
  {
    $data['title']='Fungsi pertama';
    $data['heading']='Selamat Datang di Tutorial CodeIgniter';
    $data['penulis']='dinnu';
    $data['tanggal']=date('Y-m-d');
    $data['konten']='Ini adalah fungsi pertama yang saya buat dengan menggunakan framework CodeIgniter';
    //Mengirimkan semua variabel ke halaman view bernama salam.php
    //yg lokasinya berada pada folder system/application/view
    $this->load->view('salam',$data);
  }
}
Bisa Anda lihat, pada fungsi index sudah dilakukan modifikasi. Terdapat beberapa variabel array yg dinamakan $data. Kemudian semua variabel tersebut dikirimkan ke file view dengan nama salam.php.
File View
View/salam.php

Langkah terakhir adalah membuat file view baru yang diberi nama salam.php. Kode skrip file salam.php adalah sebagai berikut.
<html>
<head>
<title><?php echo $title ?></title>
</head>
<body>
<h1><?php echo $heading ?></h1>
<p><b>Ditulis oleh <?php echo $penulis ?> pada <?php echo $tanggal ?></b></p> <p><?php echo $konten ?></p>
</body>
</html>



semoga bermanfaat yaa bro

penulis : dinnushobirin
nb* boleh copas tapi jgn lupa hargai karya orang yaaa.. :-)

Tidak ada komentar:

ilmu web pemula

Recent Posts

STMIK AMIKOM Yogyakarta

E-learning Amikom Research Amikom Wisuda Amikom PMB Amikom Kabar IT