$type=carousel$cols=3

Tutorial Tambah Data Pada Codeigniter

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:\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' ?>">

                     <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:\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 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:\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
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  


Follow Blog Orang IT dan jangan lupa Like Fanspage helmykkediri serta jangan lupa klik iklan yang ada di blog ini untuk perawatan admin

COMMENTS

BLOGGER: 1
Loading...
Nama

Android,3,Blog,350,Info,214,Islami,44,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Tutorial Tambah Data Pada Codeigniter
Tutorial Tambah Data Pada Codeigniter
https://api-db.com/images/database.png
https://4.bp.blogspot.com/-sAw45kJX5W0/V6g8mONXGVI/AAAAAAAAD4E/XF_fRI_JK8sWq1StolDtqm8vC2z_BpiUgCLcB/s72-c/1.PNG
BLOG ORANG IT 2017
http://www.helmykkediri.com/2016/09/tutorial-tambah-data-pada-codeigniter_54.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2016/09/tutorial-tambah-data-pada-codeigniter_54.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy