4. Практическая часть
Постановка задачи: создать веб-страницу index.php, содержащую 1 блок со ссылками и блок контента с информацией о трех мобильных приложениях (программы не должны повторяться в пределах учебной группы) по нижеприведенному образцу. Все параметры главной страницы (мета-тэги, заголовок, значение тэга title, описание программ) должны быть взяты из БД, подключенной в файле index.php.
Результат выполнения задания (рис. 3).
Рис.
3. Главная страница. Внешний вид
Исходный код страницы index.php в браузере (рис. 4).
Рис.
4. Исходный код главной страницы
Создание бд
В программе phpMyAdmin создайте базу данных c названием lab3_[ваши инициалы], например для Иванова А.В. будет lab3_iav. Для создания БД необходимо написать название и выбрать кодировку. В данном случае – кодировка cp1251-general-ci (рис. 5).
Рис. 5. Создание БД в программе phpMyAdmin
После создания БД – создайте в ней таблицы. При создании таблиц необходимо использовать префиксы перед названием таблицы, состоящие из ваших инициалов. Например, Иванов А.В. создает таблицу students, предназначенную для хранения списка группы студентов. В этом случае таблицу необходимо назвать так: iav_students (обратите внимание, что далее названия таблиц даны без префиксов, в том числе в листингах, но их обязательно нужно указывать).
Для работы потребуется создать таблицу студенты (students) и таблицу настройки(settings). В таблице students мы будем хранить список группы, а в таблице settings – параметры главной страницы (текст, заголовок, значения мета-тэгов и т.д.).
В таблице students необходимо создать 3 поля:
id_student (для хранения порядкового номера студента) тип данных integer, размер поля 3 символа.
id_group (для хранения кода группы) тип данных varchar, размер поля 10 символов. При заполнении – пишите код, например, 09-ПИ.
fio (для хранения ФИО студента) тип данных varchar, размер поля 255 символов.
В таблице settings необходимо создать 6 полей (рис.6):
id_page (для хранения кода страницы) тип данных integer, размер поля 3 символа.
page (для хранения названия страницы) тип данных varchar, размер поля 255 символов.
title (для хранения заголовка веб-страницы) тип данных varchar, размер поля 255 символов.
meta_d (для хранения мета-тэга description) тип данных varchar, размер поля 255 символов.
meta_k (для хранения мета-тэга keywords) тип данных varchar, размер поля 255 символов.
text (для хранения текста веб-страницы) тип данных TEXT.
Рис. 6. Создание таблицы settings в
программе phpMyAdmin
Наполнение бд
После создания БД ее нужно наполнить данными. В таблице students заполните все поля, как минимум, для любых 5 студентов вашей группы. Таким образом, в таблице students будет не менее 5 записей.
В таблице settings создайте 1 запись для главной страницы Web-приложения. Заполните все поля, а в поле text укажите тот текст, который будет выводиться на главной странице с применением html-тэгов.
Создание оболочки Web-приложения
Примечание: Наряду с вызовом php echo через конструкцию <?php echo “Hello”;?> существует так называемый «короткий вариант»: <?=”Hello”;?>. В данном примере используются оба варианта вызова.
Создайте Web-страницу index.php следующего содержания:
<?php
//область подключения к серверу MySQL
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<meta name="description" content="<?= “значение переменной meta_d”;?>">
<meta name="keywords" content="<?= “значение переменной meta_k”;?>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?=“значение переменной title”;?></title>
</head>
<body>
<?php
// значение переменной text
?>
</body>
</html>