Jepretcode: Codeigniter Cara Membuat Halaman Admin dan Utama (Frontend)

Cara membuat halaman admin dan halaman frontend website dengan menggunakan codeigniter dilakukan untuk memudahkan mengatur mana halaman untuk admin yang bisa mengubah menambah atau mengedit bahkan menghapus bagian dari web berbasis codeigniter dan mana halaman untuk pengunjung atau user lain sebagai pembaca informasi. berikut cara membuat admin dan frontend dengan codeigniter:

download codeigniter saya mencoba menggunakan codeigniter versi 2.20 dan extract di folder localhost anda contoh http://localhost://admin_dan_fronted/.
buat folder admin didalam folder yang sudah diextract. lihat gambar
copy folder application ke dalam folder admin
copy index.php yang ada difolder utama kedalam folder admin
coba jalankan http://localhost://admin_dan_fronted/
coba jalankan http://localhost://admin_dan_fronted/admin
setelah dicoba jalankan 2 langkah diatas maka untuk halaman utama(frontend) lancar namun untuk halam kedua muncul pesan "Your system folder path does not appear to be set coreccly. Please open the following file and correct this: index.php
pesan diatas menjelaskan bahwa halaman admin tidak bisa memanggil folder system dengan benar cek karena didalam folder admin tidak terdapat folder system, sementara folder system ada didalam folder utama bukan didalam folder admin, bagaimana cara memanggil folder system yang ada didalam folder utama jika muncul pesan diatas maka lakukan dengan cara membuka file index.php yang ada didalam folder admin lalu rubah seperti dibawah ini.
```
$system_path = 'system';
 
 Menjadi
 
$system_path = '../system';
```
coba lakukan refresh http://localhost://admin_dan_fronted/admin
maka dengan cara diatas maka halam admin siap untuk digunakan

untuk selanjutnya kita ujicoba dengan merubah tampilan halaman admin, sebagai contoh adalah halaman login untuk admin, maka buka welcome_message.php yang ada didalam folder admin/application/views dengan contoh kode login admin dibawah ini:

<!DOCTYPE html>
<html lang="en">
<head>
<style>
body {
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
margin: 0;
font-family: "Helvetica";
font-size: 14px;
line-height: 28px;
color: #000000;
background-color: #ffffff;
}
  
.box {
width: 30%;
min-width: 300px;
max-width: 300px;
margin-left:auto; 
margin-right:auto; 
padding-top: 15px;
margin-bottom: 5px;
}
 
.box > .heading {
height: 48px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #DBDBDB;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

.box > .heading h1 {
 margin: auto;
 padding: 11px;
 color: #003A88;
 font-size: 20px;
 float: center;
}

.box > .content {
 padding: 15px;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 overflow: auto;
}

.span2 { 
text-align: center;
font-size: 18px;
} 
  
</style>
</head>
<body>   

<?php
$remember = array(
 'name' => 'remember',
 'id' => 'remember',
 'value' => 1,
 'checked' => set_value('remember'),
);
?>

<div id="content"> 
  <div align='center' class="box">   
 <div class="heading">
  <h1>Login Admin</h1>
 </div>
  <div class="content">
   <form class="form-horizontal well" method="POST" action="<?php echo base_url(); ?>#">
   <div>
    <label>Username :</label>        
    <input placeholder="Ketik username.." name="username" type="text" class="input" id="input01"  value="<?php echo set_value('username'); ?>">
   </div>
   <div>       
    <label>Password :</label>        
    <input placeholder="Ketik password.." name="password" type="text" class="input" id="input01" value="<?php echo set_value('password'); ?>">         
   </div>
   <div>
    <?php echo form_checkbox($remember); ?> Remember Me
   </div>
   <div class="control-group">
    <div class="controls">
    <button type="submit" id="submit" class="btn btn-primary button" >Masuk</button>
    <a href="<?php echo base_url(); ?>#"> 
     <button href="#" type="button" class="btn btn-secondary button" >Lupa Password</button>
    </a>
   </div>
  </div>
 </form>
   </div>
</div>
</div>

<div class="span2">
 <footer>   
  <p>&copy; jepretcode 2014.</p>
 </footer>
</div>
</body>
</html>

coba direfresh http://localhost://admin_dan_fronted/admin maka jika keluar kesalahan Fatal Error: call to undefined function set_value() maka kesalahan ini dikarenakan didalam welcome_message.php kita diatas ada form yang meminta menjalankan kode funtion set_value() sementara function set_value() berada didalam file Form_validation.php yang ada dialam folder system\libraries\ maka untuk menjalankan secara otomatis function yang ada didalam Form_validation.php buka file autoload.php yang ada didalam folder application\config\ dan tambahkan kode pemanggilan file form_validation seperti contoh dibawah ini:
```
$autoload['libraries'] = array();

Menjadi

$autoload['libraries'] = array('form_validation');
```
Silahkan direfresh lagi localhost dan lihat apakah sudah berhasil.?
Jika belum dan tampilannya belum sempurna, buka lagi file autoload.php tadi dan ganti kode seperti dibawah ini.
```
$autoload['helper'] = array('');

Menjadi

$autoload['helper'] = array('url');
```

Jika sudah berhasil maka inilah cara untuk membuat halaman admin dengan codeigniter, semoga bermanfaat.
Lihat video tutorial cara membuat halaman admin dan frontend di codeigniter

Jepretcode

Pages

Wednesday, December 31, 2014

Jepretcode: Codeigniter Cara Membuat Halaman Admin dan Utama (Frontend)

Codeigniter Cara Membuat Halaman Admin dan Utama (Frontend)

2 comments: