Latest Updates

Senin, 20 April 2020

Membuat Download File Dengan CodeIgniter

0 komentar
Memanggil/membuka helper download codeigniter
$this->load->helper('download');
kemudian masuk ke tahap membuat download file dengan codeigniter nya. ada dua cara download file yang bisa kita buat, yaitu dengan cara menentukan sendiri isi file yang akan di download, atau membuat download file yang memang sudah
tersedia. berikut ini adalah cara membuat download file yang isinya kita tentikan sendiri.
$isi = 'Here is some text!';
$nama_file = 'mytext.txt';
force_download($nama_file, $isi);
syntax di atas adalah cara membuat download file yang isinya kita tentukan sendiri. dan function force_download() adalah function yang sudah di sediakan oleh codeigniter untuk membuat aksi download. jadi untuk cara membuat download file yang kita tentukan sendiri isinya pada function force_download(), masukkan isi file pada parameter pertama, dan masukkan nama dari file yang di download pada parameter kedua.
force_download('/lokasi/file/belajar.txt', NULL);
perhatikan pada syntax di atas, untuk membuat download file yang sudah ada, kita menggunakan function force_download() juga tetapi pada parameter pertamanya langsung masukkan lokasi file yang akan di download.

Contoh Membuat Download File Dengan Codeigniter

buat sebuah controller dengan nama download.php, dan view v_download. sediakan juga file yang ingin kita buat sebagai file yang akan di download.
application/controller/download.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed'); class Download extends CI_Controller {  function __construct(){  parent::__construct();  $this->load->helper(array('url','download'));     }  public function index(){    $this->load->view('v_download'); }  public function lakukan_download(){      force_download('gambar/mie_rebus.jpg',NULL); }  }
application/view/v_download.php
<!DOCTYPE html><html><head> <title>Membuat download file dengan codeigniter </title></head><body> <h1>Membuat download file dengan codeigniter </h1>
 <br/>
 <a href="<?php echo base_url().'index.php/download/lakukan_download' ?>">Download file</a></body></html>
gambar yang saya jadikan contoh untuk di download sudah saya sediakan pada directory
root codeigniter dalam folder gambar. selanjutnya jalankan controller download
localhost/belajarci/index.php/download. klik link download file dan kemudian file akan di download tanpa url
berpindah alamat.

Membuat Upload File Dengan CodeIgniter

0 komentar
saya membuat controller baru dengan nama upload.php
application/controller/upload.php
<?php 
class Upload extends CI_Controller{
 function __construct(){
  parent::__construct();
    $this->load->helper(array('form', 'url'));
 }
 public function index(){
  $this->load->view('v_upload', array('error' => ' ' ));
 }
 public function aksi_upload(){
  $config['upload_path']          = './gambar/';
  $config['allowed_types']        = 'gif|jpg|png';
  $config['max_size']             = 100;
  $config['max_width']            = 1024;
  $config['max_height']           = 768;
  $this->load->library('upload', $config);
  if ( ! $this->upload->do_upload('berkas')){
   $error = array('error' => $this->upload->display_errors());
   $this->load->view('v_upload', $error);
  }else{
   $data = array('upload_data' => $this->upload->data());
   $this->load->view('v_upload_sukses', $data);
  }
 }
 }
kita panggil dulu helper url dan helper form untuk membantu kita membuat upload file di codeigniter. helper form dan url nya saya panggil di function construct().
function __construct(){
  parent::__construct();
    $this->load->helper(array('form', 'url'));
 }
dan kemudian pada view index nya saya tampilkan sebuah view v_upload, pada view v_upload ini untuk membuat form upload nya.
public function index(){
 $this->load->view('v_upload', array('error' => ' ' ));
}
buat sebuah view dengan nama v_upload sesuai dengan yang kita panggil pada method index.
<html>
<head>
 <title>Belar Upload Codeigniter</title>
</head>
<body>
 <center><h1>Membuat Upload File Dengan CodeIgniter</h1></center>
 <?php echo $error;?>
 <?php echo form_open_multipart('upload/aksi_upload');?>
 <input type="file" name="berkas" />
 <br /><br />
 <input type="submit" value="upload" />
</form>
</body>
</html>
pada form upload di atas kita menggunakan function form_open_multipart(), function form_open_multipart() ini sama dengan

<form action="" enctype="multipart/form-data">
dan pada form nya kita beri nama “berkas”. dan kemudian aksi dar form tersebut kita arahkan ke method aksi_upload pada controller upload.
public function aksi_upload(){
  $config['upload_path']          = './gambar/';
  $config['allowed_types']        = 'gif|jpg|png';
  $config['max_size']             = 100;
  $config['max_width']            = 1024;
  $config['max_height']           = 768;

  $this->load->library('upload', $config);

  if ( ! $this->upload->do_upload('berkas')){
   $error = array('error' => $this->upload->display_errors());
   $this->load->view('v_upload', $error);
  }else{
   $data = array('upload_data' => $this->upload->data());
   $this->load->view('v_upload_sukses', $data);
  }
 }
nah dan yang paling penting ada di method aksi_upload ini. method ini akan kita jadikan sebagai pengatur dari proses upload file. terdapat variabel config dia atas, variabel ini berfungsi sebagai pengaturan upload file pada codeigniter. contohnya seperti di atas.
  $config['upload_path']          = './gambar/';
  $config['allowed_types']        = 'gif|jpg|png';
  $config['max_size']             = 100;
  $config['max_width']            = 1024;
  $config['max_height']           = 768;
$config[‘upload_path’] berfungsi untuk pengaturan kemana file akan di upload. di sini saya menetapkannya kedalam folder ‘gambar’ dalam directory root codeigniter. oleh karena itu kita buat dulu foldernya.

kemudian lagi untuk membatasi ukuran file dan ekstensi file yang di perbolehkan untuk di upload bisa di setting pada
  $config['allowed_types']        = 'gif|jpg|png'; // file yang di perbolehkan
  $config['max_size']             = 100; // maksimal ukuran
  $config['max_width']            = 1024; //lebar maksimal
  $config['max_height']           = 768; //tinggi maksimal
setelah selesai membuat folder sebagai lokasi gambar yang di upload selanjutnya perhatikan syntax selanjutnya pada method aksi_upload.
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload('berkas')){
 $error = array('error' => $this->upload->display_errors());
 $this->load->view('v_upload', $error);
}else{
 $data = array('upload_data' => $this->upload->data());
 $this->load->view('v_upload_sukses', $data);
}

$this->load->library(‘upload’,$config) berfungsi untuk memanggil library upload codeigniter dengan menggunaan pengaturan yang sudah di buat tadi pada variabel $config. dan $this->upload->do_upload() berfungsi untuk melakukan aksi upload. di dalam parameternya berikan nama file upload tadi yang kita buat dengan nama ‘berkas’. dan kemudian dilakukan pengecekan, jika file tidak berhasil di upload atau karena file yang di upload tidak sesuai dengan pengaturan yang sudah kita buat maka pesan error kita masukkan dalam variabel $error dan parsing ke view v_upload untuk di tampikan pesan errornya.
$error = array('error' => $this->upload->display_errors());
$this->load->view('v_upload', $error);
dan jika file berhasil di upload maka data file yang di upload kita masukkan kedalam variabel $data untuk kita parsing ke view v_upload_sukses.php.
application/view/v_upload_sukses
<html>
<head>
 <title>Belajar Upload Codeigniter<</title>
</head>
<body>
 <center><h1>Membuat Upload File Dengan CodeIgniter </h1></center>
 <ul>
  <?php foreach ($upload_data as $item => $value):?>
   <li><?php echo $item;?>: <?php echo $value;?></li>
  <?php endforeach; ?>
 </ul> 
</body>
</html>
sekarang waktu nya untuk mencoba apakah berhasil atau tidak.



Membuat Form Validation Pada CodeIgniter

0 komentar
Untuk contoh membuat form validation pada codeigniter ini saya akan membuat sebuah controller dengan nama form.php
application/controller/form.php
<?php 

class Form extends CI_Controller{

 function __construct(){
  parent::__construct();
  $this->load->library('form_validation');
 }

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

 function aksi(){
  $this->form_validation->set_rules('username','Username','required');
  $this->form_validation->set_rules('passowrd','passowrd','required');
  $this->form_validation->set_rules('nama','Nama','required');


  if($this->form_validation->run() != false){
   echo "Form validation oke";
  }else{
   $this->load->view('v_form');
  }
 }
}
perhatikan pada controller form.php di atas. pertama kita akan membuat dulu sebuah form pada view yang kita panggil pada method index agar di panggil pertama kali. di sini saya membuat view dengan nama v_form.php. oh ya untuk menggunakan library form validation codeigniter kita harus memanggil library form_validation codeigniter terlebih dahulu. di sini saya memanggilnya pada function construct pada controller form. dapat di perhatikan pada construct() controller form di atas.
application/view/v_form.php
<!DOCTYPE html>
<html>
<head>
 <title>Membuat form validation dengan Codeigniter</title>
</head>
<body>
 <h1>Membuat Form Validation dengan CodeIgniter</h1>
 <?php echo validation_errors(); ?>
 <?php echo form_open('form/aksi'); ?>
  <label>Username</label><br/>
  <input type="text" name="nama"><br/>
  <label>Password</label><br/>
  <input type="password" name="Password"><br/>
  <label>Nama</label><br/>
  <input type="text" name="nama"><br/>
  <label>Alamat</label><br/>
  <input type="text" name="alamat"><br/>
  <label>pekerjaan</label><br/>
  <input type="text" name="pekerjaan"><br/>
  <label>Level</label><br/>
  <select name="level">
  <option value="Operator">Operator</option>
  <option value="Admin">Admin</option>
  </select>

  <br/>
  <input type="submit" value="Simpan">
 </form>
</body>
</html>

pada form di atas kita membuka form dengan function form codeigniter. perhatikan pada function form_open() pada view di atas. kita menetapkan aksi dari form ke method aksi pada controller form.
<?php echo form_open('form/aksi'); ?>


dan saya juga membuat tiga buah form, yaitu nama, email dan konfir_email. di sini saya ingin membuat form input tersebut wajib di isi, maka form validasi nya akan kita buat pada method aksi pada controller form.
untuk membuat form validation kita harus menentukan dulu form yang akan di berikan validasi. seperti contoh di atas saya membuat form validation pada form input username, password dan nama. function set_rules di atas berarti kita menetapkan peraturan untuk form. cara penulisannya pada parameter pertama berikan nama form yang ingin di beri validasi, pada parameter kedua berikan kata yang di munculkan pada saat validasi. dan parameter ketiga isikan peraturan form. required berarti wajib, berarti form tersebut wajib di isi. sekarang kita jalankan form validation yang sudah kita buat dengan alamat http://localhost/belajarci/index.php/form. lalu klik tombol submit jangan mengisi form nya maka akan muncul peringatan untuk mengisi form.

Menghubungkan CodeIgniter Dengan Database MySql

0 komentar
Buat database dengan nama ‘belajarci’, dan di sini saya sertakan juga sebuah table. table yang sudah saya sertakan adalah sebuah table user yang berisi data :
- Username
- Password
-nama
- alamat
-pekerjaan
-- phpMyAdmin SQL Dump
-- version 4.7.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: 19 Mar 2020 pada 17.46
-- Versi Server: 10.1.25-MariaDB
-- PHP Version: 5.6.31
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `belajarci`
--
-- --------------------------------------------------------
--
-- Struktur dari tabel `user`
--
CREATE TABLE `user` (
  `id` int(11) NOT NULL,
  `username` char(50) NOT NULL,
  `password` char(150) NOT NULL,
  `nama` char(100) NOT NULL,
  `alamat` varchar(250) NOT NULL,
  `pekerjaan` char(25) NOT NULL,
  `level` enum('Admin','Operator') NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Indexes for dumped tables
--
--
-- Indexes for table `user`
--
ALTER TABLE `user`
  ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `user`
--
ALTER TABLE `user`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Selanjutnya untuk menghubungkan codeigniter dengan database buka file config database codeigniter yang terletak di application/config/database.php
application/config/database.php
$db['default'] = array(
 'dsn' => '',
 'hostname' => 'localhost',
 'username' => '',
 'password' => '',
 'database' => '',
 'dbdriver' => 'mysqli',
 'dbprefix' => '',
 'pconnect' => FALSE,
 'db_debug' => (ENVIRONMENT !== 'production'),
 'cache_on' => FALSE,
 'cachedir' => '',
 'char_set' => 'utf8',
 'dbcollat' => 'utf8_general_ci',
 'swap_pre' => '',
 'encrypt' => FALSE,
 'compress' => FALSE,
 'stricton' => FALSE,
 'failover' => array(),
 'save_queries' => TRUE
);
pada file config database.php ini anda dapat melakukan pengaturan database anda dengan memasukkan hostname,username database, password dan nama database yang anda gunakan. Sesuaikan dengan settingan database masing-masing
 'username' => 'root',
 'password' => '',
 'database' => 'belajarci',
 'dbdriver' => 'mysqli',
setelah selesai melakukan pengaturan database, langkah selanjutnya yang juga penting adalah memanggil library database codeigniter. karena untuk penggunaan yang berhubungan dengan database kita perlu membuka atau mengaktifkan library database milik si codeigniter ini. cara nya seperti memanggil library codeigniter yang lain. anda bisa memanggil library codeigniter dari function construct() pada controller, pada method atau pada autoload codeigniter. jadi kebetulan di sini saya akan membuka atau memanggil library database codeigniter pada config autoload codeigniter yang terletak pada application/config/autoload.php
application/config/autoload.php
$autoload['libraries'] = array('database');
dan codeigniter pun berhasil di hubungkan dengan database mysql. bagaimana cara memeriksanya sudah terhubung atau belum. jadi pada tutorial ini saya akan menampilkan data dari table user yang sudah di buat tadi untuk sekalian berkenalan dengan model  codeigniter.

Pengenalan Model Pada CodeIgniter

Selanjutnya untuk menampilkan data dari table user tadi buat sebuah model dengan nama terserah anda. di sini saya membuat sebuah model dengan nama m_data.php. menghubungkan codeigniter dengan database mysql
application/models/m_data.php
<?php 
class M_data extends CI_Model{
 function ambil_data(){
  return $this->db->get('user');
 }
}
perhatikan syntax di atas. saat membuat class model m_data penulisannya di anjurkan harus di awali dengan huruf besar. kemudian meng-extend model m_data yang sudah di buat dengan CI_Model. kemudian saya membuat sebuah function ambil_data() pada model m_data ini. function ambil_data() ini saya buat untuk mengambil data pada table user. syntax $this->db->get() di gunakan untuk mengambil data dari database. dan nama table yang ingin di ambil data nya letakkan dalam parameternya sehingga menjadi
$this->db->get('user');
kemudian lagi perhatikan syntax return yang berfungsi untuk mengambalikan data yang di tangkap pada controller yang memanggil function ambil_data() ini. sampai di sini model sudah jadi. langkah selanjutnya buat sebuah function pada controller anda. di sini saya membuat function user() pada controller belajar.php.
application/controller/belajar.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Belajar extends CI_Controller {
 function __construct(){
  parent::__construct();
  $this->load->helper('html');
  $this->load->model('m_data');
 }
 public function index(){
  $data = array('judul' => "Belajar Framework Codeigniter",
       'nama' => "Harry Setya Hadi");
  $this->load->view('view_belajar', $data);
 }
 function user(){
  $data['user'] = $this->m_data->ambil_data()->result();
  $this->load->view('v_user.php',$data);
 }
}

perhatikan pada function user di atas. syntax
$this->m_data->ambil_data()
berfungsi untuk memanggil function ambil_data() pada model m_data. dan fungsi result() berguna untuk menjadikannya array. data yang di ambil dari fungsi ambil_data pada model m_data saya masukkan kedalam variabel untuk di parsing ke dalam view v_user.php. baca juga cara membuat view pada codeigniter dan memparsing data ke view codeigniter. klik di sini untuk membaca tutorial cara memparsing data kedalam view codeigniter.
perhatikan juga pada controller belajar.php di atas. karena di sini kita akan menggunakan model m_data. maka jangan lupa juga untuk memanggil model m_data dengan syntax $this->load->model(‘m_data’) seperti contoh di atas.
Selanjutnya buat sebuah view dengan nama v_user.php. pada view ini kita akan menampilkan data dari database yang kita parsing.
application/view/v_user.php
<!DOCTYPE html>
<html>
<head>
 <title>Cara Menampilkan data dari database Pada CodeIgniter</title>
</head>
<body>
<h1>Mengenal Model Pada Codeigniter</h1>
 <table border="1">
  <tr>
   <th>Username</th>
   <th>Password</th>
   <th>Nama</th>
   <th>Alamat</th>
   <th>Pekerjaan</th>
   <th>Level</th>
  </tr>
  <?php foreach($user as $u){ ?>
  <tr>
   <td><?php echo $u->username ?></td>
   <td><?php echo $u->password ?></td>
   <td><?php echo $u->nama ?></td>
   <td><?php echo $u->alamat ?></td>
   <td><?php echo $u->pekerjaan ?></td>
   <td><?php echo $u->level ?></td>
  </tr>
  <?php } ?>
 </table>
 </body>
</html>
perhatikan pada contoh di atas. kita menampilkan data dengan menggunakan foreach(). variabel $user akan menjadi $u. $user adalah variabel yang di parsing dari controller tadi dan berisi data user dalam bentuk array. dan akses alamat controller user untuk melihat hasilnya. http://localhost/belajarci/index.php/Belajar/user
Karena data yang ada didalam tabel user masih kosong, sekarang coba tambahkan data berikut ke dalam tabel database


jika semua data sudah masuk kedalam database, sekarang coba lihat hasil dibrowser



Membuat Template Web Dengan CodeIgniter

0 komentar
buat sebuah controller yang menampilkan sebuah view. di sini saya membuat controller web.php dan sebuah view dengan nama v_index.php.  Membuat Template Web Dengan Codeigniter
application/controller/web.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Web extends CI_Controller {
  function __construct(){
  parent::__construct();
  $this->load->helper('url');
 }
 public function index(){    $data['judul'] = "Halaman depan";
  $this->load->view('v_index',$data);
 }
}
kemudian buat view v_index.php
<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>BELAJAR FRAMEWORK CODEIGNITER </title> 
 <link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/css/style.css">
</head>
<body>
 <div id="wrapper">
  <header>
   <hgroup>
    <h1>BELAJAR FRAMEWORK CODEIGNITER</h1>
    <h3>Membuat template sederhana codeigniter</h3>
   </hgroup>
   <nav>
    <ul>
     <li><a href="<?php echo base_url().'index.php/Web' ?>">Home</a></li>
     <li><a href="<?php echo base_url().'index.php/Web/about' ?>">About</a></li>
     <li><a href="<?php echo base_url().'index.php/Web/contact' ?>">Contact Person</a></li>
    </ul>
   </nav>
   <div class="clear"></div>
  </header>
  <section>
  <h1><?php echo $judul ?></h1>
  <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  </section>
  <footer>         <a href="https://www.youtube.com/c/H4nkTech">H4nk Techno</a>    </footer>
 </div>
</body>
</html>
oh iya jangan lupa untuk setting base_url() codeigniter nya terlebih dulu agar kita bisa menghubungkan codeigniter dengan file css. file css nya saya buat pada folder project di dalam folder belajarci/assets/css/style.css
body{
 background: #eee;
 color: #333;
 font-family: sans-serif;
 font-size:15px;
}
#wrapper{
 background: #fff;
 width: 1100px;
 margin: 20px auto;
}
#wrapper header{
 background: #232323;
 padding: 20px; }
#wrapper header hgroup{
 float: left;  color: #fff;
}
#wrapper header nav{  float: right;
 margin-top: 50px;  }
#wrapper header nav ul{
 padding: 0;
 margin: 0;
}
#wrapper header nav ul li{
 float: left;
 list-style: none; }
#wrapper header nav ul li a{
 padding: 15px;  color: #fff;
 text-decoration: none;
}
.clear{
 clear: both;
}
footer{
 background: #232323;
 padding: 20px;
}
footer a{
 color: #fff;
 text-decoration: none;
}
section{
 padding: 20px;
}
setting base_url() buka pada file config.php di application/config/config.php
$config['base_url'] = 'http://localhost/belajarci/';
setting dengan alamat project anda masing-masing. kemudian dapat di perhatikan pada contoh di atas bahwa untuk menghubungkan dengan file css dengan bantuan base_url().
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/css/style.css">
jadi hasil dari <?php echo base_url() ?>assets/css/style.css adalah http://localhost/belajarci/assets/css/style.css. (sesuai dengan letak file css kita). karena kita menggunakan base_url() codeigniter, maka kita perlu mengaktifkan juga helper url seperti yang sudah saya buat pada controller web.php. saya mengaktifkan helper url pada function construct().
dan jalankan controller web.php untuk melihat hasil dari template sederhana kita.

nah, tampilan web sederhana pun berhasil kita buat pada codeigniter. tapi halaman ini belum dinamis. kita masih perlu membuat bagian header dan footer secara berulang-ulang pada halaman lainnya. caranya kita harus memecah template ini menjadi beberapa bagian. yaitu header dan footer. sehingga template sederhana ini menjadi sebagai berikut. Membuat Template Web Dengan Codeigniter
application/view/v_header.php
<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>BELAJAR FRAMEWORK CODEIGNITER </title>  <link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>assets/css/style.css">
</head>
<body>
 <div id="wrapper">
  <header>
   <hgroup>
    <h1>BELAJAR FRAMEWORK CODEIGNITER</h1>
    <h3>Membuat template sederhana codeigniter</h3>
   </hgroup>
   <nav>
    <ul>
     <li><a href="<?php echo base_url().'index.php/Web' ?>">Home</a></li>
     <li><a href="<?php echo base_url().'index.php/Web/about' ?>">About</a></li>
     <li><a href="<?php echo base_url().'index.php/Web/contact' ?>">Contact Person</a></li>
    </ul>
   </nav>
   <div class="clear"></div>
  </header>
application/view/v_footer.php
<footer>         <a href="https://www.youtube.com/c/H4nkTech">H4nk Techno</a>    </footer>
 </div>
</body>
</html>
application/view/v_index.php
<section>
  <h1><?php echo $judul ?></h1>
  <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  </section>
  
sekarang template ini sudah menjadi tiga view dan cara memanggilnya dengan cara memanggil view secara berurut. dari v_header, v_index dan kemudian v_footer
application/controller/Web.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Web extends CI_Controller {
  function __construct(){
  parent::__construct();
  $this->load->helper('url');
 }
 public function index(){    $data['judul'] = "Halaman depan";
  $this->load->view('v_header',$data);
  $this->load->view('v_index',$data);
  $this->load->view('v_footer',$data);   }
}
dan hasilnya juga akan sama, tetapi kelebihannya kita bisa dengan mudah membuat halaman lain dan tinggal memanggil v_header dan v_footer, hanya perlu mengganti v_index untuk halaman lainnya. Membuat Template Web Dengan Codeigniter

perhatikan lagi pada hyperlink pada menu template di atas yang sudah saya setting untuk menuju method index dan method about. membuat tampilan web dengan CodeIgniter
<li><a href="<?php echo base_url().'index.php/Web' ?>">Home</a></li>
<li><a href="<?php echo base_url().'index.php/Web/about' ?>">About</a></li>
<li><a href="<?php echo base_url().'index.php/Web/contact' ?>">Contact Person</a></li>
sekarang buat sebuah view lagi dengan nama v_about.php
application/view/v_about.phhp
<section>
<h1><?php echo $judul ?></h1>
<p>
 halaman about yang bisa anda ubah sesuai keinginan. -
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
 Belajar Framework Codeigniter
</p>
</section>
dan tambahkan lagi method about pada controller web untuk membuat halaman baru
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Web extends CI_Controller {
  function __construct(){
  parent::__construct();
  $this->load->helper('url');
 }
 public function index(){    $data['judul'] = "Halaman depan";
  $this->load->view('v_header',$data);
  $this->load->view('v_index',$data);
  $this->load->view('v_footer',$data);   }
 public function about(){    $data['judul'] = "Halaman about";
  $this->load->view('v_header',$data);
  $this->load->view('v_about',$data);
  $this->load->view('v_footer',$data);
 }
}
dan sekarang jalankan lagi pada browser,klik pada menu about atau bisa mengakses langsung http://localhost/belajarci/index.php/web/about

Mengenal Helper HTML Pada CodeIgniter

0 komentar
Untuk mengaktifkan helper html pada codeigniter terdapat dua cara yaitu dengan memanggil atau mengaktifkannya langsung dari controller dan cara kedua adalah dengan mengaktifkan helper HTML dengan cara memanggil atau mengaktifkannya dari file config.php codeigniter.
berikut ini adalah cara mengaktifkan helper html codeigniter dengan cara memanggilnya langsung pada controller. buka file controller anda. di sini file controller saya application/controllers/Belajar.php
application/controllers/Belajar.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Belajar extends CI_Controller {
 function __construct(){
  parent::__construct();
  $this->load->helper('html');
 }
 public function index(){
  $data = array('judul' => "Belajar Framework Codeigniter",
       'nama' => "Harry Setya Hadi");
  $this->load->view('view_belajar', $data);
 }

}
syntax berikut ini yang berfungsi untuk memanggil helper. dan helper yang di panggil adalah helper html. masukkan helper yang ingin di panggil dalam parameter function.
$this->load->helper('html');
Perlu di perhatikan di sini saya memanggil nya pada function construct sehingga di panggil pada saat halaman di load. dan sehingga helper html tidak perlu lagi di panggil jika di gunakan pada function lain. selain mengaktifkan helper dari controller langsung anda juga bisa mengaktifkan atau memanggil helper dari pengaturan autoload codeigniter, yaitu di application/config/autoload.php
$autoload['helper'] = array('html');
jika anda sudah mengaktifkan nya dari controller anda tidak perlu lagi mengaktifkannya pada config autoload.php, begitu juga sebaliknya.

Menggunakan Helper html Pada CodeIgniter

Setelah memanggil helper html, Untuk membuat heading dengan helper html cara nya dengan cara menggunakan function heading(), function heading() adalah fungsi yang di sediakan oleh codeigniter untuk membuat heading.berikut adalah cara membuat heading dengan codeigniter.
kemudian pada view view_belajar.php saya membuat heading dengan function heading().
application/view/view_belajar.php
<!DOCTYPE html>
<html>
<head>
 <title>Cara Membuat View Pada CodeIgniter</title>
</head>
<body>
 <?php 
 echo heading("Belajar Framework CodeIgniter",1);
 echo heading("Belajar Framework CodeIgniter",2);
 echo heading("Belajar Framework CodeIgniter",3);
 echo heading("Belajar Framework CodeIgniter",4);
 echo heading("Belajar Framework CodeIgniter",5);
 echo heading("Belajar Framework CodeIgniter",6);
 ?>
</html>
kemudian untuk membuat tag break dengan helper html codeigniter kita busa menggunakan function br(). lalu masukkan nilai berapa kali <br> ingin di buat. misalnya br(2) untuk membuat tag <br/> sebanyak 2 kali.
kemudian untuk menampilkan gambar dengan htlper html codeigniter, codeigniter juga telah menyediakan function untuk menampilkan gambar dengan codeigniter, caranya kita bisa menggunakan function img() untuk menampilkan gambar dengan function codeigniter. lalu masukkan lokasi file gambar di dalam function img(). misalnya img(‘file gambar anda di sini’).

Blog Archive

Subscribe Now

Fans Page