Membuat Lengkap Tabel Mahasiswa dengan Codeigniter

menampilkan data tabel mahasiswa dengan codeigniter

Membuat Lengkap Tabel Mahasiswa dengan Codeigniter

Tiba saat nya kita membuat data tabel untuk membuat tabel dengan kasus mahasiswa dengan menggunakan codeigniter dengan mudah.

Untuk langkah awal kamu bisa membuat database baru di  http://localhost/phpmyadmin  dengan judul database  crudci, kemudian buat tabel baru yang judulnya mahasiswa dengan data sebagai berikut:

Lalu insert lah beberapa database misal sebagai berikut :

insert data mysql

Lalu kembali lagi ke coding editor dan lakukan setting di  folder Application > Config > Database

$db['default'] = array(
    'dsn'   => '',
    'hostname' => 'localhost',
    'username' => 'root',
    'password' => '',
    'database' => 'crudci',
    'dbdriver' => 'mysqli',

 

Lakukan setting  juga di  folder Application > Config > Autoload   dibaris yang ini saja

$autoload['libraries'] = array('template','database');

 

Buat file baru yang namanya mahasiswa.php di folder controller dengan coding sebagai berikut


<?php

class Mahasiswa extends CI_Controller
{

    function __construct()
    {
        parent::__construct();
        $this->load->model('mahasiswa_m');
    }

    function index()
    {
        $data['data'] = $this->mahasiswa_m->tampil_mahasiswa();
        $this->template->load('template', 'mahasiswa/index', $data);
    }
}

 

Lalu buat Folder baru di folder View dengan nama  mahasiswa dan buat file baru index.php di dalam folder mahasiswa tersebut. Codingnya sebagai berikut

    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        DATA MAHASISWA
        <small>advanced tables</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Tables</a></li>
        <li class="active">Data tables</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">

          <div class="box">
            <div class="box-header">
              <a href="<?php echo base_url(); ?>index.php/mahasiswa/tambah" class="btn btn-sm btn-success">Tambah</a>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>No.</th>
                    <th>Nama Mahasiswa</th>
                    <th>No.telp</th>
                    <th>Alamat</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  <?php
                  $no = 0;
                  foreach ($data->result_array() as $mhs) :
                    $no++;
                    $nm = $mhs['namamhs'];
                    $hp = $mhs['notelp'];
                    $alamat = $mhs['alamatmhs'];
                    ?>
                    <tr>
                      <td><?php echo $no; ?></td>
                      <td><?php echo $nm; ?></td>
                      <td><?php echo $hp; ?></td>
                      <td><?php echo $alamat; ?></td>
                      <td>
                        <a href="<?php echo base_url(); ?>index.php/mahasiswa/edit/<?php echo $mhs['mhs_id'] ?>" class="btn btn-xs btn-warning">Edit</a>
                        <a href="<?php echo base_url(); ?>index.php/mahasiswa/delete/<?php echo $mhs['mhs_id'] ?>" class="btn btn-xs btn-danger">Del</a>
                        <a href="<?php echo base_url(); ?>index.php/mahasiswa/detail/<?php echo $mhs['mhs_id'] ?>" class="btn btn-xs btn-info">Detail</a>
                      </td>
                    </tr>
                  <?php endforeach; ?>
                </tbody>

              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->

    <!-- DataTables -->
    <script src="<?php echo base_url(); ?>assets/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

    <script>
      $(function() {
        $('#example1').DataTable()
        $('#example2').DataTable({
          'paging': true,
          'lengthChange': false,
          'searching': false,
          'ordering': true,
          'info': true,
          'autoWidth': false
        })
      })
    </script>

Buat File baru di folder Model  dengan nama file Mahasiswa_m.php   dengan coding sebagai berikut:
<?php

class Mahasiswa_m extends CI_Model{

    function tampil_mahasiswa(){
        $hasil = $this->db->query("select * from mahasiswa order by mhs_id asc");
        return $hasil;
    }
}

 

OK Tahap Membuat Lengkap Tabel Mahasiswa dengan Codeigniter sudah selesai, sekarang kita bisa lihat hasilnya di browser kamu dengan mengetik   http://localhost/crudci/index.php/mahasiswa

Namun jika kalian masih bingung dengan penjelasan artikel diatas, bisa langsung nonton tutorial nya di youtube ya

Semoga sukses

Leave a comment