План – конспект урока по теме: Добавление пользователя в панели администратора сайта
план-конспект занятия

План – конспект урока

Тема урока: Добавление пользователя в панели администратора сайта.

Цель урока:

Образовательная: познакомить учащихся с представлением интерфейса администратора, программированием на одной стрнаице различных логистических связей, запрограммировать добавление пользователя сайта через палель администратора.

Развивающая: сформировать умение запрограммировать добавление пользователя сайта через палель администратора; развить логическое мышление.

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

Оборудование: компьютерный класс с установленным ПО, сервер, проектор, экран.

Дидактические материалы к учебному занятию: предыдущие наработки по предмету - код, видео-уроки.

Тип урока: комбинированный.

План урока:

1. Организационный момент (2 мин).

2. Актуализация деятельности учащихся (5 мин).

2. Объяснение нового материала (15 мин).

3. Закрепление изученного материала. Выполнение практической работы (20 мин).

4. Подведение итогов работы (3 мин).

Ход урока.

1. Организационный момент

2. Актуализация деятельности учащихся

 -   Загрузка из облака домашнего задания. Проверка домашнего задания.

 -  Проверка необходимохо кода с предыдущих заданий для выполнения этого задания.

3. Объяснение нового материала.

Показ демонстрации экрана преподавателя:

3.1 Открываются файлы с кодом с прошлых занятий, указываем в коде связующий элемент между будущими страницами (add.php). Создаем новую страницу в папке с файлами (копируем admin.php и переименовываем в add.php).

Находим блок, где будет написан код (3 главные кнопки):

        копируем код с формой с прошлых занятий (регистрация пользователей):

Добавить пользователя

Отличие интерфейса пользователя от администратора в одном и том же действии в том, что у пользователя есть скрытые элементы настройки, к которым имеет доступ только администратор сайта. В соответствии с этим администратор может редактировать все настройки, поэтому добавляются поля для настройки всех данных пользователей:

            Выбрать аватар

            Введите адрес доставки

            Введите телефон

            Статус пользователя

3.2 Теперь когда все поля в форме прописаны, можно приступать к программированию:

        переходим в верхнюю часть над кодом формы. Чтобы при нажатии на кнопку "Добавить пользователя" отображалась только нужная нам форма пропишем код:

        if ($_POST['add_pol']=='Добавить пользователя')

        А весь код формы запишем в фигурные скобки { }

Теперь для пограммирования необходимо переименовать ктопку add_pol в форме в add_pol2

Чтобы запустился код этой ктопки пропышем выше код:

        if ($_POST['add_pol2']=='Добавить пользователя')

        в фигурных скобках прописывем метод пост для захвата значений переменных, проверка пароля и выполнения запроса для программирования:

        $login=$_POST['login'];

        $mail=$_POST['mail'];

        $pass1=$_POST['pass1'];

        $pass2=$_POST['pass2'];

        $img=$_POST['img'];

        $adres=$_POST['adres'];

        $tel=$_POST['tel'];

        $status=$_POST['status'];

        if ($pass1 == $pass2)

        {

                $query="INSERT INTO `reg`(`login`, `mail`, `pass`, `img`, `adres`, `tel`, `status`)

                          VALUES ('$login','$mail','$pass1','$img','$adres','$tel','$status')";

                $result=mysqli_query($conn,$query);

        }

        А также служебные сообщения как ответ от базы данных на верные или не верные входные данные

        echo "

Пользователь добавлен, Вернуться назад

";

        echo "

Пароли не совпадают, попробуйте еще раз Вернуться назад

";

3.3 Выполнение самостоятельной практической работы.

        Реализация работы на своих ПК, задание вопросов, исправление типичных ошибок с учителем.

4. Подведение итогов занятия. (Оценить роботы учащихся.)

        Домашнее задание: загрузить в облако, доделать дома, усоверженстровать формы под свой сайт.