Лекция 5.4 Алгоритмизация и программирование Создание фронтенда

Создание фронтенда

Код фронтенда сайта записан в файле index.php. Этот файл состоит из двух логических блоков:

Блок php сценариев
Блок html шаблона с внедрением переменных php, сформированных в первом блоке.

Основной задачей блока php сценариев является формирование переменных контента $menu, $content и $podval.

Переменная $menu содержит html код кнопок меню сайта;
Переменная $content содержит html код основного контента сайта;
Переменная $podval содержит контент нижнего раздела (подвала) сайта.

Данные переменные внедрены в соответствующие места шаблона и отображают своё содержимое, которое формируется php сценариями.

Перечень php сценариев

1. Присоединение файла подключения к базе данных

2. Приём переменных, передаваемых сценарию методом GET

3. Формирование меню

4. Формирование контента

5. Формирование текста подвала

Блок html шаблона

Раздел head html шаблона содержит необходимые CSS стили.

Раздел body включает в себя блоки меню, основного контента и подвала.

В качестве меню используется адаптивное меню «гамбургер»

Описание php сценариев

Формирование меню

///Формирование меню/////
	$menu='';
 
	$query="SELECT id, razdely from content";
	$result=mysql_query($query);
	if($result)
	{
		$menu.='
		';
		while ($row = mysql_fetch_assoc($result))
		{
			$idr=$row['id'];
			$razdely=$row['razdely'];
  			$menu.='‹li›‹a href="?p=1&id='.$idr.'"›'.$razdely.'</a>‹/li›
			';
 
 
		}
		$menu.='‹/ul›';
	}

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

Меню формируется в виде ненумерованного списка ul и сохраняется в переменной $menu.

В цикле while элементы списка li заполняются данными, получаемыми row, образуемого функцией mysql_fetch_assoc, по ключам - именам полей и оформляются в виде ссылок, передающих методом GET параметр p и id раздела.

После отработки сценария переменная $menu содержит полный html-код меню.

Сценарий формирования контента

////Формирование контента//////
	$content='';
	if($p==1)
	{
		///Формируем запрос выборки по id раздела
		$query="SELECT * from content WHERE id=".$id;
		$res=mysql_query($query);
		if($res)
		{
			$row=mysql_fetch_assoc($res);
			$incontent=$row['content'];
			$id=$row['id'];
			$razdely=$row['razdely'];
			$content.=$incontent;
		}
		else echo $query;
		
	}

Сценарий формирования контента формирует переменную $content. Формирует и передаёт запрос к базе данных на выборку из таблицы content значения всех полей, соответствующих переданному кликом по кнопке меню методом GET id раздела, который нужно отобразить.

Из ассоциативного массива $row, образуемого функцией mysql_fetch_assoc, по ключам - именам полей выбираются значения и добавляются в переменную $content.

Сценарий формирования контента подвала

////Формирование текста подвала///
	$podval='© oknemuan.ru
	 2003-'.date(Y).' 
';

HTML код шаблона здесь не приводится ввиду его большого объёма.

Ссылка на скачивание дистрибутива управляемого сайта