- •Занятие 1. "Быстрый старт: организация рабочего места веб-разработчика. Создание и запуск первого проекта"
- •Установка и настройка пакета Denwer
- •Установка среды разработки Eclipse для php
- •Создание и запуск веб-проекта php
- •Добавление php кода к веб-проекту
- •Занятие 2. "Технология верстки веб-страницы: изучениеHtml"
- •Предназначение html иCss
- •Вспомним основные тегиHtml
- •Правила записиHtml-кода
- •Занятие 3. "Технология верстки веб-страницы: изучениеCss"
- •Несколько слов оCss
- •Основы css
- •Посмотрим на результат в браузере (см. Рис. 3.5)
- •Селекторы css
- •Селектор по идентификатору:
- •Селектор по классу:
- •Основной способ подключения css
- •Основные csSстили
- •Из списка стандартных цветов.
- •При помощи указания компонентов цвета: rgb, в этом случае перед компонентами цвета ставится символ "#" – решетка.
- •Проект "Винни-Пух и компания"
- •Технология создания крупного проекта
- •Реализация клиентской части на Java
- •Title - указывается название колонки;
- •Галочка editable - включает/отключает возможность редактирования ячеек колонки пользователем;
- •Галочка resizable - включает/отключает возможность изменения ширины колонки пользователем (см. Рис. Тот же).
- •Обмен данными с сайтом
- •Занятие 5. "Начало создания серверной части проекта"Винни-Пух и компания"
- •Создание серверной части проекта на php
- •Кодировка проектаUtf-8
- •Обработка get-запроса вPhp
- •Работа с MySql изPhp
- •Занятие 6. "Завершение создания php-скрипта для приема данных от клиентской части на Java"
- •ФормированиеSql-запросов из php
- •Занятие 7. "Верстка основного каркаса сайта интернет-магазина"
- •Методики верстки
- •При большой вложенности таблиц друг в друга снижается скорость загрузки страницы браузером.
- •Индексация страницы поисковой системой происходит сложнее, что влияет на оптимизацию сайта для поисковых систем(сайт хуже находится).
- •При открытии страницы в старых браузерах страница может отображаться не корректно –старый браузер не поддерживает современные css- свойства.
- •Типы верстки
- •Верстка основного каркаса сайта
- •Изучение верстки других сайтов
- •Занятие 8. "Создание главного меню и раздела описания товаров"
- •Создание таблицы описания товаров
- •Формирование верхнего горизонтального меню
- •Создание белой прямоугольной области
- •Получение описания товаров из базы данных и вывод на веб-страницу
- •Занятие 9 "Создание левой и правой боковой части страницы"
- •Создание таблицы дляHtml-разметки
- •Программирование пунктов меню
- •Получение html-разметки из базы данных
- •Создание левой боковой части страницы
- •Использование Flash на веб-странице
- •Создание правой боковой части страницы
- •Занятие 10. "ПодключениеJavaScript. Создание разделов сайта: Главная и Контакты"
- •Реализация раздела сайта: Главная
- •Реализация раздела сайта: Контакты
- •Немного оJavaScript
- •Создание эффекта подмены изображения
- •Создание эффекта появления изображения
- •Занятие 11. "Создание раздела сайта: Заказать"
- •Создание верхней части раздела
- •Отправка и получение данных с веб-страницы
- •Использование файлов для хранения данных
- •Открытие файла для записи/чтения;
- •Запись/Чтение;
- •Закрытие файла.
- •Создание функции для получения и сохранения данных
- •Создание таблицы и формы отправки данных
- •Создание тегов для верхней части таблицы с заголовком.
- •Создание функции формирования десяти строк таблицы с остатками.
- •В заключение внешний вид подкорректируем при помощи css.
- •Занятие 12. "Отладка проекта"
- •Кросс-браузерная отладка
- •Посмотреть сайт на различных разрешениях экрана. Для этого необходимо изменять текущее разрешение экрана.
- •/*Вертикальное выравнивание по верхней части*/
- •Создание дополнительных настроек в тегахHead
- •Перенос сайта на веб-сервер
- •Выгрузка базы данных с исходного компьютера.
- •Загрузка базы данных на веб-сервер.
- •Проверка взаимодействия с клиентской частью наJava
- •Заключение
- •Постановка задачи(логическое описание проекта):
- •Техническое описание проекта:
Создание функции для получения и сохранения данных
Задача:создать функцию testPost()
- Функция должна проверять заполнение полей в разделе Заказать, при пустых полях выводить сообщение об этом;
- При введенных данных функция должна создавать новый файл с внесением контактных данных пользователя и выводить сообщение о приеме заявки;
- Для файлов-заявок нужно создать отдельную папку;
- Имя файла должно создаваться случайным образом с расширениемtxt;
- Вывод информационного сообщения необходимо разместить под текстом в разделеЗаказать.
Создадим отдельную папку, в которой будут размещаться заявки.Зададим ей имя doc (см. рис.11.15):
Рис. 11.15
В файле index.phpпосле вывода текста раздела Заказать–запишем вызов функции testPost():
else if ($id_menu==2) // Если номер: 2 - Заказы
{
// Получаем разметку по номеру
getHTML(8);
//Принимаем данные через POST-запрос
testPost();
}
После вывода текста будет выполняться функция testPost(). В этом случае информационное сообщение, выводимое функцией, будет отображаться под текстом.
Далее перейдем в файлlib.phpи в самом низу запишем программный код функции:
// Функция обработки заявки
function testPost()
{
// Если была нажата кнопка отправления данных
if ($_POST["btn"])
{
//Переменная для сообщения
$rez="";
// Если поле Имя не заполнено
if (trim($_POST["user_name"])=="") $rez="Введите Имя!";
// Если поле Телефон не заполнено
else if (trim($_POST["user_tel"])=="") $rez="Введите Телефон!";
else
{
//Данные для записи в файл
$info = "Name: ".trim($_POST["user_name"]).
" Tel: ".trim($_POST["user_tel"]);
// Создаем случайное имя файла
$file_name = "".rand(1000000,9999999).".txt";
// Сообщение о приеме заявки
$rez="Заявка принята!";
// Создаем файл для записи
$f = fopen("./doc/".$file_name, "w");
// Если файл создан
if ($f)
{
// Записываем в него данные
fwrite($f, $info);
// Закрываем файл
fclose($f);
}
}
//Выводим сообщение на веб-страницу ввиде заголовка
echo "<h1 class='h1_opisan' style='font-size: 35px;'>{$rez}</h1>";
}
}
Данная функция построена на основании примеров,рассмотренных в предыдущих разделах.Функция проверяет отправку данных черезPOST-запрос по параметру:
// Если была нажата кнопка отправления данных
if ($_POST["btn"])
В форме отправки значения параметров атрибута name тега inputбудут совпадать со значениями параметров массива $_POST.
// Переменная для сообщения
$rez="";
В переменную $rez будет помещено одно из трех текстовых сообщений (в зависимости от ситуации):
Введите Имя!
Введите Телефон!
Заявка принята!
Если заполнены поляИмя и Телефон, то выполняется их запись в файл:
// Данные для записи в файл
$info = "Name: ".trim($_POST["user_name"]).
" Tel: ".trim($_POST["user_tel"]);
Имя файла с расширениемtxtсоздается случайным образом:
// Создаем случайное имя файла
$file_name = "".rand(1000000,9999999).".txt";
Функция rand() выдает случайное число в указанном интервале. Таким образом,формируется произвольное имя из семи цифр.Учитывая, что обработанные заявки будут сразу удаляться из папки doc–вероятность получения совпадения имен файлов сводится к нулю!
В самом конце выводится информационное сообщение:
echo "<h1 class='h1_opisan' style='font-size: 35px;'>{$rez}</h1>";
Сообщение выводится в виде заголовка, к которому подключенclass CSS: h1_opisan.Такой же класс подключен к заголовку раздела.Чтобы сообщение сразу бросалось в глаза,его шрифт увеличен: style='font-size: 35px;'.
После создания формы для отправки данных, мы сможем полностью протестировать эту функцию!
