Материал: Проектирование и разработка интернет-магазина
На любом из доступных таблиц, мы можем видеть, что структура
довольно простой (рис. 2). Двумерный массив представляет собой набор различных
записей, в этом случае стол «настройки» является источником всех текстов и
названий страниц. Чтобы получить доступ к имена столбцов таблицы данных
используются (колонны, поля) и количество записей (строк).
Рисунок 2. Таблица «settings»
При создании интернет-магазина самым важным таблица представляет собой таблицу с существующего элемента, в этом проекте, она была удостоена звания «Товар». Так вот следующие поля:
. Id (счетчик, содержащий первичный ключ)
. Название (Наименование)
. Кошка (категория продукта)
. Meta_d (небольшое описание, как намеки на этот продукт)
. Meta_k (ключевые слова, чтобы улучшить ваш поиск)
. Описание (краткое объяснение)
. Текст (Полное описание, модификации и т.д.)
. Изображения (рисунок или фото, это поле содержит путь к изображению)
. Цена (цена продукта)
. Склад (наличие)
Теперь, когда, в принципе, база данных готова, можно начинать программирование в PHP.
Для работы с кодом PHPluchshe просто прибегнуть к программам
Adobe Dreamweaver. Dreamweaver (Dreamweaver) - WYSIWYG HTML-редактор компании
Adobe (рис. 3). Широкий диапазон инструментов, открытие приложение для
всевозможных настроек, удобный интерфейс и другие особенности Dreamweaver
сделал один из самых популярных HTML-редакторов в мире. [15]
Рисунок 3. Внешний вид программы Dreamweaver
При первом открытии программы предлагается установить
корневую папку, которая будет хранить на сайт. Установить имя, как указано на
рисунке 4, в нашем случае, OSP, и нажмите Далее. Таким образом был создан
раздел, в котором более будет создан веб-страниц.
Рисунок 4. Назначение место расположения сайта
Когда активное окно Dreamweaver CS4, нажмите синхронно Ctrl + N, окно NewDocument (новый документ), просто нажмите кнопку Создать (Create) откроет новый пустой документ, созданный режиме программирования Dreamweaver Design (Дизайн). Это показывает нам активную вкладку [16].
Недавно созданный файл, который по умолчанию называется
Untitled-1, так что держите под названием index.php (risunok5). При создании
имя файла остается тем же самым только измените число в порядке возрастания.
так что программа обычно называют вновь созданные файлы. Это не обязательно и,
конечно, вы можете изменить это в настройках, но лучше оставить как есть. Чем
меньше вы изменить интерфейс по умолчанию, тем легче восстановить позже, если
вам придется установить Dreamweaver снова.
Рисунок 5. Файл index.php, главная страница
Создать Каркас сайт, то есть нужно добавить таблицу и наполнен информацией, а также подключиться к ее стилей. В <body> указывают наш стол, его размер, и передача файлов style.cssidet тег оформление. Чтобы создать новую таблицу, перейдите в «Фонд» панели «Вставка», а затем нажмите [16]. В появившемся диалоговом окне, заполните необходимые поля.
Строки - количество строк в таблице
Столбцы - количество столбцов в таблице
Tablewidth - ширина таблицы, и в выпадающем меню, необходимо указать единицы - процентов или пикселей.
BorderThickness - толщина границы таблицы в пикселях, и если вы установите его к нулю, сама таблица не отображается на странице.
CellPadding - отступ расстояние в ячейках таблицы
CellSpacing - расстояние между границами ячеек таблицы
Установите переключатели Название (заголовок) позволит нам
создать «шапку» и подчеркнул первый столбец таблицы. В этом наборе доступных
ключей нет («шапки» или выбран в первом столбце), левые (не выделенный в первой
колонке), Тор («шапка»), а также (и «шапка», и подчеркнул первый столбец). Сайт
Условно можно разделить на несколько частей: голова, тело, и подвал. В свою
очередь, основная часть должна быть разделена дальше на несколько частей,
Рисунок 6 показывает, что часть разделена на три составляющие, которые будут
использоваться для отображения каталога основного текста и форм для ввода
зарегистрированных лиц.
Рисунок 6. Основной каркас сайта
- Клетки, составляющие «шапку» и выбранный столбец будет разработан как ячейки заголовка, и текст, который мы вводим в них, будут автоматически по центру и жирным шрифтом.
- В поле ввода Надпись (Название) представил имя таблицы. Это имя будет создано на стол.
- Выпадающее Выровнять заголовок (Выравнивание) позволит нам указать расположение и выравнивание имя (конечно, если мы вошли в него). [17] Здесь у вас есть следующие пункты: default (по умолчанию) - выравнивание выполняет сам Web-обозреватель, обычно в этом случае название находится над таблицей и выравнивается по центру;
- top - название находится над таблицей и выравнивается по центру;
- bottom - название находится под таблицей и выравнивается по центру;
- left - название находится над таблицей и выравнивается по левому краю;
- right - название находится над таблицей и
выравнивается по правому краю.
Рисунок 7. Заполненные ячейки сайта
Существующая база данных, необходимо подключиться к сайту через специальный PHP-код.
Основная функция для подключения к серверу MySQL является
mysql_connect, которая соединяет сценарий к серверу баз данных MySQL и
выполняет базу данных аутентификации пользователя. Синтаксис в этой функции:
<?
$ DB = mysql_connect («локальный», «ospuser», «*****»);
mysql_select_db («OSP», $ дБ); (1)
Функция mysql_select_db ($ дБ строка [, внутр $ ID]) выбирает базу данных, которая будет запускать скрипт PHP. Если Вы не можете открыть более одного соединения, можно опустить $ ID.
Все параметры этих функций не требуется, так как значения по умолчанию могут быть назначены в конфигурационном файле php.ini. Если вы хотите указать другое имя MySQL - хоста, имя пользователя и пароль, вы всегда можете сделать это. $ Хост может быть указан в качестве принимающей: port. Funktsiya возвращает идентификатор (например, целое число) соединения, все дальнейшие работы осуществляется только через этот идентификатор. Следующий вызов функции mysql_connect () с теми же параметрами новое соединение не откроют, и функция возвращает идентификатор существующего соединения [17].
Имея подключение к базе данных на левой стороне должен быть выдан список продуктов, которые будут проданы, в этом разделе называется «Категории». На рисунке 6 показан расположение этого меню по умолчанию, но если вы нажмете на следующей категории, вы можете увидеть, как изменяется список.
Чтобы получить список был полностью сформирован, было сделано код редактирования и подключение к категории меню таблицы, содержащей имена устройств разделов и подразделов.
Для переключения между рабочей среды (только трех режимах: Код (Code), Design (Дизайн) и CodeandDesign панель инструментов или главное меню «Вид» (View).
Выше, ниже и справа от панели окна документа являются группы - маленькие окна, которые могут быть либо «приклеить» к одной из главного окна, или бесплатно «плавать» вокруг него. В верхней части каждой группы панели имеет свое название - «выпуклый» синяя полоса, на которой написано имя панели.
Большинство панелей имеют так называемую подменю. Это открывается при нажатии на маленькую кнопку в правом верхнем углу группы находится в этой панели, и имеющие представление о списке из трех положений и небольшой стрелкой вниз. (В сжатом состоянии, эта кнопка не отображается.)
Группа групп всегда расположены над документом, даже если это в настоящее время неактивно. Это делается для того, что мы всегда можем получить к ним доступ, независимо от того, какое окно является активной в данный момент [17].
Если мы хотим, чтобы удалить то, что-либо из этих групп, мы
можем «сделать» его за пределы окна документа, или даже близко, открывая в
подменю и выбора Closepanelgroup. Теперь обратим внимание на правом краю
главного окна, где есть много видов групп панелей. Это так называемый док -
область, специально предназначенные для них. Док отделен от остальной части
главного окна толстой серой полосой, можно перетащить, изменение размера док.
Мы также можем нажать кнопку весьма заметно на скамье подсудимых, чтобы быстро
скрыть все это.
Рисунок 8. Панель инструментов Dreamweaver
Еще три панели Dreamweaver заслуживают особого упоминания. Из обычных панелей, они отличаются тем, что они имеют постоянный размер и каждый образуют особую группу
объекты Toolkit
Инструменты документ
Стандартный набор инструментов, который обеспечивает доступ к файловых операций (создание, открытие и сохранение веб - страниц), буфер обмена, и т.д., изначально скрыты.
Чтобы показать эти панели на главном экране меню «Вид (View) - Панели инструментов (Toolbars)» (соответствующие панели (Вставить документ стандарт) [18].
Если мы откроем несколько веб - страниц, чтобы понять их будет очень сложно - перекрытие окна документа, и добраться до права далеко не в порядке.
Если мы откроем одно из окон документов в полноэкранном режиме (точнее, всех главном окне), затем переключаться между окнами будет легко. В этом случае документ появится на вкладке панели инструментов соответствующей открытые окна документа.
Если мы должны держать в верхней части двумя окнами на один или несколько раз, вы должны использовать пункт меню «Window - Cascade, TileHorizontally или TileVertically». Первый из них «распространяется» все открытые документы в «стек» в главном окне, так что мы можем видеть их названия и некоторые из содержания. Второй и третий пункты «распространения» в главном окне, «мозаика» из окон документов так, чтобы они не перекрывали друг друга. И второй пункт выкладывает «мозаику» по горизонтали, а третий - по вертикали.
Интернет - магазин служит виртуальных витрин, таким образом,
нажав на категории, название интересующего товара на странице человек должен
увидеть подробное описание того, что он выбрал. [18] Все это является
обязательным для выполнения на коде PHP следующим образом:
$ результат = mysql_query («SELECT документа, название, описание, изображение, цена, СКЛАД ОТ - Товар ГДЕ кот = '$ кошка '», $ дБ);
$ myrow = mysql_fetch_array ($ результат); (2)
Если запрос, выполненный с помощью функции mysql_query () успешно выполнился, то в результате клиент получит набор записей, который может быть обработан следующими функциями PHP:
Mysql_result () - получить необходимый элемент из набора записей;
Mysql_fetch_array () - занести запись в массив;
Mysql_fetch_row () - занести запись в массив;
Mysql_fetch_assoc () - занести запись в ассоциативный массив;
Mysql_fetch_object () - занести запись в объект.
После того, как будет выполнен данный код, при успешном
исходе, напечатается форма с выбранными данными из таблицы.
Е (» <p>с</ P>
<p>Цена:% с</ P>
<p>Наличие:% с</ P>
% S», $ myrow [» образ «], $ myrow [» Название «], $ myrow [» цена «], $ myrow [» Склад «], $ myrow [» текст "]); (3)
>
- Выводит отформатированную строку форматируется в соответствии с заданным форматом. Строка формата состоит из нуля или более директив: обычных символов (за исключением%), которые копируются непосредственно в результирующую строку, и обрабатывает преобразования, каждый из которых заменяется одного из параметров. Это относится как к Sprintf (), и к Е ().
Каждый спецификатор преобразования состоит из знака процента (%), за которым следует один или более дополнительных элементов (в том порядке, в котором они перечислены здесь):
Дополнительный признак, что указывает на знак (+ или -) будет применяться к ряду. По умолчанию, только знак минус, если число отрицательное. Эта ручка делает положительные числа также отображать знак плюс, он был добавлен в PHP 4.3.0 [19]. Дополнительный заряд, который определяет, какой символ будет использоваться для дополнения результатов до нужной длины. Это может быть пустым или 0. Умолчанию является пустым. Альтернативный символ может быть указан с одиночной кавычки (').
Дополнительный выравнивание выравнивание спецификатор влево или вправо. По умолчанию выравнивается вправо - используется для выравнивания влево.
Необязательное число, ширина спецификатор что минимальное количество символов, которые будут содержать результат этого преобразования.
Дополнительный точность указанных в виде точки ('.'), За
которым следует необязательный строку десятичных чисел, который определяет,
сколько десятичных разрядов отображать для чисел с плавающей точкой. При
использовании дескриптор строки, который действует как точка отсечки,
установление максимального предела символов.
Рисунок 9. Список товаров по категории «Ноутбуки»
На рисунке 9 показано успешное выполнение кода выше, т.е. записать в виде данных, которые были выбраны в SQL-запросе. Если быть точным, основная часть заинтересованного лица смогут увидеть описание, изображение и цену товара.
Продаж Двигатель является реклама поэтому нельзя избежать, не затрагивая этот факт, тем самым существует необходимость создать еще две страницы. Определенно, эти разделы будут называться «Акции» и «Новости» и соответствующие файлы будут получить имена promo.phpi news.php.
В соответствии с принципом строительства вышеуказанных страниц имеют одинаковую структуру и запросы для доступа к базе данных, что и предыдущий веб-странице. Единственное, что будет отличать их - это таблицы в OSP базы данных (таблица «Новости» и «промо»). Данные таблицы содержат следующие поля:
1. id (Идентификатор, счетчик)
2. meat_d (Мета-теги описания)
3. meta_k (Мета-теги ключевых слов)
4. description (Краткое описание)
5. text (Основное описание)
6. view (Количество просмотров)
7. author (Имя автора статьи)
8. date (Дата добавления)
9. mini_img (Небольшая картинка к статье)
10. title (название статьи или промо-акции)
Абсолютно любой интернет-сайт должен содержать, в дополнение
к навигация, поиск специальный раздел. Если человек, который зашел на сайт,
решают быстро найти то, что ему нужно, он, безусловно, воспользоваться этой
функцией. Поиск должен найти как можно больше полезной информации. Для этой
функции создает два файла: search.php, которые будут содержать HTML и
JavaScript. Второй файл, do_search.php будет содержать PHP код.
$db = newdb();
$word = mysql_real_escape_string ($_POST['search']);
$sql = «SELECT title FROM pages WHERE content
LIKE '%». $word. «%' ORDER BY title LIMIT 10»; (5)
Экранирует специальные символы в unescaped_string, учитывая набор символов, так что результат можно безопасно использовать в SQL-запроса функции mysql_query (). Если двоичные данные вставляются, то они просто должны использовать эту функцию.
_real_escape_string (6)
вызывает библиотечную функцмюMySQLmysql_real_escape_string, которая добавляет обратную косую черту к следующим символам: \x00, \n, \r, \, ', " и \x1a.
Эта функция должна всегда (за редкими исключениями) использоваться для защиты данных, вставленный в просьбе перед отправкой его на MySQL.
Далее, мы строим форму, в которой данные загружаются на
результат поиска.
$row = $db->select_list($sql);(count($row)) {
$end_result = «;($row as $r) {