Ticker

6/recent/ticker-posts

Header Ads Widget

Cara Membuat View Pada Framework Codeigniter

Assalamualaikum Warahmatullahi Wabarakatu
Bismillahirrahmanirrahiim

Setelah membahas tentang Model pada codeigniter, kini admin akan membahas tentang View pada Framework CodeIgniter. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model, view diaksess melalui controller.


Untuk lebih memperjelas pokok pembahasan, silahkan ikuti dua langkah dibawah ini

Langkah Pertama
Buatlah controller dengan nama aplikasi, kemudian ketiklah script dibawah ini.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Aplikasi extends CI_Controller {

 public function __construct()
 {
  parent::__construct();
  $this->load->Model('AplikasiModel');
 }

 function view()
 {
  $this->load->view('view');
 }


}

/* End of file  */
/* Location: ./application/controllers/ */

Langkah Kedua
Buatlah file dengan nama view.php, dan simpan pada folder application > view > nama file, kemudian ketiklah script dibawah ini

<!DOCTYPE html>
<html lang="">
 <head>
   <!-- Required meta tags always come first -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>View Codeigniter</title>

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">
 </head>
 <body>
  <div class="container" style="margin-top:100px;">
   <div class="jumbotron">
    <h1 class="display-3">Hello, Codeigniter!</h1>
    <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
    <hr class="m-y-md">
    <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
    <p class="lead">
     <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
    </p>
   </div>
  </div>
  
  <!-- jQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <!-- Bootstrap JavaScript -->
  <script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script>
 </body>
</html>

Pada contoh script diatas kita memanggil view melalui controller Aplikasi melalui function view, $this->load->view('nama view'); merupakan script yang digunakan untuk menampilkan atau memanggil view yang nantinya ditampilkan pada web browser. Jika sobat sudah mengetik kode diatas, kemudian eksekusi melalui web browser dengan mengetikan http://localhost/codeigniter/aplikasi (sesuaikan dengan milik sobat) maka akan tampil seperti gambar dibawah ini.


Jika sudah tampil seperti gambar diatas artinya sobat telah berhasil membuat sebuah view pada codeigniter.

Sampai disini dulu tutorial mengenai framework codeigniter dari saya, Semoga tutorial ini bermanfaat bagi sobat, atas segala kekuranganya mohon dimaafkan dan di beri saran.

Post a Comment

0 Comments

Rekomendasi Untuk Anda × +