Главная | Обратная связь | Поможем написать вашу работу!

Приложение. Установка Apache, PHP и MySQL

ВОСТОЧНО-СИБИРСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНОЛОГИЧЕСКИЙ УНИВЕРСИТЕТ ТЕХНОЛОГИЙ И УПРАВЛЕНИЯ

Кафедра систем информатики

Методические указания к лабораторным работам по курсу

“Информационные технологии”

По материалам Московского государственного института электроники и математики

(технический университет)

Улан-Удэ, 2012

Оглавление

Лабораторная работа №1. 3

Лабораторная работа №2. 6

Лабораторная работа №3. 8

Лабораторная работа №4. 11

Лабораторная работа №5. 14

Приложение. Установка Apache, PHP и MySQL.. 18

Подготовительные работы.. 18

Установка Apache. 18

Установка PHP. 20

Установка MySQL.. 21

Список литературы.. 23

Лабораторная работа №1

Разработка текстовой версии персонального сайта студента

Программное обеспечение

Для выполнения лабораторной работы необходимо следующее ПО:

Редактор HTML документов (желательно HomeSite 4.5 и выше)
Файловый менеджер (желательно Windows Commander 4.0 и выше)
Браузер (желательно Internet Explorer 5.0 и выше)
Веб сервер Apache 1.3.27 и выше

Задание

Определить название сайта

Название сайта будет использоваться в заголовках документов и при проектировании стартовой страницы (л/р №2)

Определить список разделов сайта

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

Подготовить информацию для заполнения разделов сайта

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

Определить количество страниц для каждого раздела сайта

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

Разработать систему навигации между разделами и внутри разделов сайта.

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

Навигация между страницами раздела (в случае, если раздел разбит на несколько страниц) реализуется в виде списка ссылок, присутствующего на каждой странице раздела. Таким образом, находясь внутри раздела, посетитель может осуществить переход с одной страницы на любую другую за один клик (щелчок мышки)..

Описанная выше система навигации позволяет посетителю переходить с любой страницы любого раздела сайта на любую страницу любого раздела за один-два клика.

Заполнить таблицу документов

Разработанная система навигации позволяет заполнить таблицу, описывающую структуру сайта с точки зрения связей между документами. Файлы должны быть сгруппированы по разделам. Таблица должна иметь следующий вид:

№ п/п

Название HTML файла

Раздел

Номера связанных документов

Создать HTML документы без использования графики.

Согласно таблице документов (п.5) необходимо создать HTML документы (без использования графики), содержащие подготовленную ранее (п.2) информацию.

Проверить созданный сайт на предмет наличия ошибок.

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

Отчет

Отчет о выполнении лабораторной работы должен содержать следующие разделы:

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

Защита

Защита лабораторной работы осуществляется в специально отведенное время в дисплейном классе института. Для защиты необходимо предоставить отчет о выполнении лабораторной работы и продемонстрировать текстовую версию сайта.

Перед демонстрацией сайт должен быть помещен на выделенный сервер при помощи FTP клиента. Логин и пароль для доступа к персональному каталогу учащегося на сервере должен быть получен у преподавателя. Демонстрация работоспособности сайта осуществляется на рабочей станции дисплейного класса путем загрузки страниц сайта с сервера программой просмотра страниц (браузером).

Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.

Пример

Название разрабатываемого сайта: Персональный сайт Иванова И.И.
Сайт содержит разделы: Резюме, Биография, Проекты. Каждый раздел представлен одной страницей
Таблица документов:

№ п/п	Название HTML файла	Раздел	Номера связанных документов
	res.html	Резюме	2,3
	bio.html	Биография	1,3
	proj.html	Проекты	1,2

Текст файла res.html

<html>

<head>

<title>Персональный сайт Иванова И.И. Резюме</title>

</head>

<center>Резюме</center>

<tr>

<a href="res.html">Резюме</a>

<a href="#">Биография</a>

<a href="#">Проекты</a>

</td>

<td>

<tr>

<td>

Ф.И.О: Иванов Иван Иванович

Дата рождения: 1 января 1970г.

Семейное положение: холост

Домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Восточно-Сибирский университет технологий и управления (ВСГУТУ).

Специальность: вычислительные машины, комплексы, системы и сети.

Опыт работы

1995-2004 ООО "СуперСофт"

Должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

Дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Лабораторная работа №2

Модификация персонального сайта студента с использованием графики

Программное обеспечение

Для выполнения лабораторной работы необходимо следующее ПО:

Редактор HTML документов (желательно HomeSite 4.5 и выше)
Графический редактор (желательно Adobe Photoshop 5.5 и выше)
Файловый менеджер (желательно Windows Commander 4.0 и выше)
Браузер (желательно Internet Explorer 5.0 и выше)
Веб сервер Apache 1.3.27 и выше

Задание

Разработать стартовую страницу сайта

Стартовая страница (точка входа) является первой страницей, которую видит пользователь при загрузке сайта. Стартовая страница должна содержать название сайта, фотографию создателя сайта и ссылку на первый раздел сайта. Название сайта на стартовой странице должно быть выполнено в виде графического изображения.

Разработать графическое меню

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

3. Заполнить таблицу документов

Необходимо заполнить таблицу, описывающую структуру сайта с точки зрения связей между документами.

№ п/п

Название HTML файла

Раздел

Номера связанных документов

Заполнить таблицу изображений

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

№ п/п

Название файла

Длина изображения (пикселы)

Ширина Изображения (пикселы)

Размер файла (байты)

Присутствует в документах (номера из табл. документов)

Отчет

Отчет о выполнении лабораторной работы должен содержать следующие разделы:

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

Защита

Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.

Пример

Таблица изображений (в данном примере не содержит информации о стартовой странице сайта)

№ п/п	Название файла	Длина изображения (пикселы)	Ширина Изображения (пикселы)	Размер файла (байты)	Присутствует в документах (номера из табл. документов)
	res.gif				1,2,3
	bio.gif				1,2,3
	proj.gif				1,2,3

Текст файла res.html

<html>

<head>

<title>Персональный сайт Иванова И.И. Резюме</title>

</head>

<center>Резюме</center>

<tr>

</td>

<td>

<tr>

<td>

Ф.И.О: Иванов Иван Иванович

Дата рождения: 1 января 1970г.

Семейное положение: холост

Домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Московский государственный институт Электроники и Математики (МГИЭМ).

Специальность: вычислительные машины, комплексы, системы и сети.

Опыт работы

1995-2004 ООО "СуперСофт"

Должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

Дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Лабораторная работа №3

Модификация персонального сайта студента с использованием CSS и Javascript

Программное обеспечение

Для выполнения лабораторной работы необходимо следующее ПО:

Редактор HTML документов (желательно HomeSite 4.5 и выше)
Редактор стилей TopStyle 1.5 и выше ()
Графический редактор (желательно Adobe Photoshop 5.5 и выше)
Файловый менеджер (желательно Windows Commander 4.0 и выше)
Браузер (желательно Internet Explorer 5.0 и выше)
Веб сервер Apache 1.3.27 и выше

Задание

Разработать стилевые решения

Стили должны быть описаны во внешнем файле. Файл со стилями должен быть связан со всеми документами, входящими в состав сайта.

Провести разметку документов

Документы, входящие в состав сайта, должны быть размечены при помощи стилей, определенных в п.1

Анимировать графическое меню

Меню, осуществляющее навигацию между разделами сайта, должно быть анимировано средствами Javascript. Анимация заключается в изменении цвета пункта меню при наведении на него курсора мыши. После того, как курсор убран, пункт меню должен восстанавливать свой цвет.

Для осуществления анимации необходимо изготовить второй комплект графических изображений элементов меню, причем цвет элементов второго комплекта должен отличаться от цвета элементов первого комплекта (изготовленного в ходе л/р №2).

При наведении курсора мыши на пункт меню, графическое изображение пункта, входящее в состав первого комплекта, должно заменяться на соответствующее графическое изображение из второго комплекта. Когда курсор убран с пункта меню, должна производиться обратная замена.

Заполнить таблицу изображений

В таблицу изображений (заполненную в ходе л/р №2) необходимо добавить сведения о втором комплекте графических изображений пунктов меню.

№ п/п

Название файла

Длина изображения

Ширина изображения

Размер файла (кб)

Присутствует в документах (номера из табл. документов)

Отчет

Отчет о выполнении лабораторной работы должен содержать следующие разделы:

Титульный лист
Таблицу изображений
Описание стилей
Текст одного HTML документа, размеченного стилями и содержащего скрипт анимированного меню (по выбору учащегося)

Защита

Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.

Пример

Описание стилей (файл styles.css)

.title {

font-family: "Times New Roman", Times, serif;

font-size: 22px;

color: Teal;

}

.subtitle {

font-family: "Times New Roman", Times, serif;

font-size: 16px;

color: Black;

text-decoration: underline;

font-weight: bold;

}

.bold {

font-family: "Times New Roman", Times, serif;

font-size: 16px;

color: Black;

font-weight: bold;

}

.normal {

font-family: "Times New Roman", Times, serif;

font-size: 16px;

color:black;

font-weight: normal;

}

Текст файла res.html (в примере анимирована одна кнопка меню)

<html>

<head>

<title>Персональный сайт Иванова И.И. Резюме</title>

</head>

<!--

// инициализация массивов, содержащих имена файлов

var PassivePictures=new Array(1);

var ActivePictures=new Array(1);

// заполнение массивов

ActivePictures[0]="img/res2.gif";

PassivePictures[0]="img/res.gif";

// функция замены изображений

function Change(button,param,type) {

if (type=="act") button.src=ActivePictures[param];

else button.src=PassivePictures[param];

}

-->

</script>

<center>Резюме</center>

<tr>

</td>

<td>

<tr>

Ф.И.О: Иванов Иван Иванович

Дата рождения: 1 января 1970г.

Семейное положение: холост

Домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Московский государственный институт Электроники и Математики (МГИЭМ).

Специальность: вычислительные машины, комплексы, системы и сети.

Опыт работы

1995-2004 ООО "СуперСофт"

Должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

Дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Лабораторная работа №4

Модификация персонального сайта студента с использованием PHP

Программное обеспечение

Для выполнения лабораторной работы необходимо следующее ПО:

Редактор HTML документов (желательно HomeSite 4.5 и выше)
Файловый менеджер (желательно Windows Commander 4.0 и выше)
Браузер (желательно Internet Explorer 5.0 и выше)
Веб сервер Apache 1.3.27 и выше
Интерпретатор языка PHP 4.2.3 и выше

Задание

Разработать шаблон страницы

Шаблон представляет собой документ, в котором присутствуют все элементы оформления и навигации, но при этом отсутствует содержательная часть (наполнение). Такой подход позволяет отделить структуру документа от его наполнения, что позволяет существенно сократить дисковое пространство, занимаемое сайтом и осуществлять более гибкое управление информационным наполнением.

Поместить данные во внешний файл

Информация, содержащаяся в документах, должна быть представлена во внешнем файле. По усмотрению разработчика допускается любой способ организации данных, как с точки зрения количества внешних файлов, так и с точки внутренней структуры файла(ов).

Разработать процедуру формирования документа

Формирование документа осуществляется путем подстановки в шаблон соответствующей информации из внешнего файла. В шаблоне должна быть обеспечена процедура извлечения информации из внешнего файла в соответствии с номером запрашиваемого документа. Номер запрашиваемого документа передается в строке запроса при нажатии на соответствующий пункт меню.

Разработать счетчик загрузки для каждой страницы сайта.

Внизу каждой страницы должен располагаться счетчик, отображающий в текстовом виде количество загрузок страницы. Для каждой страницы должен вестись отдельный учет количества загрузок. Счетчик реализуется в виде скрипта на языке PHP и хранит данные о количестве загрузок страниц во внешнем файле.

Вызов скрипта со счетчиком помещается в шаблон страницы. Номер загружаемой страницы (документа) определяется в соответствии с параметром, получаемым из строки запроса.

Отчет

Отчет о выполнении лабораторной работы должен содержать следующие разделы:

Титульный лист
Шаблон документа
Текст файла(ов), содержащего информационное наполнение страниц сайта
Скрипт, осуществляющий работу счетчика
Описание структуры файла, содержащего данные счетчика

Защита

Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.

Пример

Шаблон документа (файл document.php)

// Файл содержит шаблон страницы

require ("data.inc.php"); // включение в программу внешнего файла data.inc.php

if (!isset($page)) $page=0;

<html>

<head>

<title>Персональный сайт Иванова И.И. Резюме</title>

</head>

<!--

// инициализация массивов, содержащих имена файлов

var PassivePictures=new Array(1);

var ActivePictures=new Array(1);

// заполнение массивов

ActivePictures[0]="img/res2.gif";

PassivePictures[0]="img/res.gif";

// функция замены изображений

function Change(button,param,type) {

if (type=="act") button.src=ActivePictures[param];

else button.src=PassivePictures[param];

}

-->

</script>

<tr>

</td>

<td>

<tr>

<? echo $content[$page];?>

</td>

</tr>

</table>

</td>

</tr>

</table>

<? require ("counter.inc.php");?>

</body>

</html>

Файл, содержащий информационное наполнение страниц (файл data.inc.php содержит информацию только для одного раздела сайта)

// Файл содержит описание массивов, содержащих названия страниц и их текст

$title[0]='Резюме';

$content[0]='

Ф.И.О: Иванов Иван Иванович

Дата рождения: 1 января 1970г.

Семейное положение: холост

Домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Московский государственный институт Электроники и Математики (МГИЭМ).

Специальность: вычислительные машины, комплексы, системы и сети.

Опыт работы<

1995-2004 ООО "СуперСофт"

Должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

Дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

Текст файла, содержащего скрипт счетчика (файл counter.inc.php)

// обработка данных счетчика и вывод сообщения о количестве загрузок

if (!file_exists("counter.dat"))

$number=1;

else {

$fp=fopen("counter.dat","r");

$number=fgets($fp);

$number++;

fclose($fp);

}

echo 'Количество загрузок страницы: '.$number.'';

$fp=fopen("counter.dat","w");

fputs($fp,$number);

fclose($fp);

Лабораторная работа №5

Модификация персонального сайта студента с использованием PHP и MySQL

Программное обеспечение

Для выполнения лабораторной работы необходимо следующее ПО:

Редактор HTML документов (желательно HomeSite 4.5 и выше)
Файловый менеджер (желательно Windows Commander 4.0 и выше)
Браузер (желательно Internet Explorer 5.0 и выше)
Веб сервер Apache 1.3.27 и выше
Интерпретатор языка PHP 4.2.3 и выше
СУБД MySQL 3.23.54

Задание

Создать базу данных

Необходимо создать базу данных, в которой будет храниться информация, отображаемая на страницах сайта.

Разработать скрипт, устанавливающий соединение с сервером баз данных

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

Разработать принцип хранения данных

Текст документов и информация о количестве загрузок страницы должна храниться в базе данных (п.1). Для хранения данных необходимо разработать одну или несколько связанных таблиц. Структуру таблиц базы данных надо описать при помощи таблиц следующего вида:

Название таблицы
Название поля	Тип данных	Описание

Разработать скрипт, инициализирующий базу данных

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

Разработать процедуру формирования документа

Формирование документа осуществляется путем подстановки в шаблон (разработанный в л/р №4) соответствующей информации из базы данных. В шаблоне должна быть обеспечена процедура извлечения информации из базы данных в соответствии с номером запрашиваемого документа. Номер запрашиваемого документа передается в строке запроса при нажатии на соответствующий пункт меню.

Разработать счетчик загрузки для каждой страницы сайта.

Отчет

Отчет о выполнении лабораторной работы должен содержать следующие разделы:

Титульный лист
Скрипт, устанавливающий соединение с базой данных
Структуру таблиц
Скрипт, инициализирующий базу данных
Шаблон документа
Скрипт, осуществляющий работу счетчика

Защита

Перед демонстрацией сайт должен быть помещен на выделенный сервер при помощи FTP клиента. После закачивания сайта на сервер, необходимо установить параметры соединения с базой данных в соответствующем скрипте и запустить скрипт, инициализирующий базу данных. Логин и пароль для доступа к персональному каталогу учащегося на сервере, а так же логин и пароль к базе данных учащегося (база данных создается заранее системным администратором класса) должен быть получен у преподавателя. Демонстрация работоспособности сайта осуществляется на рабочей станции дисплейного класса путем загрузки страниц сайта с сервера программой просмотра страниц (браузером).

Учащийся допускается к защите ТОЛЬКО ПРИ НАЛИЧИИ отчета и демонстрационной версии сайта.

Пример

Создать базу данных можно из командной строки консольного клиента mysql.exe. Для создания базы данных с именем homepage необходимо запустить клиент и в его командной строке выполнить команду:

create database homepage;

Скрипт, устанавливающий соединение с базой данных (файл connect.inc.php):

define("DBName","homepage"); // название базы данных

define("HostName","localhost"); // название сервера

define("UserName",""); // логин

define("Password",""); // пароль

// установка соединения

if (!mysql_connect(HostName,UserName,Password)) die ("Невозможно установить соединение");

mysql_select_db(DBName); // выбор текущей базы данных

Данные для сайта будут храниться в одной таблице следующего вида

Документы (Documents)
docid	int not null primary key	Идентификатор документа
title	varchar(255) not null	Название документа
content	text not null	Содержимое документа
loadings	int unsigned not null default 0	Количество загрузок страницы

Скрипт, инициализирующий базу данных (файл init.php)

// Файл инициализации базы данных

require("connect.inc.php");

$title[0]='Резюме';

$content[0]='

Ф.И.О: Иванов Иван Иванович

Дата рождения: 1 января 1970г.

Семейное положение: холост

Домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Московский государственный институт Электроники и Математики (МГИЭМ).

Специальность: вычислительные машины, комплексы, системы и сети.

Опыт работы

1995-2004 ООО "СуперСофт"

Должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

Дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

$q=mysql_query("

create table documents(

docid int not null primary key,

title varchar(255) not null,

content text not null,

loadings int unsigned not null default 0

)

");

for ($i=0;$i<count($title);$i++) {

$field_title=addslashes($title[$i]);

$field_content=addslashes($content[$i]);

mysql_query("

insert into documents(docid,title,content)

values($i,'$field_title','$field_content')

");

}

Файл, содержащий шаблон документа (document.php)

// Файл инициализации базы данных

require("connect.inc.php");

$title[0]='Резюме';

$content[0]='

Ф.И.О: Иванов Иван Иванович

Дата рождения: 1 января 1970г.

Семейное положение: холост

Домашний телефон: 111-11-11

E-mail: ivanov@mail.ru

Образование

Московский государственный институт Электроники и Математики (МГИЭМ).

Специальность: вычислительные машины, комплексы, системы и сети.

Опыт работы

1995-2004 ООО "СуперСофт"

Должность: системный администратор

Профессиональные навыки

ОС: MS Windows 9x/2000/XP, UNIX

Языки программирования: C/С++, Visual Basic

Программные продукты: MS Office, MS Visio

Дополнительные сведения

Личные качества: аккуратность, педантичность, обучаемость

Увлечения: музыка, литература, спорт, компьютерные игры

Прочее: Английский язык (технический)

$q=mysql_query("

create table documents(

docid

Воспользуйтесь поиском по сайту: