Tutorial Tambah Data Pada Codeigniter
CODEIGNITER : TUTORIAL INSERT DATA DENGAN DUA GAMBAR
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
 |
| Tabel Relawan |
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:\xampp\htdocs\nama_aplikasi\application\View , 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' ?>">Keterangan :
<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 >
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
 |
| Form Tambah Relawan |
3. Silahkan menuju controller jika belum punya buat dulu dengan nama Relawan.php ,
lokasinya berada di C:\xampp\htdocs\nama_aplikasi\application\controllers
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 relawanKeterangan :
$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
}
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
 |
| Folder Simpan Foto |
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:\xampp\htdocs\nama_aplikasi\application\models
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
 |
| Isi Tabel Relawan |
Demo Tambah Data CodeIgniter dengan 2 Gambar :
 |
| 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
Posting Komentar untuk "Tutorial Tambah Data Pada Codeigniter"
Diperbolehkan menyalin artikel yang ada diblog ini dengan syarat menyertakan sumber. Blog anda tidak akan dihapus , deindex , adsense tidak akan menerima keluhan hak cipta dari saya.