Menambahkan Nama dan Gambar User pada Navbar

Oleh Prototez 25 Feb, 2024 Posting Komentar

Artikel kali ini kita akan menambahkan nama dan gambar user pada navbar, yang berada pada bagian kanan atas, nantinya pada bagian navbar tersebut akan menampilkan nama dan foto dari user yang sudah berhasil login. Kita akan memperlajari bagaimana menarik data user dari database dan menampilkan data tersebut ke dalam view template/main.php.

Daftar Isi

Tambahkan Query
Ganti Nama dan Gambar Profile User
Hasil akhir

Tambahkan Query

Tambahkan kode berikut di posisi paling atas sebelum tag html, pada file main.php yang terdapat pada folder Views/template/, untuk mengambil data nama dan foto dari user yang sedang login.


        html
        
            
        
     

<?php
//akses database
$db = \Config\Database::connect();
?>
<?php
//email sesi
$email = session()->get('email');

// query
$queryUser = $db->query("SELECT nama,foto FROM user WHERE email='$email'");
// ambil data nama dan foto
$rowUser = $queryUser->getRow();
// deklarasi variabel
$nama = $rowUser->nama;
$foto = $rowUser->foto;
?>
<!DOCTYPE html>
<html lang="en">
.....

Ganti Nama dan Gambar Profile User

Lalu ganti pada bagian nama Maman Ketoprak menjadi


        html
        
            
        
     
<?= $nama ?>

Terakhir, sesuaikan tautan gambar profile menjadi seperti ini:


        html
        
            
        
     
<img class="img-profile rounded-circle" src="<?= base_url() ?>/img/profile/<?= $foto ?>" style="max-width: 60px">