Администраторские права на сайте — это важный элемент, который обеспечивает полный контроль за контентом, пользовательскими аккаунтами и другими функциями сайта. Но как сделать административную панель в CSS v34 по нику и паролю?
Существует несколько способов создания админки на сайте, но в данной статье мы рассмотрим, как сделать простую и эффективную админку в CSS v34. Для начала нам необходимо создать HTML-структуру для административной панели.
Создание HTML-структуры:
Здесь мы создаем контейнер ‘div’, который будет содержать форму для входа в административную панель. Форма содержит два поля: логин и пароль. При отправке формы данные будут отправлены на admin.php, где будет проверяться введенный логин и пароль.
Создание стилей для административной панели:
#login {
width: 300px;
padding: 20px;
margin: 100px auto;
border: 1px solid #ccc;
border-radius: 5px;
}
form {
display: flex;
flex-direction: column;
}
label {
margin-bottom: 10px;
}
input|type=»text»|, input|type=»password»| {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
input|type=»submit»| {
background-color: #337ab7;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
Здесь мы создали стили для контейнера ‘div’, формы и ее элементов. Наши стили обеспечивают адаптивность и выглядят презентабельно.
Создание скрипта для проверки логина и пароля:
if($_SERVER|’REQUEST_METHOD’| == «POST») {
$username = $_POST|’login’|;
$password = $_POST|’password’|;
if($username === ‘admin’ && $password === ‘12345’) {
header(‘Location: admin_panel.php’);
} else {
echo «Неверный логин или пароль!»;
}
}
?>
Здесь мы создали PHP-скрипт, который будет проверять введенные данные и перенаправлять пользователя на страницу административной панели в случае успеха. Если же данные не являются верными, скрипт выведет сообщение об ошибке.
В заключение, мы создали административную панель в CSS v34, которая обеспечивает защищенный доступ к сайту. С помощью HTML-структуры, CSS-стилей и PHP-скрипта мы создали простую, но эффективную админку, которая будет намного легче реализовать, чем использование больших фреймворков.