Применение языка PHP, СУБД MySQL и фреймворка CodeIgniter для разработки динамических веб-сайтов
Курсовой проект - Компьютеры, программирование
Другие курсовые по предмету Компьютеры, программирование
троллера, 1 - переменная, передающаяся в указанный метод (в данном случае при переходе по этой ссылке будет отображена категория с идентификатором "1"). Использование таких ссылок даёт несколько преимуществ. Помимо того, что эти ссылки будут легко запоминаемы, они оказывают влияние на выдачу сайта в поисковых системах.
В корневой папке установленного веб-сервера XAMPP есть подпапка с названием "htdocs".
В эту папку необходимо сохранить распакованный архив с фреймворком CodeIgniter. В результате получился такой список файлов (Рис.6)
Рис.6. Список файлов.
В каталоге system/application находятся все созданные контроллеры (папка controllers), модели (папка models), представления (папка views). В корень папки htdocs помещаются папки css, images, fancybox, в которых находятся css файлы для сайта, все графические файлы и библиотека fancybox соответственно.
Для правильной организации работы с CodeIgniter, были произведены некоторые изменения. В файле application/config/database. php необходимо указать имя пользователя и пароль для доступа к БД веб-сайта. В файле autoload. php поменять строку $autoload [libraries] = array (database);. C помощью этой строки происходит автоматическое подключение библиотеки database, входящей в состав CodeIgniter. Он ответственен за работу БД. Эта библиотека будет находиться в автозагрузке, поэтому при обращении каждый раз к сайту, будет автоматически устанавливаться связь с базой. В этом же файле нужно изменить строку $autoload [helper] = array (url);. Этот хелпер содержит функции, позволяющие упростить работу с URL.
5. Разработка шаблонов и главной страницы
Шаблоном называют часть веб-документа, которая используется в нескольких страницах. Они помогают быстро проводить модификацию всего сайта - стоит изменить информацию или оформление в шаблоне, и это отразится на всех страницах, использующих этот шаблон.
Обычно в отдельном шаблоне выделяют шапку страницы (header), а в другом шаблоне нижнюю часть сайта (footer). В верхней части содержатся: фоновый рисунок, каталог, форма поиска, форма с авторизацией, корзина покупателя и ссылки на главную страницу и страницу с контактной информацией. В нижней части находятся ссылки с общей информацией.
В соответствии со стандартами HTML страницы должны содержать определение типа документа (DOCTYPE). DOCTYPE сообщает валидатору веб-обозревателя версию HTML для проверки синтаксиса.
Различные варианты указания DOCTYPE могут привести к различным вариантам отображения страницы в веб-обозревателях.
Итак, написание кода для веб-страницы начинается с указания стандартов:
">
">
Чтобы добиться правильного отображения информации на сайте, необходимо написать следующую строку:
В соответствии с требованиями заказчика, появилась необходимость добавить фотогалерею товаров в верхнюю часть сайта (Рис.7). При каждом переходе на новую страницу или её обновлении, фотографии выбираются в случайном порядке.
Для реализации данной возможности применялись библиотеки jQuery и FancyBox. jQuery - javascript библиотека, которая делает разработку javascript кода намного быстрее, проще и приятнее.
Рис.7. Фотогалерея товаров.
Далее представлен код для подключения библиотек jQuery и FancyBox:
Для выбора фотографий из БД, в модели (GetImage) был использован следующий SQL-запрос:
SELECT * FROM image, productsWHERE products. id_product=image. id_product ORDER BY RAND () LIMIT 5";
В этом запросе из таблиц image и products выбираются все значения, в которых id товара из таблицы products совпадает с id товара из таблицы image. Так как таких фотографий будет много и они должны выбираться произвольно, в запрос добавляется функция RAND () и ставится ограничение на вывод 5 фотографий.
Подключение видов происходит так
$this->load->view (header); // подключение верхней части страницы
.
$this->load->view (footer); // подключение нижней части страницы
В верхнем шаблоне создаётся таблица, в которой будет выводиться основная часть сайта, закрывается она в нижнем шаблоне. Так как сайт в последствии будет перемещён с локального сервера, в каждой строке с добавлением ссылки или картинки необходимо писать код PHP . Таким образом каждый раз при написании такого кода будет добавляться base_url (
В самом начале файла footer. php закрываются все таблицы из header. php. Все ссылки обрабатываются отдельным контроллером.
6. Создание каталога
В любом мебельном магазине есть каталог, ознакомившись с которым Вы выбираете тот или иной товар. Все товары относятся к определённой категории. В каталоге обязательно должно быть название товара, его размеры, количество, имеющееся на складе, стоимость и изображение для визуального ознакомления. На Рис.8 представлена схема работы покуп