Rabu, 01 Agustus 2012

Hasil Praktikum CI (CodeIgniter)

18.43    No comments



CI (CodeIgniter) adalah suatu aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan bahasa PHP. CodeIgniter fungsinya untuk memudahkan Web Programming untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal

Cara Konfigurasi Code Igniter.
  1.  Masuk ke folder  C:\Xampp\htdocs\d4b6\aplication\controller kemudian copy file welcome.php dan rename menjadi news.php
  2. Buka file news.php yang baru kita buat tadi, kemudian pada bagian ‘public function index’ bawah nya dimasukkan kode 
    $this->load->view('view_header');
    $this->load->view('view_news_show',$data);
    $this->load->view('view_footer');
  3.  Kemudian masuk ke folder C:\Xampp\htdocs\d4b6\aplication\views kemudian buat file
    “View_footer.php”  => isi dengan kata FOOTER
    “View_header.php” => isi dengan kata HEADER
    “View_news_show.php” => isi dengan kata NEWS
  4.  Selanjutnya buka browser dan masuk ke alamat http://localhost/d4b6/news  dan hasilnya sebagai berikut.
  5. Buka lagi file news.php kemudian ketikkan kode
    $data = array ('title'=>'Test Title',
    'heading'=>'Test Heading',
    'message'=>'Test Message');
    Yang diletakkan diatas kode $this->load->view('view_header'); sesudah kurung kurawal pada public function index.
  6. Buka file view_news_show.php kenudian ganti isinya dengan kode berikut ini
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title> <?=$title;?> </title>
    </head>
    <body>
                    <h2> <?php echo $heading; ?> </h2>
                    <p> <? echo $message; ?> </p>
    </body>
    </html>
  7. Buat tabel "news" pada database "db_d4b6"
    CREATE TABLE IF NOT EXISTS `news` (
      `id` int(10) NOT NULL AUTO_INCREMENT,
      `title` varchar(255) NOT NULL,
      `content` text NOT NULL,
      `create` datetime NOT NULL,
      `update` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
      `delete` datetime NOT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=MyISAM
  8. Buat file ModelNews.php di folder Models. Kemudian isikan kode berikut ini:
    <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
    class ModelNews extends CI_Model {
                    function __construct()
                    {
                     parent::__construct();
                    }
                    function getAllNews(){
                                    $q="SELECT * FROM news";       
                                    return $this->db->query($q);
                    }
    }
  9. Buka file C:\Xampp\htdocs\d4b6\config\autoload.php ganti kode $autoload['model'] = array(); dengan $autoload['model'] = array('ModelNews');
  10.  Buka file  C:\Xampp\htdocs\d4b6\aplication\controller\news.php kemudian tulis kode berikut didalam function show
    <?
                    print_r($n);
                    $sr = $n->result();
    ?>
    <p>List News</p>
    <? foreach($sr as $r){ ?>
                    <?=$r->id?> <br />
                    <?=$r->title?> <br />
                    <?=$r->content?> <br />
                    <?=$r->create?> <br /><br />   
    <? } ?>
  11. Kemudian masuk ke folder Views, dan buat file view_show_page.php dan ketik kode berikut ini.
  12.  Dan setelah itu buka browser dan masuk ke alamat : http://localhost/d4b6/news/show selanjutnya akan muncul seperti gambar dibawah ini.
     
Terimakasih, semoga bermanfaat.
3.      

0 komentar:

Posting Komentar