Web-программирование. Лабораторный практикум. Лабораторная работа №2




Скачать 79.18 Kb.
НазваниеWeb-программирование. Лабораторный практикум. Лабораторная работа №2
Дата публикации09.05.2013
Размер79.18 Kb.
ТипЛабораторная работа
odtdocs.ru > Информатика > Лабораторная работа
WEB-программирование. Лабораторный практикум.

Лабораторная работа №2

Web-формы и CGI-сценарии


Полезные ссылки
http://www.intuit.ru/department/internet/cgi/

http://www.codenet.ru/webmast/cgi/cgidev.php

http://www.htmlbook.ru/
Введение
Инструментарий HTML и CSS позволяет создавать статичные web-страницы, отображающие только и текст и изображения.
Настоящую революцию в web-технологиях произвело изобретение связки web-форм и CGI-скриптов для их обработки. Web-программисты получили возможность создавать сложные формы ввода информации, взаимодействовать «налету» с базой данных, в общем интернет страницы насытились интерактивом.
CGI
Common Gateway Interface — это спецификация обмена данными между прикладной программой, выполняемой по запросу пользователя, и HTTP-сервером, который данную программу запускает.
До появления CGI новые функции нужно было внедрять непосредственно в сервер. CGI позволила разрабатывать программы независимо от сервера, а механизм передачи им управления и данных был унаследован от программирования в среде командной строки.
В ^ CGI выделяют следующие понятия:

  • CGI-скрипт — программа, осуществляющая обмен данными с HTTP-сервером в соответствии со спецификацией Common Gateway Interface. Наиболее популярными языками для разработки скриптов являются shell, Perl и С.

  • Типы запросов. Различают два типа запросов к серверу: по методу GET и по методу POST. Причем каждый из методов разделяется по типу кодирования.

    ^ GET на isindex (данные передаются через url-заголовок, кирилличные и специальные символы передаются как есть) и form-urlencoded (данные передаются через url-заголовок, кирилличные и специальные символы кодируются).

    ^ PОST на form-urlencoded (данные передаются через url-заголовок, кирилличные и специальные символы кодируются) и form-data (данные передаются через заголовок и тело HTTP-сообщения).

  • Прием данных Скрипт может принять данные от сервера тремя способами:

  • через аргументы командной строки;

  • через переменные окружения;

  • через поток стандартного ввода.

  • Отклик программы. Существует только один способ вернуть данные серверу и, соответственно, браузеру пользователя — писать в поток стандартного вывода (STDOUT). При этом скрипт должен формировать HTTP-сообщение.

Синтаксис главной функции на С будет выглядеть следующим образом:
#include #include void main(argc,argv,env) int *argc; char *argv[]; char *env[]; { /* тело программы */ } В качестве параметров передаются:

  • число аргументов командной строки — argc

  • указатель на массив аргументов командной строки — argv

  • указатель на массив переменных окружения — env.



WEB-формы
Для разметки форм на html-страницах предназначен тег-контейнер <FORM>. Внутри данного контейнера располагаются все поля ввода информации, предназначенной для обработки на стороне сервера.


Тег-контейнер формы. Атрибуты:

  • action Адрес CGI-программы или документа, которые обрабатывает данные формы.

  • enctype MIME-тип информации формы.

  • method Метод протокола HTTP (post или get).

  • name Имя формы.

  • target Имя окна, куда обработчик будет загружать возвращаемый результат.


Полезная ссылка: http://htmlbook.ru/html/form.html
Для создания элементов управления используется разносторонний, настраиваемый тег , принимающий в зависимости от значений аргументов вид кнопки, поля ввода, флажка, радиокнопки и т.п.


Тег элемента управления. Атрибуты:

Основной параметр тега <input>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image). Для каждого элемента существует свой список параметров, которые определяют его вид и характеристики.


  • align Определяет выравнивание изображения.

  • alt Альтернативный текст для кнопки с изображением.

  • border Толщина рамки вокруг изображения.

  • checked Предварительно активированный переключатель или флажок.

  • disabled Блокирует доступ и изменение элемента.

  • maxlength Максимальное количество символов разрешенных в тексте.

  • name Имя поля, предназначено для идентификации обработчиком.

  • readonly Устанавливает, что поле не может изменяться пользователем.

  • size Ширина текстового поля.

  • value Значение элемента.


Полезная ссылка: http://htmlbook.ru/html/input.html
Пример создания формы








Тег FORM, параметр enctype






enctype="multipart/form-data" method="post">


Загрузите файл с картинкой







Добавить документ в свой блог или на сайт

Похожие:

Web-программирование. Лабораторный практикум. Лабораторная работа...
Для освоившего создание html-страниц вручную не составит труда адаптироваться к любому специализированному редактору. Для того чтобы...

Лабораторная работа №4 Тема: «Web- проектирование и Web-дизайн. Пакет...
Цель работы: Ознакомление с основами Web-проектирования и Web-дизайна. Формирование навыков использования пакета FrontPage 2002/2000...

Лабораторная работа №4 “Обобщенное программирование”
Обобщённое программирование — это парадигма программирования, заключающаяся в написании алгоритмов, которые можно применять к различным...

Web-программирование. Лабораторный практикум. Лабораторная работа №2 iconУчебно-методический комплекс лабораторный практикум по бухгалтерскому...
Негосударственное образовательное частное учреждение высшего профессионального образования

Лабораторная работа №18
Создание Web-страницы с использованием языка разметки текста html в простейшем текстовом редакторе

Лабораторная работа №1
Изучение основных характеристик случайных величин на базе теории вероятности и математической статистики; изучение и программирование...

Отчёт по теме: «Лабораторная работа №1» Амосов Д. В
Лабораторная работа №1. Интегрированная среда разработки Microsoft Visual C++ 2008. Создание простейшего приложения

Лабораторная работа №6 Лабораторная работа №6 Тема: «Java-апплеты»
Лабораторную работу выполнить без использования сред разработки (Intellij idea, Eclipse, NetBeans и др.)

Лабораторная работа №5 Лабораторная работа №5 Тема: «Классы и объекты»
Лабораторную работу выполнить без использования сред разработки (Intellij idea, Eclipse, NetBeans и др.)

Лабораторная работа №4 Лабораторная работа №4 Тема: «Типы данных,...
Лабораторную работу выполнить без использования сред разработки (Intellij idea, Eclipse, NetBeans и др.)

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
odtdocs.ru
Главная страница