Login Form Di PHP dan Upload

Halo!
 Di sini saya mau menjelaskan tentang cara membuat login form di PHP. Pertama-tama, tentu saja kita buat tabelnya terlebih dahulu. Tabel yang saya buat bernama t_login



Di bawah ini saya memasukkan data di kolom insert. Disini saya menggunakan enkripsi SHA1. Ini berguna agar password tidak bisa diketahui sembarangan, termasuk admin sendiri.


Di bawah ini bisa dilihat, bahwa kolom lain terisi dengan benar kecuali kolom sandi yang sudah di enkripsi



Langkah kedua, membuat tampilan login itu sendiri. disini saya menyimpannya dengan file vLogin.php






Sebelum itu, kita perbarui dulu file library yang akan mengkoneksikan database ke php ini




sudahLogin dan cekLogin berfungsi untuk mengecek apakah user sudah login atau belum. Jika user sudah login maka user bisa masuk ke web. Jika belum login kemudian membuka web di dalamnya maka akan kembali lagi ke halaman login awal.


lalu saya akan membuat file login.php yang akan memproses data yang dimasukkan oleh user. Oh ya, disini sudahLogin() berguna untuk menjalankan fuction yang ada di library.php



Dibawah ini juga ada file logout. Cara logout cukup menulis kode dibawah ini kemudian buat tombol yang di dalamnya terdapat action="fileLogOut.php"









Di bawah ini adalah hasil jadinya. Di awal saya mengisi asal form tersebut dan kemudian secara otomatis kembali lagi ke akun login. Ketika saya mengisi dengan benar, maka akan masuk ke file index







Selanjutnya, ada materi tentang membuat form untuk mengupload file. Pertama-tama, tambahkan kolom baru(disini saya memberi nama dengan file)di database terlebih dahulu


Lalu, di kolom form, tambahkan kode enctype="multipart/form-data" fungsinya adalah untuk menyatakan bahwa form yang digunakan terdapat kolom upload
    <form action="<?= $action ?>" method="POST" enctype="multipart/form-data">

Masih di file yang sama, letakkan kode berikut sebagai tampilan dari upload file
        <div class="form-group">
            <label class="col-sm-2 control-label">Foto Kamu :*</label>
            <div class="col-sm-6">
                <?php
                    if($action=="edit.php"){
                        ?>
                        <img src="<?php echo base_url()?>/media/images/<?php echo @$siswa->file?>" width="80px" alt=""/>
                        <input type="hidden" name="poto" value="<?php echo @$siswa->file?>"/>
                    <?php } ?>
                    <input type="file" name="poto"/>
            </div>
        </div>

percabangan if di atas berguna agar ketika berada di mode edit, maka akan muncul file foto yang sudah di upload sebelumnya. Hasilnya adalah seperti ini (untuk css dan yang lainnya sudah pernah saya pos sebelumnya)



Lalu ke file tambah.php dan edit php tambahkan kode dibawah ini
            $poto=$_FILES['poto'];
            if(!empty($poto) AND $poto['error']==0){
                $path='./media/images/';
                $upload=move_uploaded_file($poto['tmp_name'], $path.$poto['name']);
                if(!$upload){
                    flash('error'"Upload File Tidak Berhasil :(");
                    header('location:index.php');
                }
                $file=$poto['name'];

khusus untuk file edit.php, tambahkan kode ini sebelum variabel $poto
        $file=$_POST['poto'];

di dalam file edit, tambahkan juga perintah sql dengan mengupdate kolom file
        $sql="update tabel set nama_lengkap='$nama_lengkap',
        jenis_kelamin='$jenis_kelamin',
        kelas='$kelas', jurusan='$jurusan', Alamat='$alamat',
        GolonganDarah='$goldar', ibu='$ibu', file='$file' where nis = '$nis'";

Sementara untuk menampilkannya, ditambahkan code dibawah ini di file v_index
<img src="<?php echo base_url()?>/media/images/<?php echo $siswa['file']?>" width="80px" alt="Foto Profil"/>

Coding selesai! Dibawah ini adalah hasilnya





Terima kasih sudah membaca!


Komentar

Postingan Populer