Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Категория: Разное / Веб-дизайн
Добавил: access_timeОпубликовано: 27-03-2019 visibilityПросмотров: 8 197 chat_bubble_outlineКомментариев: 0


Здравствуйте, уважаемые читатели сайта remontcompa.ru! Меня зовут Роман Нахват и я представляю вашему вниманию восьмую часть из цикла статей по языку программирования PHP. В седьмой части мы с вами познакомились с  условным оператор if, а также с логическими операторами && ("и") и || ("или"). В данной части на конкретном примере рассмотрим ещё один условный оператор под названием switch. Конструкция условного оператора switch такова, что в качестве выражения после слова switch в круглых скобках записывается какая-либо переменная либо выражение. Далее в фигурных скобках после слова case указываются возможные значения переменной или выражения, указанного в круглых скобках после слова switch. Если значение переменной (или выражения) совпадает с каким-либо значением, указанным после слова case, то выполняется код, прописанный после знака :. Для того, чтобы оператор switch завершал свою работу после обнаружения первого совпадения значений, каждый код важно завершать ключевым словом break.

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch


Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch


Создадим  документ со следующим содержимым и сохраним его под именем forma и расширением .php на флеш накопителе в папке CSS

Файл forma.php

С помощью тегов <h3></h3> добавим в документ заголовок "Какой из процессоров не поддерживает технологию Hyper-Threading"

После заголовка "Какой из процессоров не поддерживает технологию Hyper-Threading" пропишем теги <form></form>

Добавим в создаваемую форму на странице forma.php некоторые элементы, используя тег <input>. В нашем случае форма будет содержать несколько переключателей (для этого в  качестве значения для атрибута type тега <input> указываем значение radio), атрибутам name и value указываем значения processor и i7-7820HQ соответственно (значения даных атрибутов понадобятся для работы с оператором switch). Прописываем следующую строку: <p><input type="radio" name="processor" value= i7-7820HQ">Процессор i7-7820HQ</p>



Таким же образом добавим в форму ещё несколько переключателей, прописав им разные значения для атрибута value

Добавим в форму на странице forma.php кнопку отправки данных с формы, дописав строку <input type="submit" value= "Ответить">

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Подключим к странице forma.php файл стилей forma.css <link rel="stylesheet" type="text/css" href="forma.css">, используя который зададим цвет тексту в создаваемой форме

В теге <form> пропишем атрибуты action и method и зададим им значения switch.php и POST соответственно. Атрибут action используется для назначения php сценария, который будет обрабатывать форму на веб странице. В нашем случае форму на веб странице form.php будет обрабатывать сценарий в файле switch.php. Атрибут method определяет, каким образом данные из формы будут передаваться в php сценарий (в нашем случае в файл switch.php). Существует два метода передачи данных из веб формы в php сценарий, POST (который будет использован в данной статье), и GET. Подробнее каждый метод будет рассмотрен в следующих частях статей по языку PHP

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Изменим цвет текста в заголовке "Какой из процессоров не поддерживает технологию Hyper-Threading" и в форме на веб-странице form.php на синий, используя CSS селектор класса. Пропишем название класса color, как показано ниже

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

В файле стилей forma.css после селектора класса .color пропишем следующие CSS свойства: color: blue и font-weight: bold

Закачаем файлы forma.php и forma.css на хостинг (в нашем случае это 000webhost)

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Жмём Открыть



Файлы forma.php и forma.css, закачанные на хостинг

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Переименуем файл forma.php в index.php

Получим следующее

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

В итоге, если перейти на сайт по адресу https://gnomonic-lender.000webhostapp.com/, увидим созданную веб форму

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

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

В языке PHP существует специальный глобальный массив $_POST (данный массив мы будем рассматривать более подробно в следующих частях по языку PHP). В данном массиве хранятся данные, полученные из формы на веб странице и переданные с помощью метода POST. Массив  $_POST содержит элементы с теми же именами, что и каждый из элементов формы на веб странице
Так как каждому элементу из формы на веб странице назначено одинаковое имя (name="processor"), массив $_POST будет содержать элемент с именем processor

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

В файле switch.php создадим переменную $proc и назначим ей значение $_POST ['processor']

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Укажем переменную $proc в качестве выражения для условного оператора switch

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Каждый элемент формы на веб странице forma.php имеет свое значение, указанное после атрибута value

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Пропишем значения, указанные в каждом элементе формы на веб странице forma.php после атрибута value в условном операторе switch, как показано ниже

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Напротив каждого значения через знак : пропишем код, который будет выполняться в случае, если значение переменной $proc совпадет со значением, указанным после слова case. Например, если значением переменной $proc будет i7-7820HQ, то в окне веб-браузера будет выведен текст "Ваш ответ неправильный, так как выбранный вами процессор поддерживает технологию Hyper-Threading"

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Подключим к странице switch.php файл стилей forma.css, дописав строку echo "<link rel='stylesheet' type='text/css' href='forma.css'>";

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Внутри каждого тега <h3> пропишем идентификаторы otv1 и otv2, как показано ниже

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Используя CSS селекторы идентификаторов #otv1 и #otv2, зададим тексту заголовков свойства, как показано ниже

Удалим с хостинга старый файл стилей forma.css и загрузим измененный, также на хостинг загрузим файл switch.php

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Выделяем файлы forma.css и switch.php и жмём Открыть

Upload

Получаем следующее

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

Перейдем на сайт по адресу https://gnomonic-lender.000webhostapp.com/ и в форме поставим переключатель на варианте ответа Процессор i7-7820HQ и нажмём Ответить

Просто о сложном или изучаем PHP7! Часть 8. Условный оператор switch

После того, как данные из формы на веб странице были переданы для обработки файлу switch.php, в окне веб браузера мы увидим сообщение "Ваш ответ неправильный, так как выбранный вами процессор поддерживает технологию Hyper-Threading", выделенное красным цветом

 


Выберем другой вариант ответа, например Процессор i7-9700K и нажмём кнопку Ответить

В окне веб браузера увидим сообщение "Ваш ответ неправильный, так как выбранный вами процессор поддерживает технологию Hyper-Threading", выделенное зелёным цветом

Продолжение в статье: Просто о сложном или изучаем PHP7! Циклы for, while и do while

     Рекомендуем другие статьи по данной теме
Ctrl
Enter
Заметили ошибку
Выделите и нажмите Ctrl+Enter

Добавить комментарий

Комментарии (0)

Комментариев пока-что нет

Но! Вы можете стать первым. Поделитесь своим впечатлением о статье или задайте свой вопрос!