Файл: Разработка сайта интернет-магазина фильмов «FilmStore».pdf

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

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

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

Добавлен: 23.04.2023

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

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

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

Главная страница сайта представлена на рисунке 7

Главная страница

Рисунок 7

5.2 Раздел сайта «О нас»

Раздел магазина «О нас» отражает подробное описание сайта, его направленность, показывает окружение, на которое рассчитан сайт, а также приводит свои преимущества перед остальными похожими интернет-магазинами.

Данную страницу можно увидеть на рисунке 8

Страница «О нас»

Рисунок 8

5.3 Раздел сайта «Связаться с нами»

Следующий раздел нашего магазина назван «Связаться снами».

В нем отражена контактная связь с администрацией сайта, которая состоит из:

- телефона магазина;

- адреса магазина;

- личной электронной почты;

- личной ссылки в социальных сетях;

Данную страницу можно увидеть на рисунок 9

Страница «Связаться с нами»

Рисунок 9

5.4 Раздел «Корзина»

В разделе «Корзина» покупатель может увидеть свои покупки совершенные на сайте, продолжить покупки, удалить товар из корзины, а также оформить заказ.

Страница пустой корзины представлена на рисунке 10, а с товарами на рисунке 11.

Пустая «Корзина»

Рисунок 10

Полная «Корзина»

Рисунок 11

5.5 Форма «Регистрации» и «Авторизации»

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

Форма регистрации на нашем сайте содержит следующие поля:

- «Введите имя» - длина имени должна быть не меньше 2 символов;

- «Введите логин» - длина логина должна быть не меньше 4 символов и не больше 90 символов;

- «Введите пароль» - длина пароля должна составлять не меньше 4 символов и не больше 90 символов;

После нажатия на кнопку «Зарегистрироваться» данные, введенные покупателем, сразу попадают в базу данных, а форма автоматически переключается на форму «Авторизация».


Форма авторизации

- «Введите логин» - ввод своего логина, указанного при регистрации;

- «Введите пароль» - ввод пароля, указанного при регистрации;

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

Форму регистрации и авторизации можно увидеть на рисунках 12 и 13.

Форма «Регистрация»

Рисунок 12

Форма «Авторизация»

Рисунок 13

5.6 Раздел «Профиль»

Раздел «Профиль» состоит из двух частей. В правой части покупатель может посмотреть свою коллекцию фильмов, которые он уже купил, проверить свой баланс в магазине, увидеть фильмы, которые он добавил в избранные, посмотреть свои желания, а также заглянуть в настройки профиля. В левой части профиля пользователь может изменить свое фото профиля и добавить какую-либо информацию. Увидеть страницу профиля можно на рисунке 14.

Страница «Профиль»

Рисунок 14

5.7 Раздел подробного описания товара

На этой странице покупатель может более подробно ознакомиться с выбранным фильмом и, если он вошел в свою учетную запись в магазине, добавить товар в корзину, либо сразу же купить его. Увидеть страницу подробного описания авторизованного и не авторизованного пользователя можно на рисунке 15 и 15.1.

Страница «Подробнее» не авторизованного пользователя

Рисунок 15

Страница «Подробнее» авторизованного пользователя

Рисунок 15.1

5.8 Страница сайта «Заказ»

На странице «Заказ» авторизованный покупатель может произвести покупку выбранных фильмов. Для этого необходимо заполнить поля, указанные в форме и нажать кнопку «Заказать». Посмотреть на данную страницу можно на рисунке 16.

Страница «Заказ»

Рисунок 16


5.9 Инструкция пользователя.

Для того чтобы совершить покупку фильма в интернет-магазине «FilmStore», покупатель должен выполнить следующие шаги:

  1. Нажать на кнопку «Регистрация» в верхнем меню
  1. Ввести данные в форму «Регистрации» и анажать кнопку «зарегистрироваться»

Пользователя перекинет на страницу авторизации

  1. Заполнить форму «Авторизация» и нажать кнопку «авторизоваться»

Далее пользователя перекидывает на главную страницу магазина

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

Поздравляю!! Заказ совершен.

6. Заключение

В результате выполнения данной курсовой работы был разработан сайт интернет-магазина фильмов «FilmStore».

Визуальная составляющая сайта была построена с помощью HTML и CSS, а серверную часть держат PHP и MySQL.

Функционал сайта позволяет выполнять возложенные на него обязанности. Тестирование сайта проводилось в браузере Opera 68.0.

  1. Список использованной литературы

  2. https://ru.wikipedia.org/wiki/Atom_(текстовый_редактор);
  3. https://ru.wikipedia.org/wiki/PhpMyAdmin;
  4. https://ru.wikipedia.org/wiki/PHP;
  5. https://ru.wikipedia.org/wiki/MySQL;
  6. https://ospanel.io.
  7. Приложения

Приложение 1

Страница подключения к базе данных db.php

<?php

$host = "localhost";

$user = "root";

$pass = "";

$db_name = "film_store";

$connection = mysqli_connect($host, $user, $pass, $db_name);


if (mysqli_connect_errno()) {

die("Data Base connection failed: " . mysqli_connect_error() . " (" . mysqli_connect_errno() . ")");

} else {

# echo "Connection = success!\n" . mysqli_get_host_info($connection) . "<br />";

}

mysqli_query($connection, "SET NAMES utf8");

?>

Главная страница index.php

<?php

session_start();

require_once "db.php";

$query = "SELECT * FROM films";

$req = mysqli_query($connection, $query);

$data_from_db = [];

while ($result = mysqli_fetch_assoc($req)) {

$data_from_db[] = $result;

}

?>

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>Film store</title>

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->

<link href="css/shop-homepage.css" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

<title></title>

</head>

<style>

.card {

width: 350px;

height: 850px;

float: left;

background: #fff;

color: #000;

margin: 0 20px;

margin-left: 6.5%;

margin-bottom: 35px;

padding: 10px ;

padding-top: 10px;

}

</style>

<body>

<!-- Navigation -->

<?php require "header.php" ?>

<div class="container">

<div class="jumbotron jumbotron-fluid">

<div class="container">

<h1 class="display-4">Film store</h1>

<p class="lead">Лучшие фильмы, лучшее качество, лучшие цены.</p>

</div>

</div>

<div class="row">

<div class="col-lg-12">

<div class="row">

<?php foreach ($data_from_db as $card): ?>

<div class="main-card">

<div class="card">

<img class="card-img-top" src="<?php echo $card['image']?>" width="600" height="400" alt="">

<div class="card-body">

<h2>

<?php echo $card['title']?>

</h2>

<p>

<?php echo $card['mini_desc']?>

</p>

<p><strong>

<?php echo $card['price']?> руб

</strong></p>

<a class="btn btn-outline-secondary" href="single.php?id=<?php echo $card['id']?>">

Подробнее

</a>

</div>

</div>

</div>

<?php endforeach; ?>

</div>

</div>

</div>

</div>

<?php require "footer.php" ?>

</body>

</html>

Страница «О нас» about.php

<?php

session_start();

require_once "db.php";

?>

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<title>FilmStore</title>

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="css/shop-homepage.css" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

</head>

<style>

.card {

width: 850px;

height: 550px;

float: left;

margin: 35px 20px;

margin-left: 10%;

margin-top: 9%;

margin-bottom: 10.2%;

padding: 10px ;

padding-top: 10px;

}

</style>

<body>

<?php require "header.php" ?>

<div class="container">

<div class="row">

<div class="card">

<div class="card-body">

<h1>Уважаемые любители кино!</h1><br>

<p>&nbsp&nbsp&nbsp&nbspНаш интернет-магазин фильмов <b>FilmStore</b> предлагает вашему вниманию самые разные коллекции фильмов.


Покупая у нас фильмы, Вы не просто приобретаете коллекцию фильмов и мультфильмов, но также сможете окунуться в мир приключений и фантастики.<br><br>&nbsp&nbsp&nbsp&nbspНаши коллекции фильмов постоянно пополняются новинками кинопроката от Нашей компании.

Интернет-магазин <b>FilmStore</b> – это отличная находка для любого киномана и просто отличный подарок для всей семьи,ведь Вы имеете возможность получить лучшие произведения мирового и отечественного кинематографа за самую низкую цену и с удовольствием смотреть фильмы каждый день. Вы оплачиваете фильм всего один раз и смотрите его сколько угодно, ведь он навсегда сохранится в вашей библиотеке фильмов.

<br><br>&nbsp&nbsp&nbsp&nbspПокупая фильмы в <b>FilmStore</b> Вы всегда будете иметь личную коллекцию фильмов под рукой. Смотреть фильмы <b>FilmStore</b> можно как на современных ТВ,так и на компьютере или планшете(IPAD),домашнем кинотеатре. Достаточно просто оплатить понравившийся фильм и через мгновенье можно уже наслаждаться его просмотром.</p>

</div>

</div>

</div>

</div>

<?php require "footer.php" ?>

</body>

</html>

Страница «Связаться с нами» contact.php

<?php

session_start();

require_once "db.php";

?>

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<title>FilmStore</title>

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="css/shop-homepage.css" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

</head>

<style>

.card {

width: 500px;

height: 300px;

float: left;

margin: 35px 20px;

margin-left: 25%;

margin-top: 20%;

margin-bottom: 21.1%;

padding: 10px;

padding-top: 10px;

}

</style>

<body>

<?php require "header.php" ?>

<div class="container">

<div class="row">

<div class="card">

<div class="card-body">

<h1>Как с нами связаться</h1>

<p>Наш телефон: 8(495)777-77-77</p>

<p>Наш адрес: Москва, Багратионовский пр. 7, корп. 1</p>

<p>Наша почта: filmstore@mail.ru</p>

<p>Мы в соц. сетях:

<a class="btn btn-outline-secondary" href="/" title="Группа ВК" target="_blank">VK</a>

</p>

</div>

</div>

</div>

</div>

<?php require "footer.php" ?>

</body>

</html>

Страница «Корзина» cart.php

<?php

session_start();

require_once "db.php";

require_once "functions.php";

if ( isset($_GET['delete_id']) && isset($_SESSION['cart_list']) ) {

foreach ($_SESSION['cart_list'] as $key => $value) {

if ( $value['id'] == $_GET['delete_id'] ) {

unset($_SESSION['cart_list'][$key]);

}

}

}

if ( isset($_GET['card_id']) && !empty($_GET['card_id']) ) {

$current_added_card = get_card_by_id($_GET['card_id']);

if ( !empty($current_added_card) ) {