Категории: ДомЗдоровьеЗоологияИнформатикаИскусствоИскусствоКомпьютерыКулинарияМаркетингМатематикаМедицинаМенеджментОбразованиеПедагогикаПитомцыПрограммированиеПроизводствоПромышленностьПсихологияРазноеРелигияСоциологияСпортСтатистикаТранспортФизикаФилософияФинансыХимияХоббиЭкологияЭкономикаЭлектроника |
Глава 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. Внутри него размещаем: в header.php включается 1 часть, за исключением содержимого между тегами и (оставить можно подключение различных скриптов). После обязательно добавить - вместо удаленных в секции 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. Внутри него размещаем: в header.php включается 1 часть, за исключением содержимого между тегами и (оставить можно подключение различных скриптов). После обязательно добавить - вместо удаленных в секции head метатегов, заголовка, подключений css файлов размещаем вызовы функций битрикс, которые будут динамически формировать эти данные 1.<?$APPLICATION->ShowHead()?> 2.<title><?$APPLICATION->ShowTitle()?></title> -ко всем относительным путям добавляем /bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/ Таким образом мы не привязываем пути к конкретному имени шаблона, оно будет подставляться автоматически.
12 |
|
Последнее изменение этой страницы: 2016-07-22 lectmania.ru. Все права принадлежат авторам данных материалов. В случае нарушения авторского права напишите нам сюда... |