Assalamu’alaikum..
Dalam pembahasan Praktikum Lab TI PWeb Ke 5, kali ini aku ingin membahas perihal Cara Membuat Database Di CodeIgniter Menggunakan Php/MySQL. Membuat database nya memerlukan beberapa perintah dalam CI nya. Oke deh eksklusif saja ya disimak.
1. Harus memiliki CodeIgniter 2.2.0 nya terlebih dahulu. Setelah itu letakkan di Xampp – htdocs, dan rename folder tersebut dengan nama CI. Seperti gambar dibawah.
2. Sekarang buka browser untuk mengecek apakah sudah terkoneksi dengan CI nya atau belum. Disini aku menggunakan browser Mozilla Firefox. Jika berhasil akan menampilkan gambar dibawah. Jangan lupa untuk menyalakan XAMPP Control Panel nya – klik start “Apache” dan “MySQL”.
3. Kembali lagi pada folder CI, pada folder CI tambahkan folder dengan nama assets, function, dan views. Seperti gambar dibawah.
4. Sekarang buka folder views yang ada pada folder CI. Cut semua yang ada di folder views tersebut dan paste pada folder application – views. Akan menampilkan gambar dibawah.
5. Buka notepad++, copy paste script dibawah ini – save as dengan nama model_blog.php, dan letakkan di folder CI – application – models. Seperti gambar dibawah.
6. Lalu kembali lagi pada browser. Ketik pada kotak url http://localhost/phpmyadmin. Untuk masuk ke dalam admin dan menciptakan database. Seperti gambar dibawah.
7. Lalu klik databases. Setelah itu pada “Create new databases” pada kolom nya ketik blog, kalau sudah klik create. Nanti akan muncul database “blog” disebelah kiri layar. Seperti gambar dibawah.
NB : Jika dalam database blog sudah terdapat table. Maka cara untuk menghapusnya klik database blog – klik table tulisan – centang semua yang terdapat di table tulisan – kemudian klik Drop. Seperti gambar dibawah.
Jika berhasil terhapus akan menyerupai gambar dibawah.
8. Untuk membuatnya kembali pada kolom Name “Create new table….” Ketik “tulisan” tanpa tanda petik, isikan Number of field : 4. Setelah akibat klik Go. Seperti gambar diatas. Jika memang telah berhasil akan terdapat table goresan pena disebelah kiri layar.
9. Lalu klik pada table goresan pena dan isikan field-field nya menyerupai gambar dibawah.
Jangan lupa geser kekanan, pada field id, centang pada A_I.
Jika sudah klik save. Lalu akan muncul tampilan dibawah ini untuk mengisikan masing-masing dari field nya (kita hanya mengisikan 1 row saja). Saya contohkan menyerupai gambar dibawah. Jika sudah akibat mengisinya. Klik “Save”.
Jika telah berhasil akan menyerupai gambar dibawah.
10. Oke kembali lagi pada folder CI nya. Buka folde CI – application – config – kemudian cari file autoload.php dan config.php. kalau sudah ketemu buka terlebih dahulu autoload.php menggunakan notepad++
13. Pada notepad++ buka lembar kerja gres (ctrl+n), kemudian save as dengan nama admin.php, letakkan di folder CI – application – controllers. Seperti gambar dibawah.
Setelah tersimpan, ketik atau copy paste perintah dibawah ini, perintah dibawah untuk mendeklarasikan semua biar tampil di browser.
<?PHP
class admin extends CI_Controller{
function index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
}
?>
14. Lalu buka browser kembali, pada kotak url browser ketik : http://localhost/CI/index.php/admin, maka akan menampilkan menyerupai gambar dibawah. Jika sahabat klik tombol “tulis baru” maka tombol tersebut belum bisa, karna pada tombol tersebut belum didiklarasikan.
15. Untuk mendeklarasikan tombol “tulis baru”, tambahkan perintah dibawah ini pada file admin.php.
<?PHP
class admin extends CI_Controller{
function index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
function insert(){
$this->load->view('tulis_baru');
}
}
?>
Sekarang refresh di browser link yang tadi dan klik kembali “tulis baru”. Maka akan menampilkan gambar dibawah.
16. Coba sahabat isi sesuai dengan kolomnya kemudian kalau sudah klik “Submit”, apa yang terjadi ? niscaya ada goresan pena “Error”, kenapa error ? karna pada tombol sumbit belum dideklarasikan, sehingga kalau di klik submit tidak ada yang harus dieksekusi. Sekarang buka proses_insert.txt yang berada di folder CI – function – copast isinya ke admin.php sampai menjadi :
<?PHP
class admin extends CI_Controller{
function index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
function insert(){
$this->load->view('tulis_baru');
}
function proses_insert()
{
$data = array('judul' => $this->input->post('judul') ,
'penulis' => $this->input->post('penulis') ,
'tulisan' => $this->input->post('tulisan')
);
$this->model_blog->insert_tulisan($data);
echo '<script language="j4vascript">';
echo 'window.location.assign("http://localhost/CI/index.php/admin")';
echo '</script>';
}
}
?>
17. Jika telah berhasil, dikala sahabat submit akan otomatis eksklusif bertambah menyerupai gambar dibawah. Coba sahabat klik update dan delete, apakah sanggup ? belum. Lagi lagi belum dideklarasikan.
Untuk mendeklarasikannya ketik atau copy paste :
<?PHP
class admin extends CI_Controller{
function index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
function insert(){
$this->load->view('tulis_baru');
}
function proses_insert()
{
$data = array('judul' => $this->input->post('judul') ,
'penulis' => $this->input->post('penulis') ,
'tulisan' => $this->input->post('tulisan')
);
$this->model_blog->insert_tulisan($data);
echo '<script language="j4vascript">';
echo 'window.location.assign("http://localhost/CI/index.php/admin")';
echo '</script>';
}
function update($id)
{
$data ['tulisan']=$this->model_blog->get_detail_tulisan($id)->row();
$this->load->view('update', $data);
}
function proses_update()
{
$id['id'] = $this->input->post('id');
$data = array( 'judul' => $this->input->post('judul') ,
'penulis' => $this->input->post('penulis'),
'tulisan' => $this->input->post('tulisan'),
);
$this->model_blog->update_tulisan($data,$id);
echo '<script language="j4vascript">';
echo 'window.location.assign("http://localhost/CI/index.php/admin")';
echo '</script>';
}
function delete ($id){
$this->model_blog->delete_tulisan($id);
echo '<script language="j4vascript">';
echo 'window.location.assign("http://localhost/CI/index.php/admin")';
echo '</script>';
}
}
?>
18. Sekarang kita panggil blog yang tadi telah dibuat, caranya buat lembar kerja gres pada notepad++, save as dengan nama blog.php, dan letakkan di CI – application – controllers. Seperti gambar dibawah.
Setelah tersimpan, ketik atau copy paste perintah dibawah ini, perintah dibawah untuk menampilkan blog yang telah dibuat, dengan database yang tadi telah dibentuk semuanya diatas.
<?PHP
class blog extends CI_Controller{
function index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('home',$data);
}
}
?>
19. Coba kini buka browser, ketik pada kotak link http://localhost/CI/index.php/blog . maka blognya akan tampil menyerupai gambar dibawah.
TAMBAHAN : untuk mengganti nama “Tulisan Anda” yang berada pada tampilan admin, caranya buka folder CI – application – views – buka awal.php menggunakan notepad++ - lalu ganti menjadi menyerupai :
Jika sudah simpan. Lihat kembali di browser, kalau berhasil akan menampilkan gambar :
Mungkin itu saja pembahasan kali ini. Mohon maaf apabila ada kata yang salah dan kurang berkenan. Semoga bermanfaat. Terima kasih. ^^
Wassalamu’alaikum..
Download CodeIgniter dari Website Resminya : Disini
Download File LA 5 PWeb Lengkapnya : Disini
Sumber http://faris6593.blogspot.com
EmoticonEmoticon