En este artículo, vamos a verificar las credenciales (nombre de usuario y contraseña) ingresadas por el usuario. Si las credenciales coinciden con las entradas de la base de datos, el usuario puede ingresar a otra página y si las credenciales son incorrectas, muestra «Lo siento, nombre de usuario y contraseña no válidos».
Requisitos previos: servidor XAMPP , conceptos básicos de HTML , CSS , PHP , MySQL .
Paso 1: Primero, debemos iniciar el servidor XAMPP desde el panel de control de XAMPP. XAMPP es un software incluido.
Abra el Panel de control de XAMPP e inicie los servicios de Apache y MySQL. En la carpeta XAMPP, vaya a la carpeta htdocs y cree una carpeta llamada check_username_pwd. Guardaremos todos los archivos en la carpeta del proyecto. Los archivos son index.php, login.php, check.php.
Paso 2: Abra el editor de su elección. Cree un archivo llamado connect.php para realizar la conexión a la base de datos. El objeto de conexión se devuelve a la variable $conn . El nombre de la base de datos es check .
connect.php: La función mysqli_connect() se utiliza para conectar la base de datos.
PHP
<?php
$conn = mysqli_connect("localhost", "root", "", "check");
?>
Paso 3: Crear una tabla de base de datos.
- Vaya a localhost/phpMyAdmin
- Crear una base de datos con un control de nombre .
- Ahora haga clic en SQL y escriba el código de consulta que se menciona a continuación.
CREATE TABLE register(
id int(10) AUTO_INCREMENT PRIMARY KEY,
firstname varchar(50),
lastname varchar(50),
username varchar(100),
year varchar(20),
mobile varchar(20),
password varchar(50)
);
Se crea una tabla de base de datos con el nombre ‘ registro ‘
Paso 4: Crea otro archivo llamado index.php
Esta página es un formulario PHP que se utiliza para insertar los datos de un usuario para crear un nombre de usuario y una contraseña. Cuando se insertan los datos, se muestra un mensaje de alerta «Se registró con éxito». Esta página contiene un inicio de sesión de hipervínculo, al hacer clic en este usuario salta a login.php.
índice.php:
PHP
<?php
include("connect.php");
if(isset($_POST['submit'])) {
$query = mysqli_query($conn,
"INSERT INTO REGISTER SET firstname='"
. $_POST["firstname"] . "' ,lastname ='"
. $_POST["lastname"] . "' ,username ='"
. $_POST["username"] . "' ,year ='"
. $_POST["year"] . "' ,mobile ='"
. $_POST["mob"] . "' ,password ='"
. $_POST["pwd"] . "' ");
?>
<script>
alert('You Registered Successfully, Login now');
</script>
<?php
}
?>
<html>
<head>
<meta charset="utf-8">
<title>Register Page</title>
<style>
th {
text-align: left;
}
td {
text-align: center;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<a href="login.php"
style="font-size:30px; float:right;">
Login
</a>
<form method="post" action="index.php" name="frm1">
<fieldset>
<legend align="center">
<h1>Register Here</h1>
</legend>
<table align="center" border="1"
width="40%" style="border:thick;">
<tr>
<th height="40"><label for="firstname">
First Name</label>
</th>
<td><input type="text"
name="firstname"
id="firstname" required>
</td>
</tr>
<tr>
<th height="40"><label for="lastname">
Last Name</label>
</th>
<td><input type="text"
name="lastname"
id="lastname" required>
</td>
</tr>
<tr>
<th height="40"><label for="username">
Username</label>
</th>
<td><input type="text"
name="username"
id="username" required>
</td>
</tr>
<tr>
<th height="40">
<label for="year">Year</label>
</th>
<td><select name="year"
id="year" required>
<option value="">
Choose Year
</option>
<option value="First Year">
First Year
</option>
<option value="Second Year">
Second Year
</option>
<option value="Third Year">
Third Year
</option>
<option value="Fourth Year">
Fourth Year
</option>
</select>
</td>
</tr>
<tr>
<th height="40">
<label for="mob">Mob.No.</label>
</th>
<td><input type="tel" name="mob"
id="mob" required>
</td>
</tr>
<tr>
<th height="40">
<label for="pwd">Password</label>
</th>
<td><input type="password"
name="pwd" id="pwd" required>
</td>
</tr>
<tr>
<td height="40" colspan="2"><input
type="submit" name="submit"
value="Register">
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
Producción:
Este es el resultado de la base de datos después de ingresar los datos a través del formulario de registro que está disponible en index.php .
Paso 5: crea otro archivo login.php . En esto, creamos un formulario de inicio de sesión. Cuando un usuario ingresa su nombre de usuario y contraseña y si es correcto, el usuario salta a otra página check.php .
iniciar sesión.php:
PHP
<?php
include("connect.php");
if(isset($_POST['login'])) {
$sql = mysqli_query($conn,
"SELECT * FROM REGISTER WHERE username='"
. $_POST["username"] . "' AND
password='" . $_POST["pwd"] . "' ");
$num = mysqli_num_rows($sql);
if($num > 0) {
$row = mysqli_fetch_array($sql);
header("location:check.php");
exit();
}
else {
?>
<hr>
<font color="red"><b>
<h3>Sorry Invalid Username and Password<br>
Please Enter Correct Credentials</br></h3>
</b>
</font>
<hr>
<?php
}
}
?>
<html>
<head>
<style>
th {
text-align: left;
}
td {
text-align: center;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<form method="post" action="login.php">
<fieldset>
<legend align="center">
<h1 align="center">Login</h1>
</legend>
<table width="50%" border="1"
align="center" style="border:thick;">
<tr>
<th height="40"><label for="username">
Username</label>
</th>
<td><input type="text" name="username"
id="username" required>
</td>
</tr>
<tr>
<th height="40"><label for="pwd">
Password
</label>
</th>
<td><input type="password"
name="pwd" id="pwd" required></td>
</tr>
<tr>
<td colspan="2" height="40"><input
type="submit" name="login"
value="Login"></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
Producción:
Y si el nombre de usuario y la contraseña no coinciden, muestra «Lo siento, nombre de usuario y contraseña no válidos».
Paso 6: crea otro archivo check.php. Esta página se abre cuando el usuario ingresa las credenciales correctas y luego hace clic en el botón de inicio de sesión que significa que el nombre de usuario y la contraseña coinciden con la base de datos.
PHP
<html> <body> <h2> Your login Credientials i.e.; Username, Password are matched </h2> </body> </html>
Producción:
Paso 6: Ejecute este proyecto en el navegador.
- Abrir navegador (Google Chrome)
- Escriba la ruta adecuada del proyecto en la barra de URL «localhost/check_username_pwd/»
Producción:
Publicación traducida automáticamente
Artículo escrito por garimamahawar2002 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA