Как мы можем создать страницу входа для администратора, связанного с базой данных или чья информация для входа на страницу уже хранится в нашей базе данных.
Выполните следующие действия, описанные ниже, чтобы создать страницу входа администратора с помощью PHP. Внимание! Этот метод существует для обучения и тренировки. Мануал сделан для запуска проекта на XAMPP или WAMP. Убедитесь, что на вашем компьютере с Windows установлен XAMPP или WAMP . Если вы используете ОС Linux, установите сервер LAMP . В этой статье мы будем использовать сервер XAMPP.
1. Создайте базу данных
Сначала мы создадим базу данных с именем « jekky_baza » (вы можете дать своей базе данных любое имя). Вы также можете использовать существующую базу данных или создать новую.
2. Создайте таблицу.
Создайте таблицу с именем «adminlogin» с тремя столбцами для хранения данных.
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;
4. Вставьте информацию для входа администратора
Допустим, у нашего вебресурса будет 2 администратора. Для них и сделаем записи в таблице `adminlogin`
INSERT INTO `adminlogin` (`id`, `username`, `password`) VALUES (NULL, 'admin', 'admin'), (NULL, 'admin2', 'admin2');
После вставки значений таблица будет выглядеть следующим образом.
А вот так это выглядит на домашнем сервере 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, которые есть в открытом доступе .