Разработка веб-страницы

Размещено на http: //www. allbest. ru/

1. Введение в веб-программирование

Цель работы: Разработать веб-страницу средствами HTML+ СSS+JS. Получить первоначальные навыки использования современных технологии разработки веб-приложений.

1. Разработать логическую, физическую и внешнюю структуру сайта.

Размещено на http: //www. allbest. ru/

Рисунок 1.1 Логическая структура сайта



Логическая структура сайта содержит два раздела Пользователь и Поиск, и в этих разделах имеется по несколько страниц.

Рисунок 1.2 Физическая структура сайта

Сайт имеет архитектуру MVC. В папке assets хранятся статичные файлы: картинки, шрифты, css и js файлы.

2. Разработать адаптивный макет сайта.

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

Рисунок 1.3 Страница входа

Разработана адаптивная страница входа под разные экраны устройств. Для создание адаптивной страницы используется media стили для разных размерах экрана.

2. Основы языка скриптинга

Цель работы: Ознакомиться с характеристикой, семантикой и синтаксисом скриптингового языка php. Использовать основные операторы и методы в ходе решение задач. 1. Найти сумму членов арифметической прогрессии a, a+d,…, a+(n-1)d по данным значениям a, d, n.

Листинг 2.1. Код программы.

<?PHP

$h=6;

$g=9.8;

echo $h*$g;



Сумма арифметической прогрессии вычисляется по формуле.

Рисунок 2.1 Результат программы

2. Златопольский Д.М: Вывести на экран числа 5, 10 и 21 одно под другим

Листинг 2.2. Код программы.

Задача решается по формуле и выводится на экран.

Рисунок 2.2 Результат программы

3. Абрамян М. Э: Даны два ненулевых числа. Найти сумму, разность, произведение и частное их квадратов.

Листинг 2.3. Код программы.

<?php

$a=1;$b=3;

Echo $a+$b;

Echo $a-$b;

Echo $a*$b;

Echo pow($a,2).pow($b,2);

?>

Задача решается по формуле и выводится на экран.

Рисунок 2.3 Результат программы

3. Конструкции языка

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

1. Даны действительные числа a, b, c. Проверить, выполняются ли неравенства a < b < c.

Листинг 3.1. Код программы.

$a=1; $b=2; $c=3;

echo ($a<$b && $b<$c);



Проверятся условие задачи и выводится на экран.

Рисунок 3.1 Результат программы

2. Вычислить сумму

Листинг 3.2. Код программы.

$n=10; $s=1;

for ($i=2; $i <= $n; $i++) {

$s+=1/$i;

}

echo $s;

Сумма вычисляется с помощью цикла.

Рисунок 3.2 Результат программы



3. Дано целое число N (> 0). С помощью операций деления нацело и взятия остатка от деления определить, имеется ли в записи числа N цифра «2». Если имеется, то вывести TRUE, если нет -- вывести FALSE.

Листинг 3.3. Код программы.

$n=1234;

$f=false;

while ($n>0) {

if ($n % 10 == 2) {

$f=true;

break;

}

$n=(int)($n / 10);

}

echo ($f) ? 'true' : 'false';

Задача решается с помощью цикла while и проверяется остаток от деление.

Рисунок 3.3 Результат программы

4. Обработка клиентских запросов

Цель работы: Ознакомиться с клиентскими запросами (post и get), с глобальными массивами (server, session, cookie).

1. Передача данных с формы на сервер (Post,Get).

Листинг 4.1. Код программы.

$data['from']=$_GET['from'];

$data['to']=$_GET['to'];

$data['date']=$_GET['date'];

if (isset($_GET['cost'])){

$data['cost']=$_GET['cost'];

}

if (isset($_GET['number'])){

$data['number']=$_GET['number'];

}

Для получение данных с клиента используются глобальные массивы $_GET и $_POST. В данном примере данные принимаются с помощью метода $_GET для поиска поездков.

2. Использование глобальных массивов(server, session, cookie).

Листинг 4.2. Код программы.

$ip=$_SERVER['REMOTE_ADDR'];

$id_user=$_SESSION['id_user'];

$token=$_COOKIE['token'];

Для получение данных об сервере или пользователя используется глобальная переменная $_SERVER. Для получение ip адрес пользователя используется REMOTE_ADDR. Для хранения данных на сервере используется глобальная переменная $_ SESSION. Данные на стороне пользователя хранятся в куки. Для получения их на сервере используется глобальная переменная $_ COOKIE.



5. Функции и области видимости переменных

Цель работы: Ознакомиться с функциями и области видимости переменных. Использовать функции для решение задач.

1. Решение задач с использованием стандартных функций.

Листинг 5.1. Пример стандартных функций.

if (isset($_GET['cost'])){

$data['cost']=$_GET['cost'];

}

if (isset($_GET['number'])){

$data['number']=$_GET['number'];

}

$min_date = date('Y-m-d', strtotime($data['date']. ' - 3 days'));

$max_date = date("Y-m-d", strtotime($data['date']. ' + 3 days'));

Функция isset используется для проверки существование переменных. Функция date используется для получения дата и времени в нужном формате.

2. Определение пользовательских функций по предметной области.

Листинг 5.2. Код функции searchTrips.

function searchTrips($data){

$from=$this->getCityId($data['from'])->row;

$to=$this->getCityId($data['to'])->row;

$where="";

if (isset($data['cost'])){

if ((float)$data['cost']<=0){

$where.=" AND cost>".(float)$data['cost'];

}else{

$where.=" AND cost<=".(float)$data['cost'];

}

}

if (isset($data['number'])){

$where.=" AND number>=".(int)$data['number'];

}

if (count($from)==0){$from=array('id'=>0);}

if (count($to)==0){$to=array('id'=>0);}

$min_date = date('Y-m-d', strtotime($data['date']. ' - 3 days'));

$max_date = date("Y-m-d", strtotime($data['date']. ' + 3 days'));

return $this->db->query("SELECT * FROM trip WHERE datetime>'".currentTime()."' AND status=".ACTIVE." AND cityfrom=".$from['id']." AND cityto=".$to['id']." AND datetime>'".$min_date."' AND datetime<'".$max_date."'" . $where);

}

Создана пользовательская функция для поиска поездок. Функция принимает массив в котором хранятся все данные для поиска. Далее обрабатываются поисковые данные и выполняется запрос в БД. Функция возвращает данные в виде массива.

6. Работа с файлами и каталогами

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

1. Дана некоторая строка. Записать эту строку в файл.

Листинг 6.1. Код программы.



$str=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.”;

$file=fopen(“file.txt”,”w”);

fwrite($file, $str);

fclose($file);

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

2. Даны символьные файлы f1 и f2 . Переписать с сохранением порядка следования компоненты файла f1 в файл f2 , а компоненты файла f2 - в файл f1 . Использовать вспомогательный файл h.

Листинг 6.2. Код программы.

copy(“f1.txt”,”h.txt”);

copy(“f2.txt”,”f1.txt”);

copy(“h.txt”,”f2.txt”);

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

3. Дана не пустая строка. Вывести коды ее первого и последнего символа.

Листинг 6.2. Код программы.

$str="Lorem ipsum dolor sit amet";

echo ord(substr($str,0,1));// первый символ

echo ord(substr($str,-1,1));// последный символ



Рисунок 6.1 Результат программы

Для получения первого и последнего символа используется функция substr и для получения кода символа используется функция ord.

7. Работа с базой данных

Цель работы: Ознакомиться с БД Mysql. Разработать БД и манипулировать с данными в БД.

Листинг 7.1. Разработка БД.

CREATE DATABASE hamroh;

Создана база данных hamroh.

Листинг 7.2. Подключение к БД.

function connect() {

$connection = new \mysqli(DB_HOSTNAME, DB_USERNAME, DB_PASSWORD, DB_DATABASE);

if ($connection->connect_error) {

throw new \Exception('Error: ' . $connection->error . '<br />Error No: ' . $connection->errno);

}

$connection->set_charset("utf8");

$connection->query("SET SQL_MODE = ''");

return $connection;

}



Создана функция connect для подключения к базе данных.

Листинг 7.3. Запись данных в таблиц БД.

public function addBooking($data){

$this->$db->query("INSERT INTO booking(bookerid, tripid, number, status, date) VALUES(".(int)$data['user_id'].",".(int)$data['trip'].",".(int)$data['number'].",".DEACTIVE.",'".currentTime()."')");

}

Для записи данных в таблицу выполняется SQL запрос INSERT.

Листинг 7.4. Обновление данных таблиц БД.

public function updateBooking ($data){

$this->$db->query("UPDATE booking SET status=".CANCELED. " WHERE id=".(int)$data['booking_id']);

}

Для обновление данных таблицы выполняется SQL запрос UPDATE.

Листинг 7.5. Чтение данных с таблицы.

public function checkAvailableBooking($data){

return $this->db->query("SELECT id FROM trip WHERE id=".(int)$data['trip']. " AND number>=".(int)$data['count']);

}

Для чтение данных с таблицы выполняется SQL запрос SELECT.

Листинг 7.6. Модуль «Поиск».



function searchTrips($data){

$from=$this->getCityId($data['from'])->row;

$to=$this->getCityId($data['to'])->row;

$where="";

if (isset($data['cost'])){

if ((float)$data['cost']<=0){

$where.=" AND cost>".(float)$data['cost'];

}else{

$where.=" AND cost<=".(float)$data['cost'];

}

}

if (isset($data['number'])){

$where.=" AND number>=".(int)$data['number'];

}

if (count($from)==0){$from=array('id'=>0);}

if (count($to)==0){$to=array('id'=>0);}

$min_date = date('Y-m-d', strtotime($data['date']. ' - 3 days'));

$max_date = date("Y-m-d", strtotime($data['date']. ' + 3 days'));

return $this->db->query("SELECT * FROM trip WHERE datetime>'".currentTime()."' AND status=".ACTIVE." AND cityfrom=".$from['id']." AND cityto=".$to['id']." AND datetime>'".$min_date."' AND datetime<'".$max_date."'" . $where);

}

сайт адаптивный файл запрос

Создана пользовательская функция для поиска поездок. Функция принимает массив в котором хранятся все данные для поиска. Далее обрабатываются поисковые данные и выполняется запрос в БД. Функция возвращает данные в виде массива.

Размещено на Allbest.ru

...