Cara menampilkan Data Dalam Bentuk Array

 

Cara Tampilkan Data Dalam Bentuk Array Dari Form Dengan Method Post 




Berikut merupakan langkah-langkah bagaimana cara menampilkan data form dengan method post ditampilkan dalam bentuk array.

1.  Sourcecode User pada folder admin

<?php
defined('BASEPATH') or exit('No direct script access allowed');

class User extends CI_Controller
{

    public function __construct()
    {
        parent::__construct();
        $this->load->model('M_user');
        if ($this->session->userdata('login') != TRUE) {
            redirect(base_url());
        }
    }

    public function index()
    {
        $data['data'] = $this->M_user->Get()->result();
        $data['pages'] = 'pages/user';
        $this->load->view('template', $data);
    }

    public function edit($email)
    {
        $data['data'] = $this->M_user->Get($email)->row();
        if ($data['data']) {
            $data['pages'] = 'pages/user_edit';
            $this->load->view('template', $data);
        } else {
            // Handle ketika data tidak ditemukan, misalnya redirect atau
menampilkan pesan error
        }
    }

    public function Update($email)
    {
        $post = $this->input->post();

        $email = $post['email'];
        $nama = $post['nama'];
        $aktif = $post['aktif'];

        // Mengubah data menjadi array yang terdiri dari objek-objek
        $data = [
            ["email" => $email],
            ["nama" => $nama],
            ["aktif" => $aktif
        ];
        echo json_encode($data);
    }

    public function Add()
    {
        $data['data'] = $this->M_user->Get()->result();
        $data['pages'] = 'pages/user_add';
        $this->load->view('template', $data);
    }

    public function tambah()
    {
        $post = $this->input->post();

        $email = $post['email'];
        $nama = $post['nama'];
        $aktif = $post['aktif'];

        // Mengubah data menjadi array yang terdiri dari objek-objek
        $data = [
            ["email" => $email],
            ["nama" => $nama],
            ["aktif" => $aktif]
        ];

        echo json_encode($data);
    }


}

2. Sourcecode User Halaman Utama atau User Management

<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
    </div>

    <div class="row">
                        <div class="card col-sm-12">
                            <label for="" class="card-tittlr">User Management</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <a href="<?=base_url('admin/user/add')?>">
                                Tambah User</a>
                                <table class="table table-bordred">
                                    <thead>
                                        <tr>
                                            <th>Nama</th>
                                            <th>Email</th>
                                            <th>Aktif</th>
                                            <th>Aksi</th>
                                        </tr>
                                    </thead>
                                   
                                    <tbody>
                                        <?php foreach ($data as $datas) : ?>
                                        <tr>
                                            <td><?= $datas->nama ?></td>
                                            <td><?= $datas->email ?></td>
                                            <td><?= $datas->aktif ?></td>
                                            <td>
                                                <a href="<?= base_url('admin/user/edit/'
                                                . $datas->email) ?>"
                                                class="btn btn-warning btn-sm">Edit</a>
                                                <a href="<?= base_url('admin/user/delete/'
                                                . $datas->email) ?>"
                                                class="btn btn-danger btn-sm">Hapus</a>
                                            </td>
                                        </tr>
                                        <?php endforeach ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
</div>

3. Sourcecode user_add pada folder pages

<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
    </div>

    <div class="card shadow">
        <div class="card-header">Form Tambah User</div>
        <div class="card-body">
            <div class="row">
                <div class="col-sm-3"></div>
                <div class="col-sm-6">
                    <form action="<?= base_url('admin/user/tambah/') ?>"
                    class="user form-horizontal" method="POST">
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="text" class="form-control" name="email" value="">
                        </div>
                        <div class="form-group">
                            <label for="nama">Nama</label>
                            <input type="text" class="form-control" name="nama" value="">
                        </div>
                        <div class="form-group">
                            <label for="aktif">Aktif</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="aktif" value="Y">
                                <label class="form-check-label" for="aktif">Ya</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="aktif" value="N">
                                <label class="form-check-label" for="aktif">Tidak</label>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary btn-sm">Tambah Data</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>

4. Sourceode user_edit pada folder pages

<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
    </div>

    <div class="card shadow">
        <div class="card-header">Form Edit User</div>
        <div class="card-body">
            <div class="row">
                <div class="col-sm-3"></div>
                <div class="col-sm-6">
                    <form action="<? base_url('admin/user/update') ?>"
                    class="form-horizontal" method="POST">
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="text" class="form-control" name="email"
                            value="<?= $data->email ?>">
                            <input type="hidden" name="where" value="<?= $data->email ?>">
                        </div>
                        <div class="form-group">
                            <label for="nama">Nama</label>
                            <input type="text" class="form-control" name="nama" value="
                            <?= $data->nama ?>">
                        </div>
                        <div class="form-group">
                            <label for="aktif">Aktif</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="aktif"
                                value="1" <?php if($data->aktif == 'Y') echo 'checked' ?>>
                                <label class="form-check-label" for="aktif">Ya</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="aktif"
                                value="0" <?php if($data->aktif == 'N') echo 'checked' ?>>
                                <label class="form-check-label" for="aktif">Tidak</label>
                            </div>
                        </div>
                        <button action="<? base_url('admin/user/update') ?>" type="submit"
                        class="btn btn-primary btn-sm">Update Oke</button>
                        <button type="submit" class="btn btn-primary btn-sm">Update</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>


Berikut merupakan tampilan dari hasilnya :
1. Tampilan User Managemenet atau User Halaman Utama


2. Tampilan Halaman Tambah Data


3. Tampilan Halaman Hasil Tambah Data

4. Tampilan Halaman Edit Data

5. Tampilan Halaman Hasil Edit Data

Komentar