Файл: Разработка сайта приюта для домашних животных.pdf

С помощью переменных PHP данные, введенные администратором в html-форму на странице aminplus.php, а также имя выбранного файла, попадают в SQL-запрос, в результате выполнения которого они добавляются в таблицу.

Для удаления данных из таблицы news используется SQL-запрос с добавлением переменных PHP:

DELETE FROM `animal` WHERE `animal`.`id` = '$id'

С помощью переменной $id данные о записи, которую необходимо удалить из таблицы, попадают в SQL-запрос и запись удаляется.

Для изменения записи в таблице animal используется SQL-запрос с добавлением переменных PHP:

"UPDATE `animal` SET `klichka`='".$klichka."', `vozrast`='".$vozrast."', `pol`='".$pol."', `opis`='".$opis."', `zabrali`='".$zabrali."' WHERE `id`='".$id."'"

Рисунок 16. Структура таблицы anketa.

Глава 4. Описание структуры клиентской части.

Описание интерфейса «Обычный человек».

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

На главной странице пользователь может ознакомится с видео о проблемах животных.

Рисунок 17. Главная страница стороннего пользователя.

Рисунок 18. Интерфейс страницы с анкетами.

Рисунок 19. Интерфейс страницы каталога.

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

Описание интерфейса «Администратор».

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

Рисунок 28. Интерфейс каталога животных при входе с правами администратора.

Заключение

В ходе курсового проектирования была поставлена цель разработать прототип сайта для приюта домашних животных «Лапочка». В связи с этим, также предполагалось решить задачу по изучению языка гипертекстовой разметки HTML, CSS, языка программирования PHP, языка запросов SQL и базы данных MySQL. Эти задачи были решены.

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

Сайт организации обладает следующим функционалом и особенностями:

Удобным навигационным меню.
Логотипом организации на каждой странице.
Страницей, на которой отображен каталог животных.
Страницей со связью с приютом.
Страницами для осуществления администрирования сайта.

Вся информация, содержащаяся на сайте, находится в базе данных MySQL, что повышает уровень защищенности сайта.

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

Выполненная работа по созданию сайта соответствует техническому заданию организации и требованиям по информационной безопасности приюта ООО «Лапочка».

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

Мейер, Б. Инструменты, алгоритмы и структуры данных / Б. Мейер. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016.
Савельева, Н.В. Язык программирования PHP / Н.В. Савельева. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016
Прохоренок, Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н. Прохоренок. - СПб.: БХВ - Петербург., 2010. - 900 с.
Мазуркевич, А. PHP: настольная книга программиста / А. Мазуркевич. - М.: Новое знание, 2003. - 480 с.
Харрис, Э. PHP/MySQL для начинающих / Э. Харрис. - М.: Кудиц - образ, 2005.

Приложение

Приложение 1

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

index.php

session_start();

if ($_SESSION['rules'] == "")

session_unset();

if ($_GET['logout'] == 'yes')

session_unset();

<html>

<head>

<title>Приют для домашних животных "Лапочка"(Главная страница)</title>

</head>

<body>

</div>

Адрес: г.Москва Левофортово д.15<br>

почтовый индекс: 145000<br>

тел: 8-800-000-22

</div>

if ($_SESSION['rules']==1){

Выход

} else

{

Вход

}

</div>

</header>

<menu>

<summary>Cобаки</summary>

if ($_SESSION['rules'] == '')

{

<p><a href="http://petlife/doc.php" class="rin" title="Взять собаку домой">Взять собаку</a></p>

}

<p><a href="http://petlife/wish.php?vid=dog&zabrali=no" class="rin" title="Свободные собаки">Каталог собак</a></p>

</details>

</div>

<summary>Кошки</summary>

if ($_SESSION['rules'] == '')

{

<p><a href="http://petlife/doc.php" class="rin" title="Взять кошку домой">Взять кошку</a></p>

}

<p><a href="http://petlife/wish.php?vid=cat&zabrali=no" class="rin" title="Свободные кошки">Каталог кошек</a></p>

</details>

</div>

<summary><a href="http://petlife/wish.php?zabrali=yes" class="rin" title="Счастливые питомцы нашедшие дом">Нашли дом</a></summary>

</details>

</div>

</details>

</div>

</menu>

src="https://www.youtube.com/embed/8-6Xy4ak1m8" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

if ($_SESSION['rules'] == '')

{

<a href="http://petlife/news.php" class="rin">О приюте</a></pre>

<a href="http://petlife/doc.php#dog" class="rin">Взять собаку</a></pre>

<a href="http://petlife/doc.php#cat" class="rin">Взять кошку</a></pre>

<a href="http://petlife/doc.php#volunteer" class="rin">Стать волонтером</a></pre>

</div>

}

</div>

<pre>Иванова Анна СБИ-411

2020 год</pre>

</div>

<br>Помоги нашим маленьким друзьям - Возьми питомца из приюта!

</div>

<i>lapochka-priut@mail.ru</i>

</div>

</footer>

</body>

</html>

main.css

* {

text-decoration: none;

text-indent: 1em;

}

html

{

background-image: url('http://petlife/img/FON.jpg');

}

.rin {color: #000;

}

h1 {font-family:arial;}

p {

font-size: 1em; font-family:Times new roman;

text-indent:0;

border-right: 0.5px solid white;

border-bottom: 1px dotted White;

margin:0;

float:inherit;

background-color:#F4A460;

border-radius: 3px;

}

p:hover {background-color: #FF8C00}

summary

{

border: 1px outset;

background-color:#F4A460;

font-size: 1em; font-family:Times new roman;

text-indent:0;

margin:0;

float:inherit;

border-radius: 3px;

}

summary:hover {background-color: #FF8C00}

details summary::-webkit-details-marker {

display: none;

font-size: 1em;

font-family:Times new roman;

font-weight: bold; }

a {font-size: 1.1em; font-family:Times new roman; }

pre {font-size: 1.1em; font-weight: bold; font-family:Times new roman; color: black; text-indent:0;}

footer {font-size: 1.1em; }

#shapka {

margin:0;

height: 8em;

width: 98em;

}

#vso

{

height: 34em;

width: 98em;

}

#podval {

margin-left: -2em;

height: 5em;

width: 94em;

background-color: #F4A460;

}

#menu {

margin: auto;

background-color: #FFDEAD;

box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

height: 27em;

width: 40em;

}

#banner

{

margin: auto;

height: 3em;

width: 42em;

}

{

margin:0;

height: 6em;

width: 37.5em;

text-align:center;

}

#video

{

margin-top: 1em;

margin-left: 7em;

}

#cat

{

float:left;

width: 8.1em;

text-align:center;

}

#dog

{

float:left;

margin-left: 8em;

width: 8.2em;

text-align:center;

}

#mau

{

float:left;

text-align:center;

width: 7.2em;

border-radius: 3px;

font-size: 0.9em;

}

#onas

{

float:left;

text-align:center;

width: 5.2em;

border-radius: 3px;

font-size: 0.9em;

}

#onas:hover {background-color: #FF8C00}

#mau:hover {background-color: #FF8C00}

#nizpre

{

margin:0;

border: 0.5px outset white;

float:left;

width: 9em;

height: 2.8em;

text-align:center;

background-color:#F4A460;

}

#nizdog

{

margin:0;

border: 0.5px outset white;

float:left;

width: 9em;

height: 2.8em;

text-align:center;

background-color:#F4A460;

}

#nizcat

{

margin:0;

border: 0.5px outset white;

float:left;

width: 9em;

height: 2.8em;

text-align:center;

background-color:#F4A460;

}

#nizvol

{

margin:0;

border: 0.5px outset white;

float:left;

width: 10.72em;

height: 2.8em;

text-align:center;

background-color:#F4A460;

}

#nizpre:hover {background-color: #D2691E}

#nizdog:hover {background-color: #D2691E}

#nizcat:hover {background-color: #D2691E}

#nizvol:hover {background-color: #D2691E}

#logo{

float:left;

width: 38em;

height:8em;

}

#topcent{

float:left;

width: 20em;

height:7.2em;

text-align:center;

font-size: 1.1em;

font-family:Times new roman;

}

#topright{

float:left;

width: 32em;

height:8em;

}

#imya{

float:left;

width: 25em;

height:4.9em;

text-align:center;

}

#textx{

float:left;

width: 42em;

height:4.44em;

text-align:center;

font-size: 1.1em;

color: #FF0000; text-shadow:1px 1px 2px white, 0 0 1em white;

font-family:Times new roman;

font-weight: bold; font-family:Times new roman; text-align:center; text-transform: uppercase;

}

#email{

float:left;

width: 18em;

height:4.9em;

font-family:Times new roman;

font-size: 1em;

padding-left: 10px;

text-align: left;

}

Приложение 2. Страница с анкетами для пользователей (doc.php, docs.css)

doc.php

if (isset($_POST["mail"])){

print_r ($_POST);

$name = $_POST['name'];

$fname = $_POST['name1'];

$rdate = $_POST['age'];

$address = $_POST['adress'];

$tel = $_POST['phone'];

$mel = $_POST['state'];

$reason = $_POST['reason'];

$text = $_POST['text'];

$foto = $_POST['filename'];

$mysqli = new mysqli ("localhost", "root", "root", "pet");

$mysqli ->query("SET_NAMES 'utf8'");

$result = $mysqli ->query("INSERT INTO `anketa` (`name`, `fname`, `rdate`, `address`, `tel`, `mel`, `reason`, `text`, `foto`) VALUES ('".$name."', '".$fname."', '".$rdate."', '".$address."', '".$tel."', '".$mel."', '".$reason."', '".$text."', '".$_FILES['filename']['name']."')");

if ($result) echo('Успех!');

}

if ((is_uploaded_file($_FILES["filename"]["tmp_name"]))&&($_FILES["filename"]["size"] < 1024*20*1024)&&($_FILES["filename"]["type"] == 'image/jpeg')){

// $mysqli ->query("INSERT INTO `anketa` (`foto`) VALUES ('".$_FILES['filename']['name']."')");

move_uploaded_file

(

$_FILES["filename"]["tmp_name"],

"fanketa"."/".iconv('utf-8','cp1251',$_FILES["filename"]["name"])

);

}

//$mysqli ->close();

<html>

<head>

<title>Приют для домашних животных "Лапочка"(Документы)</title>

</head>

<body>

</div>

Адрес: г.Москва Левофортово д.15<br>

почтовый индекс: 145000<br>

тел: 8-800-000-22

</div>

</div>

</header>

<menu>

<summary>Cобаки</summary>

<p class="ron"><a href="http://petlife/doc.php" class="rin" title="Взять собаку домой">Взять собаку</a></p>

<p class="ron"><a href="http://petlife/wish.php?vid=dog&zabrali=no" class="rin" title="Свободные собаки">Каталог собак</a></p>

</details>

</div>

<summary>Кошки</summary>

<p class="ron"><a href="http://petlife/doc.php" class="rin" title="Взять кошку домой">Взять кошку</a></p>

<p class="ron"><a href="http://petlife/wish.php?vid=cat&zabrali=no" class="rin" title="Свободные кошки">Каталог кошек</a></p>

</details>

</div>

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

Управление мотивацией сотрудников на предприятиях ГиРБ (Сущность мотивационных теорий).pdf

Анализ клиентской базы ПАО «Сбербанк России».pdf

Анализ деятельности спортивной организации на примере Natus Vincere..pdf

Колористическая, цветовая и тональная организация живописного произведения Клода Моне «Кувшинки» (Информационный блок картины).pdf

Цветопередача и сущность картины Альберта Марке «Гавань в Ментоне» (ИНФОРМАЦИОННЫЙ БЛОК КАРТИНЫ).pdf

Файл: Разработка сайта приюта для домашних животных.pdf

Глава 4. Описание структуры клиентской части.

Описание интерфейса «Обычный человек».

Описание интерфейса «Администратор».

Заключение

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

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

Информация

Списки файлов

Дополнительно