лого

Как создать страницу входа администратора с помощью PHP

Поиск по сайту


Как создать страницу входа администратора с помощью PHP

Как мы можем создать страницу входа для администратора, связанного с базой данных или чья информация для входа на страницу уже хранится в нашей базе данных.

Выполните следующие действия, описанные ниже, чтобы создать страницу входа администратора с помощью PHP. Внимание! Этот метод существует для обучения и тренировки. Мануал сделан для запуска проекта на XAMPP или WAMP. Убедитесь, что на вашем компьютере с Windows установлен XAMPP или WAMP . Если вы используете ОС Linux, установите сервер LAMP . В этой статье мы будем использовать сервер XAMPP.

1. Создайте базу данных

Сначала мы создадим базу данных с именем « jekky_baza » (вы можете дать своей базе данных любое имя). Вы также можете использовать существующую базу данных или создать новую.

создание базы данных
Создаем базу данных, она пока пустая

2. Создайте таблицу.

Создайте таблицу с именем «adminlogin» с тремя столбцами для хранения данных.

создание таблицы
Создаем таблицу с 3 столбцами

3. Создайте структуру таблицы

Таблица «adminlogin» содержит три поля.
id – первичный ключ – автоматическое увеличение
имя пользователя – varchar(100)
пароль – варчар(100)
Тип данных для имени пользователя и пароля — varchar .
Размер может быть изменен по желанию. Однако 100 достаточно, а тип данных для «id» — int , и это первичный ключ .
Первичный ключ , также называемый первичным ключевым словом, — это ключ в реляционной базе данных, который уникален для каждой записи. Это уникальный идентификатор, например номер водительского удостоверения, номер телефона (включая код города) или идентификационный номер транспортного средства (VIN).

Или скопируйте и вставьте следующий код в панель SQL вашего PHPMyAdmin .

DROP TABLE IF EXISTS `adminlogin`;
CREATE TABLE IF NOT EXISTS `adminlogin` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(100) NOT NULL,
  `password` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

запрос SQL
Запрос SQL к базе данных

4. Вставьте информацию для входа администратора

Допустим, у нашего вебресурса будет 2 администратора. Для них и сделаем записи в таблице `adminlogin`

INSERT INTO `adminlogin` (`id`, `username`, `password`) VALUES (NULL, 'admin', 'admin'), (NULL, 'admin2', 'admin2');

После вставки значений таблица будет выглядеть следующим образом.

в таблице 2 админа
Теперь у нас в таблице есть возможность прописать данные для входа двух администраторов

А вот так это выглядит на домашнем сервере OpenServer, если вы тренируетесь на нем.

база данных на OpenServer
То же самое на OpenServer

5. Создайте папку с файлами.

Папка должна находиться в папке «C:\xampp\htdocs\» (или там , где установлен ваш XAMPP). Для сервера WAMP он должен находиться в «C:\wamp64\www\» , а в Linux — «/opt/lampp/htdocs» .

Создайте файл index.php, ниже - исходный код, скопируйте его в созданный файл index.php

<!DOCTYPE html>
<html lang="ru">
 
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href=
"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="login.css">
    <title>Login Page</title>
</head>
 
<body>
    <form action="validate.php" method="post">
        <div class="login-box">
            <h1>Login</h1>
 
            <div class="textbox">
                <i class="fa fa-user" aria-hidden="true"></i>
                <input type="text" placeholder="Username"
                         name="username" value="">
            </div>
 
            <div class="textbox">
                <i class="fa fa-lock" aria-hidden="true"></i>
                <input type="password" placeholder="Password"
                         name="password" value="">
            </div>
 
            <input class="button" type="submit"
                     name="login" value="Sign In">
        </div>
    </form>
</body>
 
</html>

Создайте файл Connection.php. Впишите данные своей базы, название, юзер, пароль.

 
<?php

$conn = "";

try {
	$servername = "localhost";
	$dbname = "НАЗВАНИЕ ВАШЕЙ БАЗЫ ДАННЫХ";
	$username = "ПОЛЬЗОВАТЕЛЬ";
	$password = "ПАРОЛЬ";

	$conn = new PDO(
		"mysql:host=$servername; dbname=НАЗВАНИЕ ВАШЕЙ БАЗЫ ДАННЫХ",
		$username, $password
	);
	
$conn->setAttribute(PDO::ATTR_ERRMODE,
					PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e) {
	echo "Connection failed: " . $e->getMessage();
}

?>

Следующий файл: login.css

    
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	background: url() no-repeat;
	background-size: cover;
}

.login-box {
	width: 280px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #191970;
}

.login-box h1 {
	float: left;
	font-size: 40px;
	border-bottom: 4px solid #191970;
	margin-bottom: 50px;
	padding: 13px;
}

.textbox {
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	padding: 8px 0;
	margin: 8px 0;
	border-bottom: 1px solid #191970;
}

.fa {
	width: px;
	float: left;
	text-align: center;
}

.textbox input {
	border: none;
	outline: none;
	background: none;
	font-size: 18px;
	float: left;
	margin: 0 10px;
}

.button {
	width: 100%;
	padding: 8px;
	color: #ffffff;
	background: none #191970;
	border: none;
	border-radius: 6px;
	font-size: 18px;
	cursor: pointer;
	margin: 12px 0;
}
    
    

Следующий файл: validate.php

    
<?php

include_once('connection.php');

function test_input($data) {
	
	$data = trim($data);
	$data = stripslashes($data);
	$data = htmlspecialchars($data);
	return $data;
}

if ($_SERVER["REQUEST_METHOD"] == "POST") {
	
	$username = test_input($_POST["username"]);
	$password = test_input($_POST["password"]);
	$stmt = $conn->prepare("SELECT * FROM adminlogin");
	$stmt->execute();
	$users = $stmt->fetchAll();
	
	foreach($users as $user) {
		
		if(($user['username'] == $username) && 
			($user['password'] == $password)) {
				header("location: adminpage.php");
		}
		else {
			echo "<script language='javascript'>";
			echo "alert('WRONG INFORMATION')";
			echo "</script>";
			die();
		}
	}
}

?>
    
    

Следующий файл: adminpage.php Добавьте на страницу администратора все, что хотите отобразить.


Это страница администратора

Инструкция как управлять сайтом....

Выполнив все вышеперечисленные шаги, теперь выполните следующие действия:
Запустить XAMPP-сервер
Запустите службы Apache и MySQL с панели XAMPP.
Введите http://localhost/loginPage/ в своем браузере.
Вы получите следующий экран страницы входа.

страница входа
Страница входа выглядит так

Пишете наши логин и пароль 'admin' и 'admin'. Попадаете на страницу администратора.
PHP — это серверный язык сценариев, разработанный специально для веб-разработки. Вы можете изучить PHP с нуля, следуя руководству по PHP и примерам PHP, которые есть в открытом доступе .



(Обновлено Апрель 26, 2024 at 9:20am )
Написано