Style.Css – таблица стилей. Файл assets/style.Css содержит описания внешнего вида всех элементов интерфейса: карточек, кнопок, форм и полей ввода.
Рисунок 2 – Страница профиля модератора
Рисунок 3 – Панель модератора
Рисунок 4 – Страница создания нового курса
Рисунок 5 – Обновленная база курсов
Рисунок 6 – Подтверждение удаления курса
Рисунок 7 – Обновленный каталог товаров
Листинг register.php
<?php
session_start();
error_reporting(E_ALL); ini_set('display_errors', 1);
$dsn = 'pgsql:host=127.0.0.1;port=5432;dbname=interslavic_db';
$user = 'webapp';
$pass = 'PASSWORD';
try {
$pdo = new PDO($dsn, $user, $pass, [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $e) {
echo '<!doctype html><meta charset="utf-8"><link rel="stylesheet" href="assets/style.css">';
echo '<body class="auth-page"><div class="auth-card alert err">'
. 'Не удалось подключиться: ' . htmlspecialchars($e->getMessage()) . '</div></body>';
exit;
}
$msg=''; $ok=false;
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$fullname = trim($_POST['fullname'] ?? '');
$email = trim($_POST['email'] ?? '');
$login = trim($_POST['login'] ?? '');
$password = $_POST['password'] ?? '';
if ($fullname==='' || $email==='' || $login==='' || $password==='') {
$msg='Заполните все поля.';
} elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$msg='Некорректный e-mail.';
} else {
$chk=$pdo->prepare('SELECT 1 FROM public.users WHERE email=:e OR login=:l');
$chk->execute([':e'=>$email, ':l'=>$login]);
if ($chk->fetch()) {
$msg='Пользователь с таким e-mail или логином уже существует.';
} else {
try{
$pdo->prepare('INSERT INTO public.users (fullname,email,login,password) VALUES (:f,:e,:l,:p)')
->execute([':f'=>$fullname, ':e'=>$email, ':l'=>$login, ':p'=>password_hash($password, PASSWORD_DEFAULT)]);
$ok=true; $msg='Регистрация прошла успешно! Теперь можно войти.';
}catch(PDOException $ex){
$msg = ($ex->getCode()==='23505') ? 'Такой e-mail или логин уже зарегистрирован.'
: 'Ошибка БД: '.htmlspecialchars($ex->getMessage(), ENT_QUOTES, 'UTF-8');
}
}
}
}
?>
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<title>Регистрация — Interslavic</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body class="auth-page">
<div class="auth-card">
<div class="auth-brand">
<div class="auth-logo">IS</div>
<strong>Interslavic</strong>
</div>
<h2 class="auth-title">Создание аккаунта</h2>
<?php if ($msg): ?>
<div class="alert <?= $ok ? 'ok' : 'err' ?>" style="margin-bottom:10px;">
<?= htmlspecialchars($msg, ENT_QUOTES, 'UTF-8') ?>
</div>
<?php endif; ?>
<form class="auth-form" method="post" autocomplete="off">
<div class="auth-input">
<label>ФИО</label>
<input name="fullname" required value="<?= htmlspecialchars($_POST['fullname'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
</div>
<div class="auth-input">
<label>Email</label>
<input name="email" type="email" required value="<?= htmlspecialchars($_POST['email'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
</div>
<div class="auth-input">
<label>Логин</label>
<input name="login" required value="<?= htmlspecialchars($_POST['login'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
</div>
<div class="auth-input">
<label>Пароль</label>
<input name="password" type="password" required>
</div>
<div class="auth-actions">
<button class="btn" type="submit">Зарегистрироваться</button>
<button class="btn secondary" type="button" onclick="location.href='login.php'">У меня есть аккаунт</button>
</div>
</form>
</div>
</body>
</html>
Листинг login.php
<?php
session_start();
require __DIR__ . '/partials/ui.php';
error_reporting(E_ALL); ini_set('display_errors', 1);
$dsn = 'pgsql:host=127.0.0.1;port=5432;dbname=interslavic_db';
$user = 'webapp';
$pass = 'PASSWORD';
try {
$pdo = new PDO($dsn, $user, $pass, [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $e) {
ui_header('Вход');
echo '<div class="container"><div class="card alert err">Не удалось подключиться: '
. htmlspecialchars($e->getMessage()) . '</div></div>';
ui_footer(); exit;
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$login = trim($_POST['login'] ?? '');
$password = $_POST['password'] ?? '';
if ($login === '' || $password === '') {
$message = 'Введите логин и пароль.';
} else {
$st = $pdo->prepare('SELECT user_id, fullname, password FROM public.users WHERE login = :l');
$st->execute([':l' => $login]);
$u = $st->fetch();
if ($u && password_verify($password, $u['password'])) {
session_regenerate_id(true);
$_SESSION['user_id'] = $u['user_id'];
$_SESSION['fullname'] = $u['fullname'];
$pdo->prepare('UPDATE public.users SET last_login = now() WHERE user_id = :id')
->execute([':id' => $u['user_id']]);
header('Location: profile.php'); exit;
} else {
$message = 'Неверный логин или пароль.';
}
}
}
?>
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<title>Вход — Interslavic</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body class="auth-page">
<div class="auth-card">
<div class="auth-brand">
<div class="auth-logo">IS</div>
<strong>Interslavic</strong>
</div>
<h2 class="auth-title">Вход в систему</h2>
<?php if ($message): ?>
<div class="alert err" style="margin-bottom:10px;">
<?= htmlspecialchars($message, ENT_QUOTES, 'UTF-8') ?>
</div>
<?php endif; ?>
<form class="auth-form" method="post" autocomplete="off">
<div class="auth-input">
<label>Логин</label>
<input name="login" required>
</div>
<div class="auth-input">
<label>Пароль</label>
<input name="password" type="password" required>
</div>
<div class="auth-actions">
<button class="btn" type="submit">Войти</button>
<button class="btn secondary" type="button" onclick="location.href='register.php'">Создать аккаунт</button>
</div>
</form>
<div class="auth-note">
Забыли пароль? <span class="link">пока не реализовано</span>
</div>
</div>
</body>
</html>
Листинг profile.php
<?php
session_start(); require __DIR__.'/partials/ui.php';
if(!isset($_SESSION['user_id'])){ header('Location: login.php'); exit; }
ui_header('Профиль');
?>
<div class="card">
<div style="display:flex; gap:18px; align-items:center;">
<div class="logo" style="width:64px;height:64px; font-size:22px;">
<?= strtoupper(substr($_SESSION['fullname'],0,1)).strtoupper(substr(strstr($_SESSION['fullname'],' '),1,1)) ?>
</div>
<div>
<h2 style="margin:0"><?= htmlspecialchars($_SESSION['fullname']) ?></h2>
<div style="color:#7a7a7a">Статус: обучающийся</div>
</div>
<div style="margin-left:auto">
<a class="btn secondary" href="logout.php">Выйти</a>
</div>
</div>
</div>
<div class="hero">
<div class="card progress">
<h3>Прогресс</h3>
<div class="pill"><span>Местоимения</span><b>2%</b></div>
<div class="pill"><span>Прилагательные</span><b>54%</b></div>
<div class="pill"><span>Существительные</span><b>100%</b></div>
</div>
<div class="card">
<h3>Продолжить обучение</h3>
<div style="display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px">
<a class="pill" style="text-decoration:none;color:inherit" href="#"><span>Учебные материалы</span><b>▶</b></a>
<a class="pill" style="text-decoration:none;color:inherit" href="#"><span>Тестирование</span><b>▶</b></a>
<a class="pill" style="text-decoration:none;color:inherit" href="#"><span>Практика</span><b>▶</b></a>
<a class="pill" style="text-decoration:none;color:inherit" href="#"><span>Карточки</span><b>▶</b></a>
</div>
</div>
</div>
<?php ui_footer(); ?>
Листинг logout.php
<?php
session_start();
session_unset();
session_destroy();
header("Location: login.php");
exit;