Главная

Категории:

ДомЗдоровьеЗоологияИнформатикаИскусствоИскусствоКомпьютерыКулинарияМаркетингМатематикаМедицинаМенеджментОбразованиеПедагогикаПитомцыПрограммированиеПроизводствоПромышленностьПсихологияРазноеРелигияСоциологияСпортСтатистикаТранспортФизикаФилософияФинансыХимияХоббиЭкологияЭкономикаЭлектроника






Глава 2.Создание интернет магазина


Глава 1.

Выбор среды разработки.

В веб разработке для создания современных интернет ресурсов применятся следующие технологии:

PHP (Hypertext Preprocessor — «PHP: препроцессор гипертекста» - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта соткрытым кодом. Проект распространяется под собственной лицензией.

MySQL—свободная система управления базами данных (СУБД). MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

Хорошим средством для создания web-продукта включающих в себя вышеперечисленные средства являются CMS.

Систе́ма управле́ния содержи́мым( Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым): Главной целью такой системы является возможность собирать в единое целое и объединять на основе ролей и задач все разнотипные источники знаний и информации, доступные как внутри организации, так и за ее пределами, а также возможность обеспечения взаимодействия сотрудников, рабочих групп и проектов с созданными ими базами знаний, информацией и данными так, чтобы их легко можно было найти, извлечь и повторно использовать привычным для пользователя образом.

В системе управления содержимым могут быть определены самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.

 

После проведенного анализа на рынке CMS

 

 

предпочтение было отдано программе 1c Bitrix, по ряду причин:

· Интуитивно понятный интерфейс

· Подробная документация

· Возможность использовать бесплатно для обучения

· Надежность в работе

· Хорошая техническая поддержка

1С-Битрикс — российская компания, разработчик коммерческой системы управления контентом интернет-сайтов и программного продукта для создания внутрикорпоративных информационных ресурсов.

Система ориентирована на корпоративные сайты, информационные и справочные порталы, социальные сети, интернет-магазины, сайты СМИ, пригодна для создания других видов веб-ресурсов.

Для хранения данных сайта используется файловая система сервера и реляционная СУБД. Поддерживаются следующие СУБД:MySQL, Oracle, MS SQL. Продукт работает на Microsoft Windows и UNIX‐подобных платформах, включая Linux.

«1С-Битрикс: Управление сайтом» продаётся в одной из восьми составленных фирмой-разработчиком редакций (Первый сайт, Старт, Стандарт, Эксперт, Малый бизнес, Бизнес, Веб-кластер, Бизнес веб-кластер), определяющих набор модулей и функциональность системы.

Одной из самых привлекательных особенностей «1С-Битрикс: Управление сайтом» для разработчика является механизм информационных блоков (инфоблоков). Он позволяет легко создавать пользовательские типы содержания (например для различных каталогов). При этом способы работы с инфоблоками Битрикс по возможности приближена к способам работы со справочниками платформы 1С:Предприятие.

Другой особенностью современных версий Битрикса является мощный визуальный HTML-редактор, позволяющий размещать на странице как обычную HTML информацию, PHP код, так и различные динамические компоненты, работу которых обеспечивает CMS. Однако этот редактор имеет и ряд ограничений.

 

Создание сайта.

После не сложной установки Битирикс появляется мастер для создания и настройки интернет-магазина входит

Создавая новый интернет-магазин достаточно выбрать один из 5 готовых вариантов дизайна, для каждого из которых существует несколько цветовых схем. Настраиваются типы плательщиков (физические и юридические лица), способы оплаты (безналичный расчет, квитанция Сбербанка, наличными, пластиковые карты и другие), способы доставки (курьер, самовывоз, Почта России). Мастер установки учитывает и помогает настроить все наиболее важные для онлайн-торговли функции

Мастер создания и настройки Интернет-магазина запускается сразу при установке продукта «1С-Битрикс: Управление сайтом». Достаточно выбрать из списка решений «Интернет-магазин» и один из вариантов его цветового оформления, ввести информацию на каждом шаге Мастера – и, сразу после установки, получить на руки готовый Интернет-магазин. С продуманной и воплощенной в жизнь структурой, меню, разделами и страницами, настроенными сервисами. Наполненный типовым контентом, который достаточно заменить новым, своим, чтобы немедленно запустить магазин в работу.

Для создания новых торговых каталогов служит отдельный Мастер, с помощью которого и создается каталог – с разделами, товарами, изображениями и категориями типа «Новинки», «Спецпредложения» или «Лидеры продаж». Создав свои торговые каталоги, можно тут же удалить демонстрационный. Использование Мастеров по настройке магазина и каталога сильно облегчает ввод информации и исключает сам этап проектирования сайта.

Для создания нового сайта нужно зайти в администраторскую панель->

настройки-> настройки продукта-> сайты->список сайтов->добавить сайт(рис 2.2)

Рисунок 2.2 создание нового сайта

 

Заполняем все поля (рис 2.3)

Рисунок 2.3 (заполнение полей)

 

В разделе «Шаблон» выбираем созданный нами шаблон который будет применен к новому сайту.

После заполнения полей, нажимаем сохранить.

Создание шаблона сайта.

Шаблон дизайна - это внешний вид сайта, в котором определяется расположение различных элементов на сайте, художественный стиль и способ отображения страниц. Включает в себя программный html-код, графические элементы, таблицы стилей, дополнительные файлы для отображения контента. Может так же включать в себя шаблоны компонентов, шаблоны готовых страниц и сниппеты.

Структура дизайна сайта обычно состоит из трех основных частей (рис. 1.1):

Верхняя часть дизайна (header).

Рабочая область страницы, в которой размещаются информационные материалы сайта, компоненты или любой другой программный код (Work Area).

Нижняя часть дизайна (footer).

Рисунок. 2.1. Основные части дизайна.

Header - верхняя часть дизайна, заголовок. Включает в себя, как правило, верхнюю и левую часть дизайна со статической информацией (логотипом, лозунгом и так далее), верхним горизонтальным меню и левым меню (если они есть в дизайне). Может включать в себя информационные динамические материалы. Хранится в отдельном файле …/<идентификатор шаблона>/header.php.

Work area - рабочая область страницы, в которой размещаются собственно информационные материалы сайта.

Footer - нижняя часть дизайна со статической информацией (как правило: контактная информация, сведения об авторе и владельце сайта и так далее), нижним горизонтальным меню и правым меню (если они есть в дизайне). Может включать в себя информационные материалы. Хранится в отдельном файле …/<идентификатор шаблона>/footer.php.

Для создания шаблона нужно зайти в панель администрирования-> настройки -> настройки продукта -> сайты ->Шаблоны сайтов(рис. 2.2 )

Рисунок 2.2 создание шаблона

После заполняем все поля (2.3)

Рисунок 2.2.Заполнение полей .

 

Переходим на вкладку Стили шаблона и создаем стиль для сайта.( рис.2.3 )

 

Рисунок 2.3 . создание стиля для сайта

Куда помещаем стили:

#glavnoe_menu { background: url(image/verh_men.png) no-repeat; height:100px;

width:900px; margin-left:10px;color: #EEE366; } /*главное меню*/

#glavnoe_menu #basket{ padding-left:50%;}/*главное меню в котором находится корзина*/

#content { height:auto; width:690px; float:left; }/*контентная часть*/

#left_menu { width:250px; height:750px; margin-left:700px; }/*левое меню margin-bottom:-170px;*/

#filtr {width:300px;float:left; margin-bottom:0px; }/* для catalog.section*/

#fouter {background:url(image/fon2.jpg) no-repeat; width:950px; height:800px; margin-top:-70px; }/*подвал*/

На этом первая часть создания шаблона завершилась, нажимаем Сохранить.

Шаблоны хранятся в директории /bitrix/templates/, тут надо создать каталог для своего творения, например test. Внутри него размещаем:
- каталог images– для картинок шаблона (которые не зависят от просматриваемой страницы), незачем их хранить в публичной части
-каталог include_areas – для включаемых файлов
- каталог page_templates – для образцов включаемых областей
- файл header.php – часть шаблона ДО контента
- файл footer.php – часть шаблона ПОСЛЕ контента
- файл description.php – название и описание шаблона
- файл .styles.php – описания стилей для визуального редактора страниц
- файл template_styles.css – стили шаблона
- файл styles.css – стили для контента и включаемых областей

в header.php включается 1 часть, за исключением содержимого между тегами и (оставить можно подключение различных скриптов). После обязательно добавить
<?$APPLICATION->ShowPanel();?>

- вместо удаленных в секции head метатегов, заголовка, подключений css файлов размещаем вызовы функций битрикс, которые будут динамически формировать эти данные

1.<?$APPLICATION->ShowHead()?>

2.<title><?$APPLICATION->ShowTitle()?></title>

-ко всем относительным путям добавляем /bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/

Таким образом мы не привязываем пути к конкретному имени шаблона, оно будет подставляться автоматически.

 

Добавление элементов

Инфоблок создан, теперь переходим к добавлению элементов в него.

Перейдите на страницу Контент > Каталог книг > Авторы и нажмите кнопку Добавить автора (Ошибка: источник перёкрестной ссылки не найден9).

2.9 Добавление элемента.

Откроется форма добавления нового элемента , где нужно заполнить поля соответствующими данными (Рис. 2.10 )

Рисунок 2.10 заполнение полей

После заполнения переходим на вкладку Анонс и заполняем поля (Рис. 2.11)

Рисунок 2.11 Заполнение полей на вкладке Анонс

После заполнения нажимаем Сохранить.

Аналогичными методами создаем остальные информационные блоки: Романы, Сказки,Учебники и элементы в них.

Список литературы.

1. Дэниел Эймор «Internet-магазины и закупочная деятельность»/«Электронный бизнес. Эволюция и/или революция» изд. «Вильямс» 2001 г. С. 291-302.

2. Пирогов С.В. - «Обзорных крупных проектов» /«Электронная коммерция» Москва 2003 - С.69-61

3. Балабанов И.Т. - «Торговля через виртуальный магазин» /«Электронная коммерция»/ 2004г. С.195-197

4. Паршенцев А.А. Проблема и перспективы развития электронных магазинов // Маркетинг в России и за рубежом. – 2000. - № 3. – С. 84-89.

5. Курс ЦИТ «Internet-технологии в проектах с пластиковыми карточками».

В. Завалеев, «Центр», 1998.

6. «Информационные Технологии: Теория и практика рекламы в России».

И. Крылов, «Центр», 1996.

7. Алексей Гончаров «Смоучитель HTML» Москва • 2002

8. Робин Нтксон «Создание динамических веб-сайтов с помощью PHP MySQL и JavaScript» Питер 2011г.

 

Глава 1.

Выбор среды разработки.

В веб разработке для создания современных интернет ресурсов применятся следующие технологии:

PHP (Hypertext Preprocessor — «PHP: препроцессор гипертекста» - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта соткрытым кодом. Проект распространяется под собственной лицензией.

MySQL—свободная система управления базами данных (СУБД). MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

Хорошим средством для создания web-продукта включающих в себя вышеперечисленные средства являются CMS.

Систе́ма управле́ния содержи́мым( Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым): Главной целью такой системы является возможность собирать в единое целое и объединять на основе ролей и задач все разнотипные источники знаний и информации, доступные как внутри организации, так и за ее пределами, а также возможность обеспечения взаимодействия сотрудников, рабочих групп и проектов с созданными ими базами знаний, информацией и данными так, чтобы их легко можно было найти, извлечь и повторно использовать привычным для пользователя образом.

В системе управления содержимым могут быть определены самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.

 

После проведенного анализа на рынке CMS

 

 

предпочтение было отдано программе 1c Bitrix, по ряду причин:

· Интуитивно понятный интерфейс

· Подробная документация

· Возможность использовать бесплатно для обучения

· Надежность в работе

· Хорошая техническая поддержка

1С-Битрикс — российская компания, разработчик коммерческой системы управления контентом интернет-сайтов и программного продукта для создания внутрикорпоративных информационных ресурсов.

Система ориентирована на корпоративные сайты, информационные и справочные порталы, социальные сети, интернет-магазины, сайты СМИ, пригодна для создания других видов веб-ресурсов.

Для хранения данных сайта используется файловая система сервера и реляционная СУБД. Поддерживаются следующие СУБД:MySQL, Oracle, MS SQL. Продукт работает на Microsoft Windows и UNIX‐подобных платформах, включая Linux.

«1С-Битрикс: Управление сайтом» продаётся в одной из восьми составленных фирмой-разработчиком редакций (Первый сайт, Старт, Стандарт, Эксперт, Малый бизнес, Бизнес, Веб-кластер, Бизнес веб-кластер), определяющих набор модулей и функциональность системы.

Одной из самых привлекательных особенностей «1С-Битрикс: Управление сайтом» для разработчика является механизм информационных блоков (инфоблоков). Он позволяет легко создавать пользовательские типы содержания (например для различных каталогов). При этом способы работы с инфоблоками Битрикс по возможности приближена к способам работы со справочниками платформы 1С:Предприятие.

Другой особенностью современных версий Битрикса является мощный визуальный HTML-редактор, позволяющий размещать на странице как обычную HTML информацию, PHP код, так и различные динамические компоненты, работу которых обеспечивает CMS. Однако этот редактор имеет и ряд ограничений.

 

Глава 2.Создание интернет магазина

Создание сайта.

После не сложной установки Битирикс появляется мастер для создания и настройки интернет-магазина входит

Создавая новый интернет-магазин достаточно выбрать один из 5 готовых вариантов дизайна, для каждого из которых существует несколько цветовых схем. Настраиваются типы плательщиков (физические и юридические лица), способы оплаты (безналичный расчет, квитанция Сбербанка, наличными, пластиковые карты и другие), способы доставки (курьер, самовывоз, Почта России). Мастер установки учитывает и помогает настроить все наиболее важные для онлайн-торговли функции

Мастер создания и настройки Интернет-магазина запускается сразу при установке продукта «1С-Битрикс: Управление сайтом». Достаточно выбрать из списка решений «Интернет-магазин» и один из вариантов его цветового оформления, ввести информацию на каждом шаге Мастера – и, сразу после установки, получить на руки готовый Интернет-магазин. С продуманной и воплощенной в жизнь структурой, меню, разделами и страницами, настроенными сервисами. Наполненный типовым контентом, который достаточно заменить новым, своим, чтобы немедленно запустить магазин в работу.

Для создания новых торговых каталогов служит отдельный Мастер, с помощью которого и создается каталог – с разделами, товарами, изображениями и категориями типа «Новинки», «Спецпредложения» или «Лидеры продаж». Создав свои торговые каталоги, можно тут же удалить демонстрационный. Использование Мастеров по настройке магазина и каталога сильно облегчает ввод информации и исключает сам этап проектирования сайта.

Для создания нового сайта нужно зайти в администраторскую панель->

настройки-> настройки продукта-> сайты->список сайтов->добавить сайт(рис 2.2)

Рисунок 2.2 создание нового сайта

 

Заполняем все поля (рис 2.3)

Рисунок 2.3 (заполнение полей)

 

В разделе «Шаблон» выбираем созданный нами шаблон который будет применен к новому сайту.

После заполнения полей, нажимаем сохранить.

Создание шаблона сайта.

Шаблон дизайна - это внешний вид сайта, в котором определяется расположение различных элементов на сайте, художественный стиль и способ отображения страниц. Включает в себя программный html-код, графические элементы, таблицы стилей, дополнительные файлы для отображения контента. Может так же включать в себя шаблоны компонентов, шаблоны готовых страниц и сниппеты.

Структура дизайна сайта обычно состоит из трех основных частей (рис. 1.1):

Верхняя часть дизайна (header).

Рабочая область страницы, в которой размещаются информационные материалы сайта, компоненты или любой другой программный код (Work Area).

Нижняя часть дизайна (footer).

Рисунок. 2.1. Основные части дизайна.

Header - верхняя часть дизайна, заголовок. Включает в себя, как правило, верхнюю и левую часть дизайна со статической информацией (логотипом, лозунгом и так далее), верхним горизонтальным меню и левым меню (если они есть в дизайне). Может включать в себя информационные динамические материалы. Хранится в отдельном файле …/<идентификатор шаблона>/header.php.

Work area - рабочая область страницы, в которой размещаются собственно информационные материалы сайта.

Footer - нижняя часть дизайна со статической информацией (как правило: контактная информация, сведения об авторе и владельце сайта и так далее), нижним горизонтальным меню и правым меню (если они есть в дизайне). Может включать в себя информационные материалы. Хранится в отдельном файле …/<идентификатор шаблона>/footer.php.

Для создания шаблона нужно зайти в панель администрирования-> настройки -> настройки продукта -> сайты ->Шаблоны сайтов(рис. 2.2 )

Рисунок 2.2 создание шаблона

После заполняем все поля (2.3)

Рисунок 2.2.Заполнение полей .

 

Переходим на вкладку Стили шаблона и создаем стиль для сайта.( рис.2.3 )

 

Рисунок 2.3 . создание стиля для сайта

Куда помещаем стили:

#glavnoe_menu { background: url(image/verh_men.png) no-repeat; height:100px;

width:900px; margin-left:10px;color: #EEE366; } /*главное меню*/

#glavnoe_menu #basket{ padding-left:50%;}/*главное меню в котором находится корзина*/

#content { height:auto; width:690px; float:left; }/*контентная часть*/

#left_menu { width:250px; height:750px; margin-left:700px; }/*левое меню margin-bottom:-170px;*/

#filtr {width:300px;float:left; margin-bottom:0px; }/* для catalog.section*/

#fouter {background:url(image/fon2.jpg) no-repeat; width:950px; height:800px; margin-top:-70px; }/*подвал*/

На этом первая часть создания шаблона завершилась, нажимаем Сохранить.

Шаблоны хранятся в директории /bitrix/templates/, тут надо создать каталог для своего творения, например test. Внутри него размещаем:
- каталог images– для картинок шаблона (которые не зависят от просматриваемой страницы), незачем их хранить в публичной части
-каталог include_areas – для включаемых файлов
- каталог page_templates – для образцов включаемых областей
- файл header.php – часть шаблона ДО контента
- файл footer.php – часть шаблона ПОСЛЕ контента
- файл description.php – название и описание шаблона
- файл .styles.php – описания стилей для визуального редактора страниц
- файл template_styles.css – стили шаблона
- файл styles.css – стили для контента и включаемых областей

в header.php включается 1 часть, за исключением содержимого между тегами и (оставить можно подключение различных скриптов). После обязательно добавить
<?$APPLICATION->ShowPanel();?>

- вместо удаленных в секции head метатегов, заголовка, подключений css файлов размещаем вызовы функций битрикс, которые будут динамически формировать эти данные

1.<?$APPLICATION->ShowHead()?>

2.<title><?$APPLICATION->ShowTitle()?></title>

-ко всем относительным путям добавляем /bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/

Таким образом мы не привязываем пути к конкретному имени шаблона, оно будет подставляться автоматически.

 



Последнее изменение этой страницы: 2016-07-22

headinsider.info. Все права принадлежат авторам данных материалов.