Cara Tampilkan Data Dalam Bentuk Array Dari Form Dengan Method Post

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

1. Berikut merupakan 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. Berikut merupakan 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. Berikut merupakan 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. Berikut merupakan 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

Postingan populer dari blog ini

Cara Menginstalasi PuTTY dan Menggunakannya

Membuat Tampilah Dashboard Menggunakan Framework CodeIgniter 3