BERDAFLEX Software Systems
Главная > Eclipse > Статьи > Создание Web приложений в среде Eclipse WTP > Простой Web проект

2. Простой Web проект

  • Получить стабильный поток клиентов на ваш сайт
  • Эффективная работа с email рассылками
  • Доступ к интересам вашей ЦА
  • Оптимизация вашего сайта для поисковых систем Яндекс и Google
  • Нюансы контекстной рекламы Adwords
       Детали на сайте http://shareware-steps.ru

Web проекты разделяются на статические и динамические т. е., содержащие динамический Web контент (сервлеты, JSP страницы и т. д.). Статические проекты могут быть конвертированы в динамические.

2.1.Конфигурирование IDE

Обычной JRE конфигурации для работы Web сервера недостаточно, так как требуется компиляция сервлетов. Желательно сразу создать J2SE конфигурацию java машины чтобы избежать возможных проблем в дальнейшем. Это можно сделать из меню « Windows > Preferences > Java > Installed JREs ».

Рисунок 1. Выбор конфигурации JRE

Выбор конфигурации JRE

Если J2SDK конфигурация ранее не создавалась, то нажимаем кнопку « Add ». В диалоге настройки JRE выбираем корневой путь к установке J2SDK и даем символическое имя созданной конфигурации.

Рисунок 2. Добавление конфигурации J2SDK

Добавление конфигурации J2SDK

Для разработки динамических Web проектов требуется предварительно настроить целевой WEB сервер. Вызываем мастер серверов « File>New>Other>Server ».

Рисунок 3. Выбор типа целевого сервера

Выбор типа целевого сервера

Выберем сервер «Tomcat v.5.0» в качестве целевого сервера. Web сервер должен быть предварительно установлен (автор использовал версию Apache Tomcat 5.0.28). Дистрибутив сервера можно найти по адресуhttp://tomcat.apache.org/.

Во второй закладке мастера серверов требуется выбрать путь установки Web сервера.

Рисунок 4. Настройки целевого сервера

Настройки целевого сервера

После задания требуемых параметров нажимаем кнопку «Finish» мастера добавления Web сервера.

Открываем J2EE перспективу. В закладке« Servers» представления (View) выводится список доступных конфигураций Web серверов.

Рисунок 5. Список Web серверов

Список Web серверов

Можно управлять состоянием Web сервера после выбора целевого сервера из списка.

Доступны следующие операции:

  • Запускать;
  • Запускать в режиме отладки;
  • Останавливать;
  • Рестартовать;
  • Публиковать проект на сервер.

2.2.Простой Web проект

Создадим новый динамический Web проект вызвав мастер проектов « File > New > Dynamic Web Project ».

Рисунок 6. Выбор мастера создания динамического Web проекта

Выбор мастера создания динамического Web проекта

Дадим имя проекту: « helloWorld ». Оставим предложенные по умолчанию мастером значения остальных параметров.

Рисунок 7. Мастер создания нового динамического Web проекта

Мастер создания нового динамического Web проекта

Рисунок 8. Выбор используемых технологий проекта

Выбор используемых технологий проекта

Рисунок 9. Конфигурирование модулей проекта

Конфигурирование модулей проекта

Мастер сформирует базовую структуру Web проекта.

Рисунок 10. Структура модулей Web проекта

Структура модулей Web проекта

Создадим простую jsp страницу вызывав мастер « File>New>Web>JSP ».

Рисунок 11. Вызов мастера создания JSP страниц

Вызов мастера создания JSP страниц

Указываем в качестве родительского каталога папку « helloWorld/WebContent » и введем имя jsp страницы « index.jsp ».

Рисунок 12. Мастер создания новой JSP страницы

Мастер создания новой JSP страницы

Выберем простой шаблон jsp страницы.

Рисунок 13. Выбор шаблона jsp страницы

Выбор шаблона jsp страницы

В соответствии с выбранным шаблоном, мастер создаст новую jsp страницу и откроет ее в JSP редакторе.

Рисунок 14. JSP редактор

JSP редактор

JSP редактор поддерживает подсветку тегов, форматирование, контекстный мастер и оптимизацию кода. Так же в соответствии с текущим положением по тексту синхронно отображается дерево тегов в представлении « Outline ».

Рисунок 15. Представление « Outline »

Представление « Outline »

Добавим вывод сообщения « Hello World » в текст jsp страницы.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test JSP</title>
</head>
<body>
  Hello World
</body>
</html>

Настало время тестирования нашего проекта. Выделяем страницу index.jsp в дереве проектов и из контекстного меню вызываем отладчик « Debug as>Debug on Server ». В мастере запуска выбираем целевой Web сервер и запускаем приложение.

Рисунок 16. Тестирование приложения во внутреннем броузере

Тестирование приложения во внутреннем броузере

Тестовое приложение будет отображено в представлении встроенного броузера.

Для настройки отображения во внешнем броузере служит закладка настроек « Windows>Preferences>General>Web Browser ».

Рисунок 17. Настройка используемого броузера

Настройка используемого броузера

Рисунок 18. Тестирование приложения во внешнем броузере Mozilla

Тестирование приложения во внешнем броузере Mozilla

Исходный код примера доступен по адресу: http://www.berdaflex.com/ru/eclipse/articles/eclipsewtp/eclipsewtp.zip

 

Rambler's Top100 Рейтинг@Mail.ru