Создание динамической Web-страницы

Практическая работа по предмету «Web-программирование»
Информация о работе
  • Тема: Создание динамической Web-страницы
  • Количество скачиваний: 46
  • Тип: Практическая работа
  • Предмет: Web-программирование
  • Количество страниц: 11
  • Язык работы: Русский язык
  • Дата загрузки: 2014-09-18 17:56:01
  • Размер файла: 50.13 кб
Помогла работа? Поделись ссылкой
Информация о документе

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

Если Вы являетесь автором текста представленного на данной странице и не хотите чтобы он был размешён на нашем сайте напишите об этом перейдя по ссылке: «Правообладателям»

Можно ли скачать документ с работой

Да, скачать документ можно бесплатно, без регистрации перейдя по ссылке:

Практическая работа № 7

Тема «Создание динамической Web-страницы. Функция Include»

Цели работы:
 познакомиться с этапами создания динамических страниц;
 познакомиться с функцией Include.
Для создания динамической Web-страницы необходимо сверстать каркас страницы, затем разбить ее на части (шаблоны). Шаблоны будут находиться в отдельной папке и с помощью инструкции Include подключаться к сайту. Для изменения, например, шапки на всех страницах сайта достаточно будет зайти в файл шаблона шапки и изменить его, не прибегая к редактированию остальных страниц сайта. Include вставляет содержимое одного файла в другой.
Задание 1. Создание динамической Web-страницы
Процесс создания динамической страницы состоит из нескольких этапов:
1 этап
Верстка каркаса страницы - index.php, состоящий из частей: шапка (header), подвал (footer), левое меню (leftmenu). В данном примере страница верстается на основе таблиц. Однако, также можно применять блочную версту страниц.
В браузере страница будет иметь вид:

1. Создать в блокноте php-файл glav.php, следующего содержания:
<html>
<head>
<title>Создание динамической страницы на PHP</title>
</head><body>
<!-- Создание шапки сайта (header.php) --><table width="650px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec"><tr>
<td><p align="center">Шапка сайта</p></br></td></tr></table>
<!-- конец шапки --><table width="650px" height="150px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233"><tr><!-- Начало блока левого меню (leftmenu.php) --><td colspan="2" style="font-size: 14px; font-family: Arial" bgcolor="#ecf8fc"><ul><li><a href="#">Ссылка 1</a></li><li><a href="#">Ссылка 2</a></li><li><a href="#">Ссылка 3</a></li><li><a href="#">Ссылка 4</a></li><li><a href="#">Ссылка 5</a></li></ul></td><!-- Конец блока левого меню --><!-- Начало основного блока --><td><h2 align="center" style="color:#0595ca;">Привет, Мир!</h2><p align="center">Это моя первая динамическая страница на PHP. </p>
</td>
<!-- Конец основного блока -->
</tr>
</table><!-- начало подвала (footer.php) --><table width="650px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec"><tr><td><p align="center">Подвал сайта</p></br></td></tr></table>
<!-- Конец подвала -->
</body></html>2 этап
2. Разобить страницу на отдельные блоки: шапка (header.php), подвал (footer.php), левое меню (leftmenu.php).
1.1. Создать файл header.php
<table width="650px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec">
<tr>
<td><p align="center">Шапка сайта</p></br></td>
</tr></table>2.2. Создать файл leftmenu.php
<td colspan="2" style="font-size: 14px; font-family: Arial" bgcolor="#ecf8fc">
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
<li><a href="#">Ссылка 3</a></li>
<li><a href="#">Ссылка 4</a></li>
<li><a href="#">Ссылка 5</a></li>
</ul>
</td>
2.3. Создать файл footer.php
<table width="650px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec">
<tr>
<td><p align="center">Подвал сайта</p></br></td>
</tr>
</table>
3 этап
3. Создадь папку blocks, в которую скопировать полученные ранее файлы: header.php, leftmenu.php, footer.php. При необходимости редактирования шапки, левого меню или подвала сайта, удобно, что шаблоны этих частей сайта находятся в данной папке.
4 этап
4. Подключить полученные файлы (шаблоны) к сайту с помощью инструкции include из файла glav.php:
<html>
<head>
<title>Как создать динамическую страницу на PHP</title>
</head>
<body>
<!-- начало шапки (header.php) --><?php
include ("blocks/header.php");
?><!-- конец шапки --><table width="650px" height="150px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233"><tr><!-- Начало блока левого меню (leftmenu.php) --><?php
include ("blocks/leftmenu.php");
?>
<!-- Конец блока левого меню --><!-- Начало основного блока --><td><h2 align="center" style="color:#0595ca;">Привет, Мир!</h2>
<p align="center">Это моя первая динамическая страница на PHP. </p></td><!-- Конец основного блока --></tr></table><!-- начало подвала (footer.php) --><?php
include ("blocks/footer.php");
?>
<!-- Конец подвала --></body></html>Таким образом, веб-страница glav.php - это динамическая страница, она будет «склеиваться» из нескольких частей (шаблонов). Таких шаблонов и страниц можно сделать любое количество. При необходимости изменения какой-либо части сайта достаточно найти нужный файл шаблона и отредактировать его.
История HTML стр 23
Пример использования команды include
Скажем, мы хотим создать общий файл меню, чтобы все наши страницы его использовали. Так как мы хотим создать общий файл меню, то давайте сохраним его как «menu.php». Вот как он будет выглядеть:
<html>
<body>
<a href="http://www.example.com/index.php">Главная</a> -
<a href="http://www.example.com/about.php">О нас</a> -
<a href="http://www.example.com/links.php">Ссылки</a> -
<a href="http://www.example.com/contact.php">Контакты</a> <br />
Сохранить файл как «menu.php». Теперь создайте новый файл «index.php» в том же каталоге, что и «menu.php». Здесь мы воспользуемся этой командой include чтобы добавить наше общее меню.
<?php include("menu.php"); ?>
<p>This is my home page that uses a common menu to save me time when I add
new pages to my website!</p>
</body>
</html>
Затем, запустив файл index.php мы получим полноценную страничку с подгруженным меню.
Можно сделать то же самое для «about.php», «links.php» и «contact.php». Подумайте только, как ужасно было бы, если у вас хотя бы 15 страниц с общим меню, и вы решили добавить еще одну запись в это меню. Вы должны были бы пойти и вручную редактировать каждый файл, чтобы добавить эту новую запись, но при использовании include, вы просто должны изменить «menu.php» и все ваши проблемы будут решены. Это ли не чудо?
Как все это видят посетители?
Если мы использовали команду include для вставки меню на каждую из наших веб-страниц, что будет видеть посетитель в исходном коде «index.php»? Да ничего, обычный html текст, т.к. инклуд работает просто как копипаст.
Поведение include
Он вставляет содержимое одного файла в другой и все. Очень удобная вещь! Include весьма полезен, если вы хотите включить тот же PHP или HTML текст или сегмент сразу в несколько страниц сайта. Команда инклуд широко используется разработчиками PHP, так же как и Echo.



Include
Главная » PHP - с чего начать? » Include
PHP урок № 337

include - конструкция PHP
include – конструкция, которая включает другой файл в уже исполняемый. Здесь всё достаточно просто, что это значит!?
На пример вам надо собрать три части страницы (header, main, footer) и вывести их как одну Есть файл header.php - содержащий шапку сайта, например:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Шапка сайта</title>
</head>
<body>
<div id="header">Шапка сайта</div>

Второй файл footer.php - это подвал сайта, так сказать низ. Примерно выглядит так:
<div id="footer">© mysuiet.ru</div>
</body>
</html>

Третий файл main.php – это та часть сайта которая изменяется от страницы к странице. Примерно так:
<div id="main">Текст статьи</div>

Теперь нам следует собрать все эти части в файле index.php и вывести на монитор.
Для этого и может быть использована конструкцияinclude .

Листинг № 1 - Пример использования конструкции include. Файл index.php.
<?php

include "header.php";
include "main.php";
include "footer.php";

?>
На мониторе при выводе страницы увидим следующее:
Шапка сайта
Текст статьи
© mysuiet.ru
А если просмотреть исходный код этой страницы то увидим следующее:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Шапка сайта</title>
</head>

<body>
<div id="header">Шапка сайта</div><div id="main">Текст статьи</div>
<div id="footer">© mysuiet.ru</div>
</body>
</html>

Файлы собраны в один, цель достигнута. На самом деле эта конструкция применяется очень часто. Это лишь небольшой пример того, как можно использоватьinclude.
Скачать файлы урока. Запустите индексный файл и если у вас всё настроено правильно для отображения скриптов php, то результат увидите в браузере.
Урок закончен.
Пример создания динамической страницы

В одном из уроков я уже рассказывал, что такое динамическая страница. В данной статье мы рассмотрим пример создания динамической веб-страницы. Для того, чтобы это реализовать необходимо сверстать каркас страницы, затем разбить ее на части (шаблоны). Эти шаблоны будут находиться в отдельной папке и с помощью инструкции Include подключаться [...]
В одном из уроков я уже рассказывал, что такое динамическая страница. В данной статье мы рассмотрим пример создания динамической веб-страницы. Для того, чтобы это реализовать необходимо сверстать каркас страницы, затем разбить ее на части (шаблоны). Эти шаблоны будут находиться в отдельной папке и с помощью инструкции Include подключаться к сайту. Для того, чтобы изменить, например, шапку на всех страницах сайта достаточно будет зайти в файл шаблона шапки и изменить его, не прибегая к редактированию остальных страниц сайта.
Итак, как же создать динамическую страницу на PHP?

Урок 17. PHP — htmlentities
Всякий раз, когда вы позволяете вашим пользователям отправлять текст на ваш сайт (имя, логин, пароль или любая другая информация), вы должны быть осторожны. Нужно быть уверенным, что у вас нет дыр в безопасности сайта, которые злоумышленники могут использовать для взлома. Если все же нужно получать от пользователя данные, то обязательно используйте функцию htmlentities, чтобы предотвратить запуск HTML-кода или скриптов, которые могут быть вредны и опасны!

PHP — Преобразование HTML тегов
Htmlentities функция принимает строку и возвращает ту же строчку, но уже с преобразованными HTML тегами.
Например, строка "<script>" будет преобразована в "&lt;script&gt;".
Путем преобразования символов < и > в сущности, она не дает браузеру выполнить текст как скрипт.
Это может показаться немного сложным, но если вы подумаете, как работает браузер, то становится понятнее. Проще говоря, данная функция обрезает или преобразует некоторые служебные символы, чтобы они уже не воспринимались браузером или сервером как исполняемый скрипт, а виделись ему как обычный текст. Давайте посмотрим, как функция htmlentities изменяет данные.
//Пользователь отправляет нам данные и надеется перенаправить нам на свой сайт
$userInput = "Смотрите, сейчас я перенаправлю вас на example.com! Хахаха!
<script type=text/javascript>
window.location = http://www.example.com/
</script>";

//Но мы это предусмотрели и использовали htmlentities
$userInputEntities = htmlentities($userInput);

//И теперь без опасений используем присланные данные
echo $userInputEntities;
В результате, ничего страшного не произойдет, а все присланные пользователем данные преобразованы в безопасные:
Смотрите, сейчас я перенаправлю вас на example.com! Хахаха!
&lt;script type=text/javascript&gt;
window.location = http://www.example.com/
&lt;/script&gt;
Обломали нашего юного хакера
Когда нужно использовать htmlentities?
Всегда, когда вы позволяете пользователям отправлять контент на ваш сайт. Да, лучше ограничить пользователей в возможности использования HTML тегов, зато не рисковать безопасностью своего сайта. Иногда все таки требуется предоставить им некоторые теги для форматирования своего текста, например, выделение жирным шрифтом и так далее, но это выходит за рамки данного урока, может быть поговорим об этом позже.
Помните, что когда вы позволяете посетителям отправлять данные на ваш сайт, вы также предоставляете им доступ к нему. Так что убедитесь, что вы приняли соответствующие меры предосторожности.
Урок 18. PHP — Файлы
А сейчас будет достаточно большой, но не сложный урок о работе с файлами в php. Для начала, для чего нужны файлы? Ведь можно все хранить в базе данных MySQL или PostgreSQL или любой другой. Но иногда бывают такие задачи, когда использование БД, со всеми обработками и заботой о безопасности соединения, не целесообразно. Например нужно сделать обычный счетчик, а до этого в проекте у нас БД не использовалась. Так что нам, ради одного малюсенького счетчика заводить базу данных и хранить в ней всего пару строк? тут гораздо проще воспользоваться файлами. К тому же, иногда на хостинге вообще нет поддержки баз данных, тогда файлы вообще остаются единственным выходом.

Ну, допустим я вас убедил, что файлы необходимы Теперь давайте разбираться, как же с ними работать. Как создавать, открывать, записывать, перезаписывать, читать и так далее. Обо всем по порядку.
Создаем файл
В PHP для открытия файлов используется функция fopen. Тем не менее, она также может и создавать файлы. Если передать fopen имя файла, которого не существует, то она создаст его.
Сама функция fopen принимает два параметра, оба они обязательны. Во-первых, мы должны указать имя файла, который хотим открыть. Во-вторых, передать параметр, который объясняет функции, что мы планируем делать с этим файлом (например, чтение из файла, запись и так далее).
Если нужно создать файл, то указываем его имя и передаем параметр, что мы хотим записать в него данные. Обратите внимание: Мы должны обязательно сказать PHP, что мы пишем в файл, в противном случае она не будет создавать новый файл.
Пример:
$ourFileName = "testFile.txt";
$ourFileHandle = fopen($ourFileName, w) or die("cant open file");
fclose($ourFileHandle);
Первая строчка $ourFileName = testFile.txt создает строковую переменную, в которой мы будем хранить имя файла.
Вторая строчка $ourFileHandle = fopen($ourFileName, ‘w’) or die(«can’t open file») соответственно создает или открывает уже существующий файл на запись. Или же возвращает сообщение, что не может открыть файл.
Третья строчка fclose($ourFileHandle) закрывает файл. На самом деле все просто.
Параметры открытия файла в php
o Первый параметр ‘r’ (read) — открывает файл только на чтение, записывать в него будет нельзя.
o Второй параметр ‘w’ (write) — открывает для записи. При этом всегда запись будет идти с начала файла. Если там уже есть какая то информация — то она будет перезаписана.
o Третий параметр ‘a’ (append) — открывает файл на запись, но при этом будет дописывать в конец файла, в отличие от w.
Расширенные параметры:
o Параметр ‘r+’ — открывает и на чтение и на запись. Указатель будет в начале файла.
o Параметр ‘w+’ — открывает и на чтение и на запись, НО удаляет всю информацию, которая была в файле!!!
o араметр ‘a+’ — открывает на чтение и запись, но указатель будет в конце файла.
Естественно, что функции можно передать только один из этих параметров, а не несколько. Их нужно подставлять вместо ‘X’:
fopen($ourFileName, X)
Запись в файл
Ну, вот мы открыли файл, подобрали нужный нам параметр, что же дальше? Нужно в него что-то записать. Как это сделать? С помощью функции fwrite, которая принимает в качестве параметров указатель на файл и строку текста, которую хотим записать. Пример:
$myFile = "testFile.txt";
$fh = fopen($myFile, w) or die("cant open file");
$stringData = "Первая строчка
";
fwrite($fh, $stringData);
$stringData = "Вторая строчка
";
fwrite($fh, $stringData);
fclose($fh);
Создали файл testFile.txt, указатель на него хранится в переменной $fn. Записали в него строчку «Первая строчка» (в конце применили символ конца строки
), а затем и «Вторая строчка». После чего закрыли файл.
ВНИМАНИЕ! Никогда не забывайте закрывать ваши файлы! Иначе в случае аварийного завершения выполнения скрипта — данные в файлах не сохранятся! Всегда после работы используйте fclose!!!
Чтение из файла
Записать записали, теперь давайте прочитаем! Это тоже не так сложно. Используем функцию fread. На вход ей подаем указатель на файл и количество байт, которое хотим прочитать. Например, один символ равен одному байту (зависит от кодировки), мы хотим прочитать 5 символов: $theData = fread($fh, 5).
Но если нужно получить всю информацию, которая есть в файле, то тут нам понадобится функция filesize, которая возвращает количество байт в файле, следовательно, если результат функции filesize передать в fread, то мы получим полностью всю информацию из файла:
$myFile = "testFile.txt";
$fh = fopen($myFile, r);
$theData = fread($fh, filesize($myFile));
fclose($fh);
echo $theData;
Надеюсь понятно объяснил.
Иногда же полезно читать файл построчно, а не по количеству байт. Для этого вместо fread нужно просто использовать fgets:
$myFile = "testFile.txt";
$fh = fopen($myFile, r);
$theData = fgets($fh);
fclose($fh);
echo $theData;
В результате получим первую строчку из файла testFile.txt. Соответственно, чтобы пройтись по всем строчкам нужно использовать цикл foreach:
<?php
$lines = file(testFile.txt);
foreach($lines as $single_line)
echo $single_line . "<br />
";
?>
Теперь вы научились открывать файлы на чтение, запись или на то и другое. Записывать в них данные или же дописывать сверху, с помощью Append, а также читать из них информацию.