Технология оформления Web-приложений

 

Министерство Здравоохранения республики Казахстан

Южно-Казахстанская государственная фармацевтическая академия.













Форма выполнения: реферат

Дисциплина: информатика

На тему: «Технология оформления Web-приложений»


Подготовила: Абдувалиева.М.А

Группа:103(ТФП)

Принял: Халметов.З.С



Веб-приложение - клиент-серверное приложение <#"justify">Устройство веб-приложений


Веб-приложение состоит из клиентской и серверной частей, тем самым реализуя технологию «клиент-сервер» <#"justify">НазваниеЛицензия <#"justify">web приложение браузер файл

На стороне клиента используется:

·Для реализации GUI <#"justify">·Для формирования и обработки запросов, создания интерактивного и независимого от браузера интерфейса:

·ActiveX <#"justify">Настройка проекта веб-приложения


1.Выберите в главном меню "Файл" > "Новый проект" (CTRL+SHIFT+N). В области "Категории" выберите "Java Web". В области "Projects" (Проекты) выберите "Web Application" (Веб-приложение) и нажмите кнопку "Next" (Далее).

2.В экране 2 введите HelloWeb в текстовом поле "Project Name" (Имя проекта).

.В поле "Project Location" укажите любой каталог на компьютере. В данном учебном курсе этот каталог будет называться $PROJECTHOME.

4.Установите флажок "Использовать отдельную папку для хранения библиотек" и укажите местоположение папки библиотек (необязательно). Для получения дополнительных сведений об этой возможности ознакомьтесь с разделом Совместное использование библиотек проекта <http://netbeans.org/kb/docs/java/project-setup.html>.

.Нажмите кнопку "Далее". Откроется панель сервера и параметров настройки. Выберите версию Java EE, которую требуется использовать для приложения.

.Выберите сервер, на котором требуется выполнить развертывание приложения. В списке представлены только те серверы, которые зарегистрированы в среде IDE. Обратите внимание, что для поля "Context Path" (например, на сервере) устанавливается значение /HelloWeb в основе которого находится имя проекта, указанное при выполнении предыдущего действия.

.Нажмите кнопку "Далее". На экране "Frameworks" нажмите кнопку "Finish" для создания проекта.

В среде IDE будет создана папка проекта $PROJECTHOME/HelloWeb. Папка проекта содержит все исходные файлы и метаданные проекта, например сценарий сборки Ant. После этого проект "HelloWeb" откроется в среде IDE. В главном окне редактора исходного кода будет представлена страница приветствия index.jsp. Структуру файлов проекта можно просмотреть в окне "Files" (Ctrl+2), а его логическую структуру - в окне "Projects" (Ctrl+1).



Создание и изменение исходных файлов веб-приложения


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

Создание пакета Java и исходного файла Java

1.В окне 'Проекты' разверните узел 'Исходные пакеты'. Обратите внимание, что узел "Source Packages" содержит только пустой узел пакета по умолчанию.

2.Щелкните узел "Source Packages" правой кнопкой мыши и выберите "New" > "Java Class". Введите NameHandler в текстовом поле "Class Name" иorg.mypackage.hello в поле списка "Package". Нажмите кнопку "Завершить". Новый файл NameHandler.java будет открыт в редакторе исходного кода.

.Объявите в редакторе исходного кода переменную String, введя непосредственно под объявлением класса следующую строку:

String name;

4.Добавьте следующий конструктор к классу:

public NameHandler() { }

5.Добавьте следующую строку в конструктор NameHandler():

name = null;


Создание методов получения и установки


1.Щелкните правой кнопкой мыши поле name в редакторе исходного кода и выберите "Refactor" > "Encapsulate Fields". Откроется диалоговое окно "Encapsulate Fields", в котором имеется поле name. Обратите внимание, что для параметра "Visibility" (Видимость) полей по умолчанию установлено значение "private" (закрытый), а для средств доступа - значение "public" (общедоступный); в результате модификатор доступа для объявления переменной класса будет определен как "private", в то время как методы получения и установки будут созданы с модификаторами public и private, соответственно.



2.Нажмите кнопку "Refactor" (Реорганизация). Для поля name создаются методы получения и установки. Модификатор для переменной класса определяется как private, в то время как методы получения и установки создаются с модификаторами "public". Класс Java должен теперь выглядеть следующим образом.

package org.mypackage.hello;

/**

*

* @author nbuser

*/class NameHandler {String name;

/** Creates a new instance of NameHandler */

public NameHandler() {= null;

}String getName() {name;

}

public void setName(String name) {

this.name = name;

}

}


Изменение файла JavaServer Pages по умолчанию


1.Активируйте файл index.jsp, перейдя на вкладку, отображаемую в верхней части редактора исходного кода.

.В палитре (Ctrl+Shift+8), расположенной справа от редактора исходного кода, разверните узел "HTML Forms" и перетащите элемент "Form" в позицию, находящуюся в редакторе исходного кода непосредственно после тегов <h1>.

Появится диалоговое окно "Insert Form".

3.Установите следующие значения:

·Action: response.jsp;

·Method: GET;

·Name: Name Input Form.

Нажмите кнопку "ОК". К файлу index.jsp добавляется форма HTML.



4.Перетащите элемент "Text Input" в позицию непосредственно перед тегом </form>, затем установите следующие значения:

·Name: name;

·Type: text.

Нажмите кнопку "ОК". Между тегами <form> будет добавлен тег HTML <input>. Удалите атрибут value из данного тега.

5.Перетащите элемент "Button" в позицию непосредственно перед тегом </form>. Установите следующие значения:

·Label: OK;

·Type: submit.

Нажмите кнопку "ОК". Между тегами <form> будет добавлена кнопка HTML.

6.Введите Enter your name: непосредственно перед первым тегом <input>, затем измените текст по умолчанию Hello World!, расположенный между тегами <h1>, на Entry Form.

7.Щелкните правой кнопкой мыши область редактора исходного кода и выберите "Format" (Alt+Shift+F) для переформатирования кода. Файл index.jspдолжен теперь выглядеть следующим образом:

8.<html>

9.<head>

10.<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

11.<title>JSP Page</title>

.</head>

.<body>

.<h1>Entry Form</h1>

.

16.<form name="Name Input Form" action="response.jsp">

17.Enter your name:

18.<input type="text" name="name" />

.<input type="submit" value="OK" />

20.</form>

.</body>

</html>


Создание файлов JavaServer Pages


1.В окне 'Проекты', щелкните правой кнопкой мыши узел проекта HelloWeb и выберите 'Создать' > JSP. Откроется мастер "New JSP File". Назовите файлresponse и нажмите кнопку "Finish". Обратите внимание на то, что узел файла response.jsp отображается в окне "Projects" под файлом index.jsp, а новый файл открывается в редакторе исходного кода.

.На палитре справа от редактора исходного кода разверните узел "JSP" и поместите элемент "Use Bean" непосредственно под тегом <body> в редакторе исходного кода. Откроется диалоговое окно "Insert Use Bean". Укажите значения, как показано на следующем рисунке.



·ID: mybean;

·Class: org.mypackage.hello.NameHandler;

·Scope: session.

Нажмите кнопку "ОК". Обратите внимание на то, что под тегом <body> добавляется тег <#"justify"><jsp:setProperty name="mybean" property="name" />

Как указано в документации <jsp:setProperty> <#"justify">4.Измените текст между тегами <h1> следующим образом:

<h1>Hello, !</h1>

5.Перетащите элемент "Get Bean Property" из палитры в позицию непосредственно после запятой между тегами <h1>. Укажите следующие значения в диалоговом окне "Insert Get Bean Property":

·Bean Name: mybean;

·Property Name: name.

Нажмите кнопку "ОК". Обратите внимание на то, что между тегами <h1> теперь добавлен тег <jsp:getProperty> <#"justify">Обратите внимание: имена Property нужно вводить с учетом регистра. Свойство "name" должно быть в одном регистре как в response.jsp, так и в форме ввода index.jsp.

6.Щелкните правой кнопкой мыши область редактора исходного кода и выберите "Format" (Alt+Shift+F) для переформатирования кода. Теперь теги <body>файла response.jsp должны выглядеть следующим образом:

7.<body>

8.<jsp:useBean id="mybean" scope="session">

.<jsp:setProperty name="mybean" property="name" />

.<h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>

</body>


Выполнение проекта веб-приложения


Для сборки и выполнения веб-приложений в среде IDE используется сценарий сборки Ant. IDE создаст сценарий сборки на основе параметров, указанных в мастере создания новых проектов, а также проектов в диалоговом окне 'Свойства проектов' (в окне 'Проекты' выберите 'Свойства' в меню правой кнопки мыши узла проекта).

1.В окне 'Проекты' щелкните правой кнопкой мыши узел проекта HelloWeb и выберите 'Выполнить' (F6). При выполнении веб-приложения среда IDE выполнит следующие действия:

·Сборка и компиляция кода приложения (см. примечание ниже). Это действие можно выполнить отдельно от прочих, выбрав Build ("Сборка") или Clean and Build ("Очистка и сборка") из контекстного меню узла проекта.

·Запуск сервера.

·Развертывание приложения на сервере. Это действие можно выполнить отдельно от прочих, выбрав Deploy ("Развертывание") из контекстного меню узла проекта.

·Отображение приложения в окне браузера.

Примечание. По умолчанию, проект создается с включенной функцией 'Компилировать при сохранении', так что не нужно сначала компилировать код. Дополнительные сведения о функции "Компиляция при сохранении" приведены в соответствующем разделе руководства Создание, импорт и настройка проектов Java <http://netbeans.org/kb/docs/java/project-setup.html>.

2.Среда IDE откроет окно вывода, показывающее ход выполнения приложения. Взгляните на вкладку HelloWeb в окне вывода. В этой вкладке можно проследить все действия, выполняемые средой IDE. При наличии проблемы IDE отображает информацию об ошибке в этом окне.



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

Обратите внимание. Если сервер GlassFish не запускается, запустите его вручную и после этого выполните проект снова. Сервер можно запустить вручную из окна 'Службы', щелкнув правой кнопкой мыши узел сервера и выбрав 'Пуск'.

Окно вывода сервера предоставляет массу информации о проблемах при выполнении веб-приложений. Также могут быть полезны журналы сервера. Они расположены в каталоге соответствующего домена сервера. Также можно сделать видимым журнал среды IDЕ, выбрав View ("Представление") > IDE log ("Журнал IDE") и просмотреть его.


4.Страница index.jsp откроется в браузере по умолчанию. Обратите внимание, что окно браузера может открыться до отображения выходных данных сервера средой IDE.



5.Введите имя в текстовом поле и нажмите кнопку "OК". На экране появится страница response.jsp с простым приветствием.



Министерство Здравоохранения республики Казахстан Южно-Казахстанская государственная фармацевтическая академия.

Больше работ по теме:

КОНТАКТНЫЙ EMAIL: [email protected]

Скачать реферат © 2017 | Пользовательское соглашение

Скачать      Реферат

ПРОФЕССИОНАЛЬНАЯ ПОМОЩЬ СТУДЕНТАМ