Контрольная работа: Технология оформления Web-приложений
Технология оформления Web-приложений
Министерство Здравоохранения республики Казахстан
Южно-Казахстанская государственная
фармацевтическая академия.
Форма выполнения: реферат
Дисциплина: информатика
На тему: «Технология оформления Web-приложений»
Подготовила: Абдувалиева.М.А
Группа:103(ТФП)
Принял:
Халметов.З.С
Веб-приложение - клиент-серверное приложение <#"702486.files/image001.jpg">
Создание и изменение исходных файлов веб-приложения
Наиболее важной функцией среды 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, соответственно.
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.
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">
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>
добавляется тег
<#"702486.files/image005.jpg">
3. Среда IDE открывает окно вывода, показывая состояние сервера. Взгляните на вкладку в окне вывода с именем сервера.
Обратите внимание. Если сервер GlassFish не запускается, запустите его вручную и после этого выполните проект снова. Сервер можно запустить вручную из окна 'Службы', щелкнув правой кнопкой мыши узел сервера и выбрав 'Пуск'.
Окно вывода сервера предоставляет массу информации о проблемах при
выполнении веб-приложений. Также могут быть полезны журналы сервера. Они
расположены в каталоге соответствующего домена сервера. Также можно сделать
видимым журнал среды IDЕ, выбрав View ("Представление") > IDE log
("Журнал IDE") и просмотреть его.
4. Страница index.jsp откроется в браузере по умолчанию. Обратите
внимание, что окно браузера может открыться до отображения выходных данных
сервера средой IDE.
5. Введите имя в текстовом поле и нажмите кнопку "OК". На
экране появится страница response.jsp с простым приветствием.
