Файл: Разработка сайта магазина игрушек.pdf

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 28.03.2023

Просмотров: 155

Скачиваний: 2

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

Введение

HTML5

CSS

JavaScript

Bootstrap

MySQL

PHP

Заключение

Литература

Рисунок 4.8 – Магазин

На данной странице нужно выбрать интересующий товар и нажать кнопку «В корзину», система добавит товар в корзину а пользователь сможет дальше просматривать интернет магазин.. По умолчанию выводится список популярных и рекомендуемых товаров. Для приобретения товара необходимо перейти на вкладку «Корзина» и воспользоваться кнопкой «Оформить заказ», располагаемой под выбранными товарами (Рисунок 4.9).

Рисунок 4.9 – Покупка товара

Заключение

В ходе выполнения данной работы были решены следующие задачи

  • дано общее описание автоматизируемого объекта;
  • построена модель базы данных;
  • спроектировано и реализовано приложение для работы и управления созданной базой данных с применением web-технологий.

В процессе выполнения работы была создана база данных, с применением среды MySQL. Реализация проекта велась с применением языков CSS, HTML, PHP, а также м использованием языка SQL запросов для обращения и изменения информации в связанной базе данных системы.

Результатом работы явилось достижение целей:

  • закрепление теоретического материала по дисциплинам, связанных с изучением баз данных;
  • практические навыки создания web-ресурса с применением языка программирования PHP.

Разработана информационная система интернет магазина «BABYLAND.RU». Система создана с применением современных средств и технологий, имеет адаптивный дизайн, проверена и протестирована для отображения на мобильных и десктопных устройствах.

Литература

  1. Пирогов, В.Ю. Информационные системы и базы данных: организация и проектирование: Учебное пособие / В.Ю. Пирогов. - СПб.: БХВ-Петербург, 2009. - 528 c.
  2. Вадим Дунаев. HTML, скрипты и стили. BHV, Санкт-Петербург, 2015. ISBN 978-5-9775-3317-1.
  3. Н. Закас, Джереми Мак-Пик, Джо Фосетт. Ajax для профессионалов. Перевод: Александр Киселев. Символ, Санкт-Петербург, 2015. ISBN 978 5 93286-081-6.
  4. К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN 978 5 7931-0844-7.
  5. Adobe Dreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978-5-699-69655-0.
  6. Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург, 2011. ISBN 978-5-459-00579-0.
  7. А. Годин, К. Джонсон, К. Уоррен, М. Уэбер, Брайан Хоган. Книга веб-программиста: секреты профессиональной разработки веб-сайтов. Питер, Санкт-Петербург, 2013. ISBN 978-5-459-01510-2.
  8. Алан Купер, Дэйв Кронин, Кристофер Носсел, Роберт Рейман. Алан Купер об интерфейсе. Основы проектирования взаимодействия. Символ, Санкт-Петербург, 2015. ISBN 978-5-93286-132-5.
  9. Стив Круг. Как сделать сайт удобным. Юзабилити по методу Стива Круга. Питер, Санкт-Петербург, 2010. ISBN 978-5-49807-515-0.
  10. Кирилл Сухов. HTML 5. Путеводитель по технологии. ДМК, Москва, 2013. ISBN 978-5-94074-910-3.

Исходные коды

Index.php

<?php

// Общие настройки

ini_set('display_errors',1);

error_reporting(E_ALL);

session_start();

// Подключение файлов системы

define('ROOT', dirname(__FILE__));

require_once(ROOT.'/components/Autoload.php');

// Вызов Router

$router = new Router();

$router->run();

header.php

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="utf-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <meta name="description" content="">
    7. <meta name="author" content="">
    8. <title>Главная</title>
    9. <link href="/template/css/bootstrap.min.css" rel="stylesheet">
    10. <link href="/template/css/font-awesome.min.css" rel="stylesheet">
    11. <link href="/template/css/prettyPhoto.css" rel="stylesheet">
    12. <link href="/template/css/price-range.css" rel="stylesheet">
    13. <link href="/template/css/animate.css" rel="stylesheet">
    14. <link href="/template/css/main.css" rel="stylesheet">
    15. <link href="/template/css/responsive.css" rel="stylesheet">
    16. <!--[if lt IE 9]>
    17. <script src="js/html5shiv.js"></script>
    18. <script src="js/respond.min.js"></script>
    19. <![endif]-->
    20. <link rel="shortcut icon" href="/template/images/ico/favicon.ico">
    21. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/template/images/ico/apple-touch-icon-144-precomposed.png">
    22. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/template/images/ico/apple-touch-icon-114-precomposed.png">
    23. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/template/images/ico/apple-touch-icon-72-precomposed.png">
    24. <link rel="apple-touch-icon-precomposed" href="/template/images/ico/apple-touch-icon-57-precomposed.png">
    25. </head><!--/head-->
    26. <body>
    27. <div class="page-wrapper">
    28. <header id="header"><!--header-->
    29. <div class="header_top"><!--header_top-->
    30. <div class="container">
    31. <div class="row">
    32. <div class="col-sm-6">
    33. <div class="contactinfo">
    34. <ul class="nav nav-pills">
    35. <li><a href="#"><i class="fa fa-phone"></i> +7 999-911-91-91</a></li>
    36. <li><a href="#"><i class="fa fa-envelope"></i> Hoper34rus@yandex.ru</a></li>
    37. </ul>
    38. </div>
    39. </div>
    40. <div class="col-sm-6">
    41. <div class="social-icons pull-right">
    42. <ul class="nav navbar-nav">
    43. </ul>
    44. </div>
    45. </div>
    46. </div>
    47. </div>
    48. </div><!--/header_top-->
    49. <div class="header-middle"><!--header-middle-->
    50. <div class="container">
    51. <div class="row">
    52. <div class="col-sm-4">
    53. <div class="logo pull-left">
    54. <a href="/"><img src="/template/images/home/logo.png" alt="" /></a>
    55. </div>
    56. </div>
    57. <div class="col-sm-8">
    58. <div class="shop-menu pull-right">
    59. <ul class="nav navbar-nav">
    60. <li><a href="/cart">
    61. <i class="fa fa-shopping-cart"></i> Корзина
    62. (<span id="cart-count"><?php echo Cart::countItems(); ?></span>)
    63. </a>
    64. </li>
    65. <?php if (User::isGuest()): ?>
    66. <li><a href="/user/login/"><i class="fa fa-lock"></i> Вход</a></li>
    67. <?php else: ?>
    68. <li><a href="/cabinet/"><i class="fa fa-user"></i> Аккаунт</a></li>
    69. <li><a href="/user/logout/"><i class="fa fa-unlock"></i> Выход</a></li>
    70. <?php endif; ?>
    71. </ul>
    72. </div>
    73. </div>
    74. </div>
    75. </div>
    76. </div><!--/header-middle-->
    77. <div class="header-bottom"><!--header-bottom-->
    78. <div class="container">
    79. <div class="row">
    80. <div class="col-sm-12">
    81. <div class="navbar-header">
    82. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    83. <span class="sr-only">Toggle navigation</span>
    84. <span class="icon-bar"></span>
    85. <span class="icon-bar"></span>
    86. <span class="icon-bar"></span>
    87. </button>
    88. </div>
    89. <div class="mainmenu pull-left">
    90. <ul class="nav navbar-nav collapse navbar-collapse">
    91. <li><a href="/">Главная</a></li>
    92. <li class="dropdown"><a href="#">Магазин<i class="fa fa-angle-down"></i></a>
    93. <ul role="menu" class="sub-menu">
    94. <li><a href="/catalog/">Каталог товаров</a></li>
    95. <li><a href="/cart/">Корзина</a></li>
    96. </ul>
    97. </li>
    98. <li><a href="/about/">О магазине</a></li>
    99. <li><a href="/contacts/">Контакты</a></li>
    100. </ul>
    101. </div>
    102. </div>
    103. </div>
    104. </div>
    105. </div><!--/header-bottom-->
    106. </header><!--/header-->

Смотрите также файлы