Cara menampilkan profil pengguna setelah login di php

Pada artikel sebelumnya kita telah mempelajari tentang “Membuat form login sederhana menggunakan PHP dan Mysql” dan “Membuat form registrasi sederhana menggunakan PHP dan Mysql“. Pada artikel ini, kita akan mempelajari cara membuat halaman profil pengguna. Pengguna perlu memasukkan detail dasar untuk mendaftarkan dirinya sendiri dan setelah itu kredensial yang sama dapat digunakan untuk masuk. Jadi mari kita lanjutkan dengan langkah-langkah di bawah ini

  1. Membuat halaman utama
  2. Memberi gaya pada halaman
  3. Hubungkan ke basis data
  4. Membuat tabel pengguna
  5. Mengolah formulir pendaftaran
  6. Memproses formulir login
  7. Buat sesi pengguna
  8. Membuat halaman sambutan/profil
  9. Proses tombol "Keluar" dan "Hapus Akun".

1. Membuat halaman utama

Sekarang pertama-tama kita membutuhkan halaman utama (index. php). Kami akan membuat dua bentuk i. e 'Formulir Pendaftaran' dan 'Formulir Masuk'. Anda dapat melihat skrip yang akan digunakan untuk halaman utama yang diberikan di bawah ini

indeks. php





 
 
 7topics - Login Demo



 
  
 

-written by Rahul Ranjan

Register Here

'; } if ($remarks=='success') { echo '

Registration Success

'; } if ($remarks=='failed') { echo '

Registration Failed!, Username exists

'; } if ($remarks=='error') { echo '

Registration Failed!
Error: '.$_GET['value'].'

'; } ?>

First Name:

Last Name:

Email:

Username:

Password:

Copyright © 2015 7topics.com

Login Here

'; } if ($remarks=='failed') { echo '

Login Failed!, Invalid Credentials

'; } ?>

Username:

Password:

Copyright © 2015 7topics.com

Copyright © 2014-2020 7topics.com

2. Memberi gaya pada halaman

Sekarang kita akan menambahkan beberapa gaya ke formulir kita, untuk memberikan tampilan yang lebih baik dengan menggunakan 'style. css‘

gaya. css

body,li,ul{
 margin:0px auto;
}
body{
 background-color:#3498DB;
 width:100%;
 font-family:sans-serif;
}
header{
 background-color:#fff;
 width:100%;
 height:55px;
 margin:0px;
}
nav{
 width:100%;
 border-top:5px solid #3498DB;
}
nav ul{
 float:left;
 border-left:6px solid #BDC3C7;
 height:50px;
}
nav a{
 text-decoration:none;
 color:#3498DB;
 padding:10px;
 width:auto;
 font-size:30px;
 font-weight:bold;
 border-right:1px solid #BDC3C7;
 font-family:Gabriola;
 height:50px;
}
nav a:hover{
 color:#fff;
 background-color:#3498DB;
 transition:1s;
}
nav li{
 margin:0;
 padding:0;
 list-style:none;
 float:left;
}

#center{
 margin:0px auto;
 width:95%;
}
#center-set{
 float:left;
 width:100%;
 padding-top:1%;
 padding-bottom:0.5%;
 background-color:#A2DED0;
 border-top:5px solid #3498DB;
}
#signup{
 float:left;
 width:50%;
}
#signup-st,#login-st{
 background-color:#22313F;
 margin:50px;
 border-radius:20px;
 -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.85);
}
#reg{
 padding-top:10px;
}
#reg-head,#reg-bottom,#reg-head-fail{
 width:100%;
 text-align:center;
 background-color:#fff;
 font-weight:bold;
}
.headrg{
 border-top-left-radius:20px;
 border-top-right-radius:20px;
 padding-top:12px;
 padding-bottom:12px;
 font-size:22px;
 color:#6C7A89;
}
.btmrg{
 padding-top:5px;
 padding-bottom:5px;
 border-bottom-left-radius:20px;
 border-bottom-right-radius:20px;
 font-size:18px;
 color:#22313F;
}
#reg-head-fail{
 color:#D35400;
}
#reg-head:hover{
 color:#3498DB;
 transition:1s;
}
#tb-name{
 float:right;
 font-size:20px;
}
#tb-box{
 height:22px;
 width:200px;
}
#st{
 width:100%;
 text-align:center;
 padding-top:30px;
 padding-bottom:10px;
}
#st-btn{
 text-align:center;
 padding:10px 21px 10px 21px;
 background-color:#3498DB;
 border:none;
 color:#fff;
 cursor:pointer;
 font-size:20px;
 font-weight:bold;
}
#st-btn:hover{
 color:#3498DB;
 background:#fff;
 transition:1s;
}
td.t-1{
 float:left;
 width:44%;
 text-align:right;
 color:#C5EFF7;
}
td.t-2{
 float:right;
 width:55%;
}
#lg-1{
 padding:10px;
 float:left;
 width:95%;
}
.tl-1{
 float:left;
 width:40%;
 padding-right:5%;
 text-align:center;
 color:#C5EFF7;
}
.tl-4{
 font-size:17px;
 font-weight:bold;
 text-align:center;
 color:#FDE3A7;
}
#login{
 float:right;
 width:50%;
}
#login-sg{
 margin-top:20%;
}
#footer{
 background-color:#fff;
 width:100%;
 height:50px;
 margin:0px;
 float:left;
 border-top:5px solid #3498DB;
}
#footer p{
 text-align:center;
 font-size:18px;
 font-weight:bold;
 color:#3498DB;
}
_

3. Hubungkan ke basis data

Saat kami bekerja dengan proses pengiriman data, kami perlu membuat koneksi ke database. buat file baru bernama db. php

db. php

4. Membuat tabel pengguna

Sekarang kita membutuhkan tabel untuk menyimpan data pengguna. Anda dapat membuat tabel secara manual atau menyalin dan mengimpor file sql yang diberikan di bawah ini

anggota. sql

CREATE TABLE IF NOT EXISTS `member` (
  `mem_id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(30) NOT NULL,
  `password` varchar(30) NOT NULL,
  `fname` varchar(30) NOT NULL,
  `lname` varchar(30) NOT NULL,
  `address` varchar(100) NOT NULL,
   PRIMARY KEY (`mem_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

5. Mengolah formulir pendaftaran

Dalam formulir pendaftaran halaman utama, kami menambahkan file tindakan (execute. php). File ini akan digunakan untuk memproses input pengguna dan menyimpannya di database

menjalankan. php

6. Memproses formulir login

Sekarang kita perlu mencocokkan nama pengguna dan kata sandi dari data yang disimpan di database kita menggunakan file 'logincheck. php‘

logincheck. php

7. Buat sesi pengguna

Kita harus membuat file bernama 'session. php’ untuk memelihara dan memeriksa sesi pengguna untuk memeriksa hak akses

sidang. php

8. Membuat halaman sambutan/profil

Sekarang setelah login kita perlu mengirim pengguna ke halaman selamat datang. jadi mari kita buat halaman profil bernama 'selamat datang. php’

selamat datang. php





 
 
 7topics - Login Demo



 
  
 

-written by Rahul Ranjan Welcome , You are now logged in. you can logout by clicking on signout link given below.

Your Profile

Reg id:

Username:

Name:

Email id:

Copyright © 2015 7topics.com

Sign Out

Delete Account


Copyright © 2014-2015 7topics.com

9. Proses tombol "Keluar" dan "Hapus Akun".

Di halaman profil kami telah menambahkan dua tombol 'Keluar' dan 'Hapus Akun'. Sekarang untuk membuatnya berhasil. kami akan menambahkan dua halaman baru 'logout. php' dan 'hapus. php‘. Anda dapat melihat skrip yang ditampilkan di bawah ini

keluar. php

deleteac. php







"; echo "Account Deleted Sucessfully."; echo " Click here to go back. "; echo "

"; } elseif(!isset($loggedin_session) || $loggedin_session==NULL) { header("Location: index.php"); } else { echo "Unable to delete Your Account"; } ?>
_

Anda dapat melihat demo tutorial ini dengan mengklik tombol di bawah ini

Lihat Demo                      Download Zip

Tutorial ini adalah tentang membuat halaman profil pengguna sederhana. Kode yang diberikan di atas akan menampilkan informasi pengguna setelah pendaftaran dan juga memungkinkan Anda untuk menghapus akun pengguna. Terima kasih telah membaca tutorial saya. Berikan umpan balik penting Anda di bawah ini di kotak komentar

Bagaimana cara menampilkan gambar profil pengguna setelah login di php?

session_connect. php . isset($login_session)){ mysql_close($connection); . indeks

Bagaimana cara menampilkan detail pengguna setelah login di php?

masuk. php .
require_once 'sambung. php';
session_start();
jika(ISSET($_POST['masuk'
$namapengguna = $_POST['namapengguna'];
$password = $_POST['password'];
$query = mysqli_query($conn, "SELECT * FROM `user` WHERE `username` = '$username' AND `password` = '$password'") or die(mysqli_error());
$ambil = mysqli_fetch_array($query);

Bagaimana cara menampilkan profil pengguna menggunakan php?

php dapatkan variabel ini. $id = $_GET['userid']; Dengan cara ini Anda dapat menampilkan profil pengguna yang relevan di profil. php.

Bagaimana cara membuat halaman profil setelah login?

Dalam artikel ini, kita akan mempelajari cara membuat halaman profil pengguna. .
Membuat halaman utama
Memberi gaya pada halaman
Hubungkan ke basis data
Membuat tabel pengguna
Mengolah formulir pendaftaran
Memproses formulir login
Buat sesi pengguna
Membuat halaman sambutan/profil