Tutorial Tambah Data Pada Codeigniter

by

helmy

CODEIGNITER : TUTORIAL INSERT DATA DENGAN DUA GAMBAR

Tutorial Tambah Data Pada Codeigniter

Selamat Datang di Blog Orang IT . Postingan saya sebelumnya terlalu banyak bertema pada niche Blog dan SEO kemudian untuk sebulan kedepan saya akan share mengenai Tutorial Pemrograman Web Berbasis Framework CodeIgniter , tapi pastikan sebelumnya anda telah mempelajari apa itu Web CodeIgniter dan mengenal konsep MVC ( model – view – controller )

Codeigniter adalah sebuah framework php yang bersifat open source dan menggunakan metode MVC (Model, View, Controller). codeigniter bersifat free alias tidak berbayar jika anda menggunakannya. framework codeigniter di buat dengan tujuan sama seperti framework lainnya yaitu untuk memudahkan developer atau programmer dalam membangun sebuah aplikasi berbasis web tanpa harus membuat nya dari awal.

Langsung saja tutorial menambahkan data pada web codeigniter , Tutorial insert data pada web codeigniter , cara memasukkan data pada database MySql menggunakan codeigniter , insert data pada codeigniter dengan gambar , insert data gambar pada web codeigniter . hanya menembak kata kunci jangan marah . Oh ya tutorial menampilkan data pada codeigniter pernah saya bahas sebelumnya Cara Menampilkan Data Pada CodeIginter

Langsung saja berikut tutorial bagaimana menambahkan data dengan 2 buah foto menggunakan codeigniter :

1. Pertama silahkan buat database dengan nama aps ( anak putus sekolah ) dan buat tabel dengan nama Tabel Relawan di MySql isikan nama field nya masing – masing seperti gambar dibawah ini

Insert Data Gambar Codeigniter
Tabel Relawan

Keterangan :

Total field ada 14 data , idrelawan buat tipe datanya INT serta centang pada AutoIncrement karena nantinya idrelawan akan kita jadikan sebagai primary key

Untuk field dengan nama foto dan lampiran nantinya untuk melakukan insert data / tambah data / menyimpan data foto

2. Kedua kita akan membuat View / Tampilan Form Tambah Data Relawan

Silahkan menuju  C:xampphtdocsnama_aplikasiapplicationView , buat sebuah file baru bernama register.php yang nantinya berisi tampilan form tambah data relawan

Source Code register.php

<form id=”demo-form2″ data-parsley-validate class=”form-horizontal form-label-left” enctype=”multipart/form-data” method=”POST” action=”<?= base_url().’relawan/tambahrelawan1′ ?>“>

                     <div class=”item form-group”>
                    <label class=”control-label col-md-3″>Foto</label>
                    <div class=”col-md-4 col-xs-11″>
                    <input type=”file”  placeholder=”Foto” class=”form-control” name=”foto” >
                    </div>
                    </div>
                     
                      <div class=”form-group”>
                        <label class=”control-label col-md-3 col-sm-3 col-xs-12″ for=”last-name”>Nama Lengkap <span class=”required”>*</span>
                        </label>
                        <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input type=”text” id=”last-name” name=”nama” required=”required” class=”form-control col-md-7 col-xs-12″ placeholder=”Nama Lengkap”>
                        </div>
                      </div>
                     
                      <div class=”form-group”>
                        <label for=”middle-name” class=”control-label col-md-3 col-sm-3 col-xs-12″>No. KTP</label>*
                        <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”noktp” placeholder=”Nomor KTP”>
                        </div>
                      </div>
                     
                      <div class=”form-group”>
                        <label class=”control-label col-md-3 col-sm-3 col-xs-12″>Alamat
                        </label>
                        <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”alamat” placeholder=”Alamat Lengkap”>
                        </div>
                      </div>
                     
                      <div class=”form-group”>
                      <label class=”control-label col-md-3 col-sm-3 col-xs-12″>Kecamatan<span class=”required”>*</span>
                      </label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″>
                      <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”kec” placeholder=”Kecamatan”>
                      </div>
                       
                      </div>
                      <div class=”form-group”>
                      <label class=”control-label col-md-3 col-sm-3 col-xs-12″>Jenis Kelamin</label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″ >
                      <select class=”form-control” name=”jk”>
                      <option value=”Laki-Laki” >Laki-Laki</option>
                      <option value=”Perempuan”>Perempuan</option>
                      </select>
                      </div>
                      </div>
                                           
                       <div class=”form-group”>
                     <label class=”control-label col-md-3 col-sm-3 col-xs-12″>TTL 
                     </label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”birthday” class=”date-picker form-control col-md-7 col-xs-12″ required=”required” type=”text” name=”ttl”>
                        </div>
                      </div>
                     
                        <div class=”form-group”>
                      <label class=”control-label col-md-3 col-sm-3 col-xs-12″>Username<span class=”required”>*</span>
                      </label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”username” placeholder=”Username”>
                        </div>
                      </div>
                     
                      <div class=”form-group”>
                      <label class=”control-label col-md-3 col-sm-3 col-xs-12″>Password<span class=”required”>*</span>
                      </label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”password” placeholder=”Password”>
                        </div>
                      </div>
                     
                      <div class=”form-group”>
                      <label class=”control-label col-md-3 col-sm-3 col-xs-12″>Email<span class=”required”>*</span>
                      </label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”email” placeholder=”Alamat Email”>
                        </div>
                      </div>
                     
                      <div class=”form-group”>
                      <label class=”control-label col-md-3 col-sm-3 col-xs-12″>telp<span class=”required”>*</span>
                      </label>
                      <div class=”col-md-6 col-sm-6 col-xs-12″>
                          <input id=”middle-name” class=”form-control col-md-7 col-xs-12″ type=”text” name=”telp” placeholder=”Nomor Telepon”>
                        </div>
                      </div>
                     
                    <div class=”item form-group”>
                    <label class=”control-label col-md-3″>Lampiran</label>
                    <div class=”col-md-4 col-xs-11″>
                    <input type=”file”  placeholder=”Foto” class=”form-control” name=”lampiran” >
                    </div>
                    </div>
                     
                      <div class=”ln_solid”></div>
                      <div class=”form-group”>
                        <div class=”col-md-6 col-sm-6 col-xs-12 col-md-offset-3″>
                          <button type=”submit” class=”btn btn-primary”>Cancel</button>
                          <button type=”submit” class=”btn btn-success”>Submit</button>
                        </div>
                      </div>

                    </form >

Keterangan :

enctype=”multipart/form-data”  
digunakan untuk memproses data berupa file , bisa menampilkan data foto / file dan bisa saja digunakan untuk proses simpan data dalam bentuk file 
<?= base_url().’relawan/tambahrelawan1′ ?> 
merupakan proses untuk mengambil data dari form tambah register.php , nantinya data yang dikirim dalam form register relawan akan ditangkap oleh controller dengan nama relawan pada fungsi tambahrelawan1
name=”nama”
merupakan nama variabel yang digunakan untuk mengambil data inputan

Tampilan register.php

Tambah data dengan gambar codeigniter
Form Tambah Relawan
3. Silahkan menuju controller jika belum punya buat dulu dengan nama Relawan.php
lokasinya berada di C:xampphtdocsnama_aplikasiapplicationcontrollers 
Fungsi dari controller relawan.php ini untuk menangkap data dari register.php

Berikut source code relawan.php 

        $this->load->model(“relawan_m”); // load model relawan
           public function register()  // load file register.php
    {

 $this->load->view(‘relawan/register’, $data); // lokasi register.php
    } 

function tambahregister ()// fungsi tambah relawan
       
        $target_dir = “uploads/“;
        $target_file = $target_dir . basename($_FILES[“foto“][“name”]);
        move_uploaded_file($_FILES[“foto”][“tmp_name”], $target_file);
       
        $target_dirs = “lampiran/”;
        $target_file = $target_dirs . basename($_FILES[“lampiran“][“name”]);
        move_uploaded_file($_FILES[“lampiran”][“tmp_name”], $target_file);
       
        $data = array(
                    “foto“=>$_FILES[‘foto‘][‘name’],
                    “nama“=>$this->input->post(‘nama‘),
                    “noktp”=>$this->input->post(‘noktp’),
                    “alamat”=>$this->input->post(‘alamat’),
                    “kec”=>$this->input->post(‘kec’),
                    “jk”=>$this->input->post(‘jk’),
                    “ttl”=>$this->input->post(‘ttl’),
                    “username”=>$this->input->post(‘username’),
                    “password”=>$this->input->post(‘password’),
                    “email”=>$this->input->post(’email’),
                    “telp”=>$this->input->post(‘telp’),
                    “lampiran”=>$_FILES[‘lampiran’][‘name’],
                    “status“=>’nonaktif’
        );
        $this->relawan_m->insert_register($data);
       
    $res=redirect(‘welcome/relawan’); // redirect halaman sukses
                   
    }

Keterangan : 

Field pada database dengan nama foto nantinya kita akan simpan dalam folder uploads
Field pada database dengan nama lampiran nantinya kita akan simpan data fotonya pada folder lampiran
Silahkan buat dulu 2 folder dengan nama uploads dan lampiran pada folder aplikasi Codeigniter anda

Tutorial Tambah Data Pada Codeigniter
Folder Simpan Foto

$data = array(

String data digunakan untuk menyimpan mengambil data pada form kemudia array data yang diambil di masukkan kedalam field tabel relawan
$this->relawan_m->insert_register($data);
Fungsi simpan data kedatabase terdapat pada model dengan nama relawan_m dengan fungsi insert_register
4. Kemudian kita menuju models yang terdapat pada  
C:xampphtdocsnama_aplikasiapplicationmodels 

kita buat file dengan nama relawan_m.php dan didalam relawan_.php itulah kita akan membuat aksi simpan ke database Aps dengan membuat fungsi insert_register

    public function insert_register($data) // fungsi masukkan data
    {
       
        return $this->db->insert(‘relawan‘, $data); //tabel relawan
       
    }

5. Selesai silahkan dicoba fungsi tambah data pada web frameworks codeigniter dengan dua buah gambar jika anda berhasil maka semua proses input data pada web frame works codeigniter akan berhasil

Tutorial Tambah Data Pada Codeigniter
Isi Tabel Relawan

Demo Tambah Data CodeIgniter dengan 2 Gambar :

Tutorial Tambah Data Pada Codeigniter
Demo Tambah Relawan
Postingan selanjutnya kita akan belajar :

Demikian tutorial Bagaimana Cara Insert Data Tambah Data dengan foto pada CodeIgniter semoga bermanfaat jika ada yang ingin menambah silahkan saja karena saya juga masih sangat pemula untuk tutorial selanjutnya kita akan mencoba Menampilkan Data Pada Database Dengan Menggunakan CodeIgniter  

Related Post