Разработка серверной части интернет магазина
«Кондитерская Симпсонов»
Подготовительный этап серверной части
Для работы нам потребуется XAMPP - полностью бесплатный и простой в установке дистрибутив Apache, содержащий MariaDB, PHP.
Скачать данный дистрибутив можно по ссылке: http://www.apachefriends.org.
После установки комплекта на рабочем столе и в меню «Пуск» появляется ярлык для запуска панели управления XAMPP (рис. 1), с его помощью происходит запуск Apache и MySQL. Напротив, модулей Apache и MySQL нажмите кнопку «Start»
Рис. 1
Работа с MySQL из PHP
После запуска становятся доступны кнопки Admin. Нажмите MySQL Admin — phpMyAdmin откроется браузер и перейдет по адресу http://localhost/phpmyadmin/ (рис 1.1.)
Рис. 1.1
Далее нажимаем «Создать БД» в поле «Имя базы данных» - введите «sim», в выпадающем списке выберите «utf8_bin» (рис. 1.2)
Рис. 1.2
После чего откроется страница с возможностью создания таблицы. В поле «Имя:» - введите «tovar», «Количество столбцов:» - выберите «5» и нажмите кнопку «Вперёд» (рис. 1.3)
Рис. 1.3
|
|
После чего появится новое окно, где нужно будет указать данные по каждой колонке. Присвоим следующие имена колонкам: id, naim, kol, dv, img (см. рис. 1.4):
Рис. 1.4
Имена колонок задаются по правилам именования переменных. Кроме этого, нужно указать тип данных, которые будут хранится в данной колонке, Типы данных выбираются из списка. Нам потребуются следующие типы:
· INT – целые числа – аналог типа int из Java.
· TINYNT – тоже целые числа, но малой размерности, так как наименование товара это числа от 1 до 10, то такой размерности вполне достаточно.
· DATETIME – дата, содержащая ещё и время.
· VARCHAR – хранит строки.
Далее перемещаемся вправо до колонки A_I – это сокращение от AUTO_INCREMENT – автонумерация необходимо установить галочку для колонки id – в самой верхней строке (см. рис. 1.5):
Рис. 1.5
Теперь рассмотрим пример работы с базой данных из PHP – выполним запрос на добавление одной строки в таблицу tovar. Для добавления данных используется команда SQL под названием INSERT. Чтобы добавить данные в нашу таблицу необходимо выполнить следующий запрос: (рис. 1.6)
INSERT INTO tovar (naim,kol,img) VALUES (1,117,"img/1.png")
Рис. 1.6
По аналогии заполните таблицу до конца используя следующие данные:
Таблица 1
naim | kol | img |
img/2.png | ||
img/3.png | ||
img/4.png | ||
img/5.png | ||
img/6.png | ||
img/7.png | ||
img/8.png | ||
img/9.png | ||
img/10.png |
Самостоятельно создайте таблицу «razmetka» c 2 двумя столбцами «id» - поле типа «int», A_I и «html» - поле типа «text».
При помощи команды INSERT INTO внесите следующие данные в таблицу «razmetka»:
Таблица 2
id | html |
<div class="left_b"> <h1>Главная</h1> <img src="img/r1.png" border="0" width="50%" height="25%" /> </div> | |
<div class="left_b"> <h1>Товары</h1> <img src="img/r2.png" border="0" width="50%" height="25%" /> </div> | |
<div class="left_b"> <h1>Заказать</h1> <img src="img/r3.png" border="0" width="50%" height="25%" /> </div> | |
<div class="left_b"> <h1>Контакты</h1> <img src="img/r4.png" border="0" width="50%" height="25%" /> </div> | |
<div id="right_b"> <h1>Работаем по <br/> всему Миру!</h1> <br/> <object width="200" height="200" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param name="movie" value="img/3dClock.swf" /> <param name="quality" value="high" /> <param name="scale" value="noborder" /> <param name="3dClock" value="t" /> <param name="wmode" value="opaque" /> <param name="src" value="img/3dClock.swf" /> <!--[if!ie]>--><object width="250" height="250" type="application/x-shockwave-flash" data="img/3dClock.swf"><!--<![endif]--> <param name="quality" value="high" /> <param name="scale" value="noborder" /> <param name="salign" value="t" /> <param name="wmode" value="opaque" /> <param name="src" value="img/3dClock.swf" /> <p>Flash умер! Причём давнооооо!!!!!</p> <!--[if!ie]>--></object><!--<![endif]--> </object> </div> | |
<h1 class="h1_opisan">Добро пожаловать!</h1> <br/> <div class="div_opisan"> Мы готовим наши пончики с любовью, начиняем, декорируем и бережно упаковываем их по 6 штук в фирменную коробочку и перевязываем лентой. Собери коробочку на свой вкус! </div> <div class="div_opisan"> Проект "Кондитерская симпсонов" был создан командой энтузиастов своего дела. Основными задачами проекта являются распространение наших пончиков и пропаганда всяких вкусностей. Наши пончики - это сокровища, которые подарила нам наша семейка "Симпсонов" для поддержания вкусного образа жизни! </div> <div class="div_opisan"> Проект "Кондитерская симпсонов" является некоммерческим, благотворительным. Финансирование проекта происходит за счет основной деятельности компании - продажи нашей вкусной продукции. </div> <div class="div_opisan"> Предполагаемые пончики можно получить бесплатно! При оформлении заказа имеется ограничение по количеству отгружаемого товара!: не более 6 штук от количества на складе. Полученные пончики запрещается использовать в коммерческих целях! </div> <br/> | |
<h1 class="h1_opisan">Главное представительство</h1> <br/> <div class="div_opisan"> +7 (495) 000-00-00<br/> +7 (499) 000-00-00<br/> <br/> Адрес: Москва, проспект Симпсонов, дом 7<br/> <br/> E-mail: edu@1c.ru<br/> <br/> </div> | |
<h1 class="h1_opisan">Правила заказа товара</h1> <br> <div class="div_opisan"> <br/> </div> | |
<div id="zakaz"> <form action="index.php?id=2" target="_self" method="post"> <table border="0" cellpadding="0" width="50%"> <tr> <th>Пончик</th> <th>Товар</th> <th>Остаток,шт</th> </tr> | |
<tr><td>-----</td><td>-----</td><td>-----</td></tr> <tr><td>Имя(*)</td><td><input type="text" name="user_name" maxlength="15"/></td><td></td></tr> <tr><td>Телефон(*):</td><td><input type="text" name="user_tel" maxlength="20"/></td><td></td></tr> <tr><td></td><td><input type="submit" id="btn" name="btn" value="Заказать звонок"/></td><td></td></tr> </table> </form> </div> </div> <br/> |
|
|
Самостоятельно создайте таблицу «opisan» c 3 двумя столбцами «id» - поле типа «int», A_I, «naim» - типа varchar и «txt» - поле типа «text».
При помощи команды INSERT INTO внесите следующие данные в таблицу «opisan»:
Таблица 3
Id | Naim | Txt |
Малиновый | Малинка, малинка, какая вечеринка! малиновая начинка и мягкая глазурь. Невероятный пончик с малиновым кремом, покрытый малиново-сахарной глазурью. | |
Мятный | Пончик который с первого дня стал любимцем всех сладкоежек, наполнен сливочно-мятным кремом и покрыт мятной глазурью. | |
Апельсиновый | Наш фирменный пончик, вручную начиненный нежным апельсиновым кремом, покрытый апельсиново-сахарной глазурью. | |
Яблоко с корицей | Пышный пончик, вручную наполнен яблочным джемом с корицей, покрыт сахарной глазурью со вкусом спелого яблока | |
Вишнёвый | Перга - это законсервированная медоферментным составом пчелиная обножка, сложенная и утрамбованная пчелами в соты, прошедшая молочнокислое брожение, в процессе которого пыльцевые зерна превращаются в пергу. Пчеловоды называют пергу "хлебиной", что говорит о ее особой важности для пчел и человек.Сочный вишневый джем, мягкая вишнёвая глазурь и пышные формы это все про вишневый пончик. | |
Рафаэлло | Любимец женских сердец! Красавец Рафаэлло! С любовью наполнен сливочно-кокосовым кремом, покрыт белым шоколадом и кокосовой стружкой. | |
Сникерс | Сливочная карамель и жаренный арахис, что же еще? Наш самый сытный пончик "Сникерс", от души наполнен сливочной карамелью, полит белым шоколадом и усыпан жаренным арахисом. | |
Нутелла | Легендарный пончик с шоколадно - ореховой пастой "нутелла", покрыт молочным шоколадом и украшен воздушным рисом в карамели. | |
Баварский крем | " О, Да. Этот пончик бесподобен", - так говорят о нем наши гости. Он наполнен нежнейшим заварным баварским кремом и сливочной глазурью. | |
Шоколадный | Наш самый брутальный пончик настолько крут, что он на 100% состоит из шоколада. Начинка, глазурь, посыпка и шоколадное тесто - это мечта любого шокоголика. |
|
|