![](/stc/img/evkova.png)
Разработка Web-сайта с использованием технологии PHP и MySQL
Содержание:
ВВЕДЕНИЕ
Веб-технологии ознаменовали собой массовый прорыв Интернет-ресурсов к широкому кругу пользователей, и активное их распространение представляется необратимым процессом. Большинство ученых и специалистов считают, что ХХI столетие - век информации и информационных технологий. Экономическое развитие мирового сообщества обусловлено двумя необратимыми поступательными процессами: быстрым развитием информационных технологий и жесткой конкуренцией на рынке интеллектуальных услуг. Ведущая роль всемирной паутины в этих процессах сегодня становится очевидной. Большинство компаний, будь то крупная корпорация или фирма с малым бизнесом, используют информационные технологии для автоматизации своих бизнес-процессов, где Интернет зачастую выступает в качестве основной технологии, а иногда и единственной.
С помощью информационных технологий можно построить единое информационное пространство, охватывающее все бизнес-процессы компании: объединение участников бизнеса - сотрудников компании; ее клиентов; партнеров компании; ее поставщиков и производителей; участников сети продаж. В этом случае уместно говорить об «электронном бизнесе», составляющей которого является электронная коммерция. Электронный бизнес предусматривает проведение всего цикла коммерческих операций только через Интернет, и его реализация требует пересмотра всей модели ведения бизнеса. Компания, недоучитывающая потенциал электронного бизнеса и электронной коммерции, может утратить свои коммерческие позиции под натиском более способных к адаптации в условиях новых реалий рынка конкурентов. Значимость современных Интернет-технологий и их влияние на развитие мирового сообщества, определило выбор темы курсовой работы, ее цели и состав рассмотренных в ней задач. Актуальность темы исследования: заключается в том, что на сегодняшний день любая фирма, компания или обычный фрилансер нуждаются в рекламе своей организации, как текстовой, так и визуальной в виде сайтов.
Целью курсовой работы является разработка Web-сайта при помощи языка PHP c использованием баз данных MySQL. Поставленные цели обусловили необходимость решения следующих задач:
- Изучить технологии разработки сайта и необходимые для этого инструменты.
- Выработать оптимальную структуру Web-сайта.
- Разработать Web-сайт, построенный с помощью языка PHP, который будет предоставлять полезную структурированную информацию пользователям.
1.Технологические процессы и инструменты разработки сайтов
Web - сайт – это набор Web-страниц, связанных между собой гиперссылками. Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают форматирование элементов страницы и позволяют размещать на ней графические объекты, рисунки, гиперссылки и т.д. Web-страницы создаются с помощью специального языка HTML. HTML или Hyper Text Markup Language является языком разметки гипертекста, разметка осуществляется с помощью тегов. Сегодня кроме HTML применяются и другие языка разметки: WML, XML. В настоящее время для создания интерактивных сайтов применяются различные современные технологии: PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены CMS (Системой Управления Контентом - Content Management Systems).
HTML (HyperText Markup Language) — это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.). HTML-документ имеет расширение .html.
HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением). Начальный тег показывает, где начинается элемент, конечный — где заканчивается. Закрывающий тег образуется путем добавления слэша «/» перед именем тега: «<имя тега>…</имя тега>». Между начальным и закрывающим тегами находится содержимое тега — контент.
Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри.
Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i>.
HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате имя атрибута="значение". Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы.
Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, <div class="nav top">. Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.
Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (таблицы стилей, скрипты). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы — заголовки, таблицы, изображения и т.д.
Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.
CSS (Cascading Style Sheets) — язык таблиц стилей, который позволяет прикреплять стиль (например, шрифты и цвет) к структурированным документам (например, документам HTML и приложениям XML). Обычно CSS-стили используются для создания и изменения стиля элементов веб-страниц и пользовательских интерфейсов, написанных на языках HTML и XHTML, но также могут быть применены к любому виду XML-документа, в том числе XML, SVG и XUL. Отделяя стиль представления документов от содержимого документов, CSS упрощает создание веб-страниц и обслуживание сайтов.
CSS поддерживает таблицы стилей для конкретных носителей, поэтому авторы могут адаптировать представление своих документов к визуальным браузерам, слуховым устройствам, принтерам, брайлевским устройствам, карманным устройствам и т.д.
Каскадные таблицы стилей описывают правила форматирования элементов с помощью свойств и допустимых значений этих свойств. Для каждого элемента можно использовать ограниченный набор свойств, остальные свойства не будут оказывать на него никакого влияния.
Объявление стиля состоит из двух частей: селектора и объявления. В HTML имена элементов нечувствительны к регистру, поэтому «h1» работает так же, как и «H1». Объявление состоит из двух частей: имя свойства (например, color) и значение свойства (grey). Селектор сообщает браузеру, какой именно элемент форматировать, а в блоке объявления (код в фигурных скобках) перечисляются форматирующие команды — свойства и их значения. Стили CSS по своей сути являются технологией, которая позволяет изменять цвета, размеры и расположение блоков, текста и любых других элементов HTML-разметки. Можно сказать кратко: CSS — это любые «красивости» на веб-сайте.
Современные сайты и веб-приложения имеют большое количество различной информации, которую просто невозможно предоставлять пользователю в должном виде без использования программирования. Технология языков программирования в сайтостроении отвечает в основном за: связь базы данных с конечным сайтом, удобный интерфейс редактирования данных пользователем (вебмастером), сложные формы множество различных движущихся фрагментов.
В данной курсовой работе предлагаю рассмотреть следующие языки программирования:
JavaScript – язык программирования, являющийся прототипно-ориентированным. Он отражает язык ECMAScript, чьим прототипом изначально и являлся. Первая вариация появилась ещё в 1995 году и с тех пор постоянно совершенствовалась, пока не пришла к нынешнему виду.
Чаще этот язык используется в разработке приложений и браузерах с целью придания им интерактивности и «живости».
Частой ошибкой встречается путаница между Java и JavaScript – это два разных языка, несмотря на схожие названия.
Базовой особенностью этого языка отмечается то, что на него повлияли другие (Python, Java и др.) языки программирования с целью придания максимального комфорта JavaScript и лёгкости в понимании его теми пользователями, которые не имеют соответствующего образования и глубинных знаний – не программистами. JavaScript – официально зарегистрированная торговая марка компании Oracle.
С помощью него доступны к исполнению следующие функции:
- возможность изменять страницы браузеров;
- добавление или удаление тегов;
- изменение стилей страницы;
- информация о действиях пользователя на странице;
- запрос доступа к случайной части исходного кода страницы;
- внесение изменений в этот код;
- выполнение действия с cookie-файлами.
Область применения этого языка удивительно обширна и ничем не ограничена: среди программ, которые используют JS, присутствуют и тестовые редакторы, и приложения (как для компьютеров, так и мобильные и даже серверные), и прикладное ПО.
Данный язык обладает следующими преимуществами:
- Полная поддержка современных браузеров языка JavaScript.
- Простота использования и понимания написанных на JavaScript плагинов и скриптов.
- Полезные функциональные настройки.
- Постоянно совершенствующийся язык – сейчас разрабатывается бета-вариация проекта, JavaScript2.
- Взаимодействие с приложением может осуществляется даже через текстовые редакторы – Microsoft Office и Open Office.
- Перспектива использования языка в процессе обучения программированию и информатике.
Но, как и все в этом мире имеет свои недостатки, так и JavaScript они не обошли:
- Пониженный уровень безопасности ввиду повсеместного и свободного доступа к исходным кодам популярных скриптов.
- Множество мелких раздражающих ошибок на каждом этапе работы. Большая часть из них легко исправляется, но их наличие позволяет считать этот язык менее профессиональным, сравнительно с другими.
- Повсеместное распространение. Своеобразным недостатком можно считать тот факт, что часть активно используемых программ (особенно приложений) перестанут существовать при отсутствии языка, поскольку целиком базируются на нем.
PHP — это скриптовый (сценарный) язык общего назначения. На сценарных языках пишут сценарии или скрипты — программы, которые автоматизируют некоторые задачи (которые иначе пользователь делал бы вручную). Скрипты помогают избежать ошибок, сэкономить время пользователя и изменить программу, не боясь, что всё остальное перестанет работать. В отличие от большинства языков, скриптовым языкам не нужна компиляция, и они используются в основном для небольших рутинных задач.
PHP создавался для веб-разработки, и для этого он в основном и используется, причём в основном для backend-разработки, то есть разработки серверной стороны сайта. На нём часто пишут динамические страницы и небольшие веб-программы. Вот несколько примеров его использования:
- работа с базами данных;
- создание системы комментариев;
- разработка форумов;
- разработка поиска по сайту;
- создание страницы для регистрации и входа в систему.
Если говорить о плюсах данного языка:
- PHP бесплатный, а его код лежит в открытом доступе.
- Для PHP создано множество библиотек, баз данных и фреймворков.
- PHP совместим почти со всеми современными серверами.
- PHP гибкий и даёт много свободы.
- PHP хорош для новичков, ему легко научиться.
- Простая и элегантная система классов и объектов.
- Простой синтаксис.
Конечно, стоит так же осветить и минусы:
- Чтобы работать с PHP, нужно знать как минимум HTML, а лучше ещё и CSS. Знание JavaScript тоже пригодится.
- У простоты и гибкости PHP тоже есть обратная сторона: написать плохой код очень просто, ошибиться легко, а найти ошибку тяжело. Из-за этого поддерживать код бывает непросто.
- Безопасность. Во-первых, проблему создаёт то, что код лежит в открытом доступе: если кто-то найдёт в коде баг, он может использовать это в своих целях. Во-вторых, из-за простоты языка и большого количества разработчиков код часто низкого качества и в нём не предусмотрена защита.
- Скорость. PHP не самый производительный язык: например, его конкурент JavaScript-быстрее.
- Нет четкой системы в названиях функций стандартной библиотеки: в некоторых есть сокращения, в некоторых нет (call_user_func vs. create_function). В некоторых есть подчёркивание, в некоторых нет (isset vs. is_null), а, например, в названиях функций для работы со строками иногда бывает обозначение str, а иногда его не бывает. Такая нестабильность усложняет работу.
Немаловажную роль при разработке сайта играют базы данных, в которых хранится большая часть информации. Одной из таких является MySQL.
База данных сайта MySQL – это система, предназначенная для хранения и обработки информации. Комплекс таблиц, взаимосвязанных между собой, для доступа к которым применяется система управления базами данных (СУБД) MySQL. По сути, MySQL – это специальная программа с открытым кодом, которая используется на сервере SQL. Данная программа не способна обрабатывать большое количество информации, однако она идеальна для небольших и крупных веб-ресурсов. Нередки случаи, когда создаваемые web-мастерами проекты остаются практически незаполненными, но как правило, сайты продолжают наполняться контентом, они становятся более загруженными. Такие проекты уже являются динамичными, и без базы данных вести их очень сложно. Храня гигабайты информации, распределенной по сотням файлов, вам придется тратить уйму времени при выдаче необходимых строк в процессе функционирования сервера. Чтобы избежать этого, нужны БД, занимающиеся группировкой и упорядочиванием информации. Код для базы данных значительно проще, чем код, предназначенный с целью применения файлов. При этом запрос обрабатывается куда быстрее.
В БД все данные представлены таблицей с комментариями, информацией об объектах и т.п. Стоит отметить, что БД постоянно меняется, дополняется новыми данными, исправляется та информация, которая уже есть в ней. И чтобы не возникало трудностей в процессе администрирования, добавления и изменения информации, были придуманы специальные системы управления БД. Об одной из них мы и говорим в данной курсовой работе, так как MySQL в своей сфере пользуется наибольшим спросом. Одними из главных плюсов MySQL, благодаря которым программа нравится многим веб-мастерам, является высокая скорость обработки информации и функциональность СУБД. Как мы уже упоминали выше, данная система представляет собой программное обеспечение с открытым кодом, и она доступна любому пользователю абсолютно бесплатно, что тоже склоняет чашу весов в сторону MySQL. Большинство современных хостингов используют именно MySQL.
Веб-мастер получает возможность совершенствовать код и вносить в него собственные изменения, что делает программу гибкой. MySQL является лишь одним из многих программных обеспечений, работающих с SQL.
SQL – язык запросов, предназначенный для организации управления реляционными БД (со связанными между собой данными). Он многофункционален и с его помощью можно корректировать, создавать и убирать данные из таблиц, запрашивать из них информацию, создавать сами таблицы и т.д.
От других программ MySQL отличается тем, что он без проблем работает с интерфейсом API. С помощью данного программного обеспечения, пользователь легко получает доступ из пользовательской программы к системе управления БД, даже если она написана на C, Perl и прочих языках программирования.
Для администрирования веб-сайтами, чаще всего используется сочетание MySQL с PHP. Большое количество движков (CMS) написаны именно на базе этой «связки».
Кроме MySQL, сегодня на просторах Интернета вы можете найти огромное количество других систем управления БД, таких как PostgreSQL, mSQL и т.д. Все они обладают рядом преимуществ и недостатков, однако именно программа MySQL является самой универсальной, удобной и гибкой среди всех остальных.
На основании всего вышеизложенного, я определил для себя основном языком при написании практической части работы PHP, который очень качественно работает с подключаемой к нему базой данных MySQL.
-
- Подробнее о языке программирования PHP
Главной областью применения PHP является написание сценариев, которые работают на стороне сервера. Помимо различных операций с содержимым ваших html-документов, с помощью PHP можно форматировать HTTP-заголовки, устанавливать cookie, управлять аутентификацией, а также перенаправлять пользователя на другие страницы. PHP предоставляет великолепные возможности по доступу к базам данных, позволяет интеграцию с различными внешними библиотеками. Это позволит вам делать практически все, что вы захотите - от генерации PDF-документов до подробного парсинга в XML.
Основные достоинства PHP:
- Весь код обрабатывается и исполняется на стороне сервера
- Поддерживает работу с множеством СУБД (MySQL, Oracle, PostgreSQL и т.д.)
- Является программным обеспечением с открытым исходным кодом
- Работает на разных платформах (Windows, Linux, Unix подобных)
- PHP очень прост для освоения
- Много возможностей по расширению возможностей языка
- Поддержка различных веб-серверов
Таким образом, выбирая в качестве языка программирования PHP, вы получаете огромные возможности по использованию языка, свободу выбора понравившегося веб-сервера и операционной системы. Более того, у вас появляется выбор между использованием объектно-ориентированного программирования (ООП) или процедурного или же их сочетания.
Синтаксис языка PHP.
Самое замечательное в PHP является то, что это веб-ориентированный язык. Язык, специально предназначены для использования в интернете, освоив данный язык, вы получите много возможностей в области создании сайтов. Самым главным достоинств PHP является то, что его можно сочетать с HTML кодом. То – есть php код можно внедрят непосредственно в HTML теги, или наоборот HTML теги можно внедрят в PHP код, что и делает его замечательным языком.
PHP скрипты выполняется на сервере, а результат виде HTML кода отправляется обратно в браузер.
PHP скрипты всегда начинается с <?php и заканчивается ?>, также можно использовать и какую сокращенную форму <? и заканчивается ?>.
Все, что внутри этих тегов будет признан код PHP, все, что за пределами этих тегов PHP будет признан как обычный HTML. PHP код может быть размещен в любом месте документа. Самым главным достоинств PHP является то, что его можно сочетать с HTML кодом. То – есть php код можно внедрят непосредственно в HTML теги, или наоборот HTML теги можно внедрят в php код, что и делает его замечательным языком.
<?php
//PHP код будет здесь
?>
Любой файл страницы вашего сайта, который содержит php код, должен иметь расширение «.php», например index.php. Так же имеются и комментарии, это хороший способ, чтобы вставить объяснения кода в простом русском языке, который никоим образом не будет влиять на ваш скрипт. Комментарии помогут другим программистам понять код, который вы написали. Комментарии могут быть написаны несколькими способами (все, что после «//» однострочные комментарий, чтобы сделать блок комментарий используйте «/ * … * /»)
Переменное это некий контейнер, который может хранить в себе информацию, например, текстовое значение, число или массив, или значение другой переменной.
Имя переменной в php должно состоять из букв латинского алфавита, имя переменной также может содержать цифры и символы подчеркивания, но имя переменной не должно начинаться с цифр, то – есть переменная может содержать цифры, но не может начинаться с цифр. Вот это запомните!
Переменные в php всегда начинаются со знака доллара, $ например:
$name
$user_name
$name12
$name_12
$age
$myname
$Myname
Переменные $myname и $Myname это разные переменные, то – есть учитывается регистр.
Для того чтобы присвоить переменной определенное значение нам нужно использовать оператор присваивания. Оператор присваивания в переменной — это знак равенства =, знак равенства в php обозначает присваивание, а не равенства, запомните это навсегда.
Пример:
$name = «Иванов»;
$age = 1986;
PHP поддерживает восемь простых типов данных.
Четыре скалярных типа:
- boolean (логический)
- integer (целый)
- float (с плавающей точкой)
- string (строковый)
Два смешанных типа:
- array (массив)
- object (объект)
И два специальных типа:
- resource (ресурс)
- NULL
В PHP не принято явное объявление типов переменных. Предпочтительнее, чтобы это делал сам интерпретатор во время выполнения программы в зависимости от контекста, в котором используется переменная. Рассмотрим по порядку все перечисленные типы данных.
Тип boolean (логический тип) - Переменные логического типа могут принимать два значения: true и false или, иначе говоря, истина и ложь. Чаще всего логические значения используются в условных конструкциях.
Integer (целочисленный тип) - Представляет целое число со знаком размером в 32 бита (от -2 147 483 648 до 2 147 483 647). Кроме десятичных целых чисел PHP обладает возможностью использовать также двоичные, восьмеричные и шестнадцатеричные числа. Шаблоны чисел для других систем:
шестнадцатеричные: 0[xX][0-9a-fA-F]
- восьмеричные: 0[0-7]
- двоичные: 0b[01]
Тип float (числа с плавающей точкой) - размер числа с плавающей точкой зависит от платформы. Максимально возможное значение, как правило, составляет ~1.8e308 с точностью около 14 десятичных цифр.
Тип string (строки) Для работы с текстом можно применять строки. Строки бывают двух типов: в двойных кавычках и одинарных. От типа кавычек зависит обработка строк интерпретатором. Так, переменные в двойных кавычках заменяются значениями, а переменные в одинарных кавычках остаются неизменными.
Массивы (arrays) — это упорядоченные наборы данных, представляющие собой список однотипных элементов. Существует два типа массивов, различающиеся по способу идентификации элементов. В массивах первого типа элемент определяется индексом в последовательности. Такие массивы называются простыми массивами. Массивы второго типа имеют ассоциативную природу, и для обращения к элементам используются ключи, логически связанные со значениями. Такие массивы называют ассоциативными массивами. Важной особенностью PHP является то, что PHP, в отличие от других языков, позволяет создавать массивы любой сложности непосредственно в теле программы (скрипта).
Объекты (Object) являются одним из базовых понятий объектно-ориентированного программирования. Объект представляет собой переменную, экземпляр которой создается по специальному шаблону, называемому классом. Концепции объектов и классов являются неотъемлемой частью парадигмы объектно-ориентированного программирования (ООП).
Объект — это совокупность данных (свойств) и функций (методов) для их обработки. Данные и методы называются членами класса. Вообще, объектом является все то, что поддерживает инкапсуляцию. Внутренняя структура объекта похожа на хэш, за исключением того, что для доступа к отдельным элементам и функциям используется оператор ->, а не квадратные скобки.
Resource (ресурс) — это специальная переменная, содержащая ссылку на внешний ресурс. Ресурсы создаются и используются специальными функциями.
Специальный тип Null (пустой тип) говорит о том, что эта переменная не имеет значения. NULL — это единственно возможное значение типа NULL.
Переменная считается NULL если:
- ей была присвоена константа NULL.
- ей еще не было присвоено какое-либо значение.
- она была удалена с помощью unset ().
-
- Взаимодействие PHP и MySQL
Построение интерфейса для добавления информации. Разобьем эту задачу на следующие подзадачи:
- установка соединения с БД ;
- выбор рабочей БД ;
- получение списка полей таблицы ;
- отображение полей в html-форму.
После этого данные, введенные в форму, нужно записать в базу данных. Рассмотрим все эти задачи по порядку.
Установка соединения.
Итак, первое, что нужно сделать, — это установить соединение с базой данных. Воспользуемся функцией mysql_connect. Данная функция устанавливает соединение с сервером MySQL и возвращает указатель на это соединение или FALSE в случае неудачи.
Выбор базы данных.
После установки соединения нужно выбрать базу данных, с которой будем работать. Синтаксис mysql_select_db. Эта функция возвращает TRUE в случае успешного выбора базы данных и FALSE - в противном случае.
Получение списка полей таблицы.
Для получения списка полей таблицы используется команда - mysql_list_fields.
Отображение данных, хранящихся в MySQL.
Чтобы отобразить какие-то данные в браузере с помощью PHP, нужно сначала получить эти данные в виде переменных PHP. При работе с MySQL без посредника (такого, как PHP) выборка данных производится с помощью команды SELECT языка SQL:
mysql> SELECT * FROM Artifacts;
mysql_result()
Mysql_result() возвращает значение одной ячейки результата запроса. Аргумент field может быть порядковым номером поля в результате, именем поля или именем поля с именем таблицы через точку tablename.fieldname. Работая с большими результатами запросов, следует задействовать одну из функций, обрабатывающих сразу целый ряд результата (например, mysql_fetch_row(), mysql_fetch_array() и т.д.). Так как эти функции возвращают значение нескольких ячеек сразу, они НАМНОГО быстрее mysql_result(). Кроме того, нужно учесть, что указание численного смещения (номера поля) работает намного быстрее, чем указание колонки или колонки и таблицы через точку.
Вызовы функции mysql_result() не должны смешиваться с другими функциями, работающими с результатом запроса.
Синтаксис mysql_fetch_array. Эта функция обрабатывает ряд результата запроса, возвращая массив (ассоциативный, численный или оба) с обработанным рядом результата запроса, или FALSE, если рядов больше нет. mysql_fetch_array() - это расширенная версия функции mysql_fetch_row(). Помимо хранения значений в массиве с численными индексами, функция возвращает значения в массиве с индексами по названию колонок. Если несколько колонок в результате будут иметь одинаковые названия, будет возвращена последняя колонка. Чтобы получить доступ к первым, следует использовать численные индексы массива в запросе.
Структура web – сайта
В современном мире довольно часто отмечаются ситуации, когда относительно непримечательные по контенту и по дизайну сайты занимали высокие показатели популярности в поисковых системах. Подобного результата можно достигнуть только за счет грамотно продуманной структуры сайта. Правильно разработанная структура сайта — это очень важная вещь. Именно она будет проводить посетителя за ручку от самого первого положительного полученного впечатления до подробного объяснения, как посетителю лучше и удобнее будет приобрести тот или иной продукт, а также получить всю интересующего его информацию.
-
- Блоки проектируемого сайта
На основании изученной информации и принятой во внимание специфике сайта, который планируется разработать, я определил для себя следующую структуру:
- Index.php
- head.php
- top.php
- sidebar.php
- content.php
- footer.php
- style.css
- header.php
- projectBD.php
- soft_skillBD.php
- tech_skillBD.php
- work1.php
- work2.php
- work3.php
- connect.php
Index.php - Данный файл имеет такое же предназначение, что и index.html, то есть может отвечать за отображение главной страницы, но также файл index.php может стать входящей точкой на ваш сайт, а далее, в зависимости от реализации вашей программной части, может передать управление другим файлам, например, выполнить инструкцию последовательной загрузки основных компонентов сайта: Роутинг, соединение с базой данных и прочее.
head.php – файл в котором будут располагаться основные строки кода используемые постоянно.
top.php – так называемая «шапка» сайта, в нем содержится заголовок сайта.
Sidebar.php - предназначен для разметки боковой колонки, отделенной от основного контента. Важно понимать, что sidebar.php никак не влияет на расположение блоков. Добиваться бокового расположения сайдбара необходимо с помощью CSS.
Footer.php — это самый нижний блок. Обычно в нем содержится информация о ресурсе, навигация и тому подобная информация.
style.css - используются для описания внешнего вида веб-документа, написанного языком разметки. CSS устанавливает стилевые правила, которые изменяют внешний вид элементов, размещенных на веб-страницах, выполняют тонкую настройку их деталей, таких как цвет, шрифт, размер, границы, фон и местоположение в документе.
connect.php - блок в котором прописывается процедура обращения к базе данных.
projectBD.php – содержит обращение к базе данных project, получение и вывод информации из нее.
soft_skillBD.php - содержит обращение к базе данных soft_skill, получение и вывод информации из нее.
tech_skillBD.php - содержит обращение к базе данных tech_skill, получение и вывод информации из нее.
work1.php - содержит обращение к базе данных work_experience, получение и вывод информации из нее.
work2.php - содержит обращение к базе данных work_experience, получение и вывод информации из нее.
work3.php - содержит обращение к базе данных work_experience, получение и вывод информации из нее.
Блочное представление сайта очень удобно, так как при желании изменить какую-то часть сайта, к примеру, заголовок и его оформление, нам не придется просматривать и вносить изменения в каждую страницу сайта, достаточно лишь внести необходимые изменения в блок, определяющий шапку сайта, а в следствие этого изменения произойдут на всех страницах.
2.2 Содержание базы данных MySQL
Разрабатываемый мною сайт, для хранения информации будет использовать базу данных со следующей структурой:
- Project
- Work_experience
- Education
- Tech_skill
- Soft_skill
Каждая таблица имеет определенный поля, в которые будут занесены значения, используемые на сайте.
Таблица project состоит из 4 полей: id_project – идентификатор, number – порядковый номер, url – ссылка на проект, type – используемый код в проекте.
Таблица work_experience состоит из 4 полей: id_work – идентификатор, name – название места работы, time – период работы, duties – исполняемые обязанности.
Таблица education состоит из 4 полей: id_education – идентификатор, name – название учебного заведения, department – профиль образования, year – период обучения.
Таблица tech_skill состоит из 2 полей: id_tech_skill – идентификатор, name – название навыка.
Таблица soft_skill состоит из 2 полей: id_soft_skill – идентификатор, name – название навыка.
На данном этапе, мы имеем представление о структуре сайта которая будет основополагающей при создании, так же определили для себя количество таблиц в базе данных и их определяющие поля. Имея всю эту информацию можно смело переходить непосредственно к практической части разработки сайта.
3. Разработка сайта на языке PHP с использованием базы данных MySQL
Разработку своего сайта я производил в системе MacOS Big Sure. Так как данная операционная система относится к *unix системам, то какие-то инструменты уже предустановлены в ней, а в частности web сервер Apache и PHP. В качестве редактора кода, я буду использовать Visual Studio Code(VSC) который предоставляется от компании Microsoft совершенно бесплатно. Для создания базы данных нам потребуется скачать и установить следующие дистрибутивы: непосредственно сама база данных – MySQL Community Server и MySQL Workbench для создания базы данных и расположенных в ней таблиц. После описанных действий откроем терминал (системная утилита MacOS Bug Sure) для проверки наличия в системе Apache, PHP и MySQL. Для этого необходимо будет выполнить ряд команд:
httpb -v отобразит установленную версию. Рисунок 1
Рисунок 1 – версия Apache
mysql –version отобразит в терминале установленную версию. Рисунок 2.
Рисунок 2 – версия MySQL
Для проверки PHP необходимо создать файл с названием phpversion.php в программе VSC c содержанием: <?php phpinfo(); ?> и положить данный файл в папку будущего сайта, в моем случае это /User/asokolov/sites. После чего в браузере, в адресной строке прописываем: localhost/phpversion.php. Результатом будет Рисунок 3.
Рисунок 3 – версия PHP
После того как все необходимые инструменты подготовлены и проверены переходим к написанию сайта.
Так как структура сайта уже была определена, то создадим следующие файлы по адресу /User/asokolov/sites: Index.php, head.php, top.php, sidebar.php, content.php, projectBD.php, soft_skillBD.php, tech_skill.php, work1.php, work2.php, work3.php, connect.php, а файл style.css расположим в /User/asokolov/sites/css
Главной страницей является index.php, в котором пропишем название сайта, подключим страницу connect.php (которая содержит настройки подключение к базе данных), так же командой:
<?php
require_once $_SERVER['DOCUMENT_ROOT'].'/(название страницы).php';
?>
подключаем следующие страницы – head.php, top.php, sidebar.php, content.php.
Код страницы в приложении 1.
Файл head.php содержит в себе указание кодировки, а также ссылки на файл css и используемый шрифт. Приложение 2. Top.php – включает в себя шапку сайта и приветствие. Приложение 3. Далее пишем код страницы sidebar.php который содержит мои контакты и список навыков. Так же в этом файле подключаем страницы tech_skillBD.php и soft-skillBD.php в которых указаны настройки для вывода информации из базы данных на страницу сайта. Приложение 4.
Следующим шагом будет написание страницы content.php которая добавляет в структуру сайта ссылки на разработанные проекты, методом подключения файла projectBD.php хранящим в себе обращение к базе данных и отображение информации. Далее по коду, следует подключить следующие страницы: work1.php, work2.php, work3.php. Данные файлы будут отражать информацию о месте работы и периоде, которая находится в базе данных MySQL «mysite». Так же добавим информацию об обязанностях и образовании. В конечном итоге страница будет выглядеть так. Приложение 5.
Файл connect.php (о котором было упомянуто выше) содержит в себе данные, которые позволяют подключиться к созданной мною базе данных «mysite». Приложение 6. Для правильного расположения блоков на сайте, стилистики и визуального дизайна, я использовал файл style.css в котором прописал все настройки. Приложение 7.
Создав все необходимые страницы и соединив их при помощи кода PHP, а также использовав для хранения информации базу данных основанную на MySQL я получил в конечном итоге готовый сайт-визитку, который содержит информацию обо мне, моих навыках, местах и периодах работы. Приложение 8.
ЗАКЛЮЧЕНИЕ
Использование языка PHP при web-разработке, позволяет создать простой, эффективный, многофункциональный, безопасный и самое главное динамичный сайт.
В данном курсовом проекте данная возможность языка была реализована.
Вся текстовая информация, предоставленная на сайте, легко управляема, обновляема и удаляема. Для обеспечения данных условий, контент храниться в базе данных, в данном случае используется база данных MySQL.
Дизайн сайта легко реализуется при помощи каскадных таблиц стилей – CSS, а разделение страниц сайта на блоки, во много раз упрощает и экономит время на его изменение.
СПИСОК ИСТОЧНИКОВ
1. https://htmlweb.ru/php/php1.php - Web технологии
2. http://helloworld.ru/ - Документация и книги по программированию.
3. http://htmlbook.ru/ - Самоучитель по HTML и CSS.
4. PHP и MySQL для начинающих, видеокурс Евгений Попов.
5. http://site-stroy.com/category/php_lesson - Как создать сайт самому.
6. http://www.intuit.ru/studies/courses/42/42/lecture/1247?page=1#sect2 – Язык программирования PHP. Лекции.
7. http://www.php-s.ru/ - Сайт о PHP.
8. PHP 7 - Котеров Д., Симдянов И.
9. Изучаем PHP и MySQL — Линн Бейли, Майкл Моррисон
10. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера — Николай Прохоренок
11. MySQL. Учебное пособие — Люк Веллинг, Лора Томсон
12. MySQL и mSQL. Базы данных для небольших предприятий и Интернета — Рэнди Джей Яргер, Джордж Риз, Тим Кинг
13. HTML5, CSS3 и JavaScript. Исчерпывающее руководство. Дженнифер Нидерст Роббинс
14. HTML5 и CSS3. Веб-разработка по стандартам нового поколения. Брайан Хоган
15. https://coderlessons.com/tutorials/veb-razrabotka/vyuchit-php-7/php-7-kratkoe-rukovodstvo/ - PHP 7 Краткое руководство
16. https://habr.com/ru/post/273795/ Создание веб-сайта. Курс молодого бойца
Приложение 1 – Код страницы Index.php
Приложение 2 – Код страницы head.php
Приложение 3 – код страницы top.php
Приложение 4 – Код страниц sidebar.php, tech_skill.php, soft_skill.php
Приложение 5 – Код страниц content.php, projectBD.php, work1.php, work2.php, work3.php
Приложение 6 - Код страницы connect.php
Приложение 7 – Код файла style.css
Приложение 8 – Внешний вид готового сайта
- Проектирование информационных систем
- Проектирование информационной системы по взаимодействию с поставщиками
- Становление финансовой системы России
- Комбинированного дома из арболитовых блоков 500х300х250 мм и профилированного брус 190х150 мм
- Теоретические основы изучения денег (Сущность денег и их история развития)
- Разработка мебельного интернет-магазина
- Элитный коттедж из клееного бруса в г. Орёл
- Традиционные организационные структуры (Сущность управления организацией и место в нем структуры управления)
- Организационно – правовые формы предприятий (организаций): преимущества, недостатки (на примере акционерного общества)
- Процессуальные теории мотивации и их применение в практике управления
- Логистическая сервисная система на предприятии и пути ее совершенствования
- Малые предприятия: преимущества, недостатки, перспективы развития.