FeaturesPluginsDocs & SupportCommunityPartners

Введение в разработку веб-приложений

В этом документе описываются основы использования IDE NetBeans 5.5 для разработки веб-приложений. Ознакомление с этим документом должно позволить приступить к работе как можно быстрее. Для получения дополнительной информации о работе с IDE NetBeans см. Support and Docs page на веб-сайте NetBeans.

Предположим, что создается несложное веб-приложение, которое затем развертывается и выполняется. В приложении используется страница JavaServer Pages™ для запроса на ввод имени пользователя. Затем для сохранения имени в течение сеанса http используется компонент JavaBeans™, и имя повторяется на другой странице JavaServer Pages.

Создание проекта веб-приложения

Перед написанием кода следует убедиться в наличии всего необходимого программного обеспечения и в правильности настроек проекта.

Установка программного обеспечения

Перед началом необходимо установить на компьютере следующее программное обеспечение:

Дополнительно можно загрузить и использовать сервер приложений Sun Java System (SJS) Application Server (загрузить), JBoss или WebLogic. Необходимо отметить, однако, что веб-сервер Tomcat, поставляемый вместе с IDE, предоставляет всю необходимую поддержку веб-приложений, подобных описанному в данном руководстве. Сервер приложений (например, SJS Application Server, JBoss или WebLogic) требуется только при разработке корпоративных приложений.

Регистрация сервера в IDE

Собственный веб-сервер Tomcat регистрируется в IDE автоматически. Однако перед развертыванием на SJS Application Server, JBoss или WebLogic необходимо зарегистрировать локальный экземпляр в IDE. Если установлен связанный пакет NetBeans IDE 5.5/SJS Application Server, локальный экземпляр SJS Application Server регистрируется автоматически. В противном случае выполните следующие шаги:

  1. Выберите в главном окне "Tools > Server Manager".
  2. Нажмите "Add Server". Выберите тип сервера и присвойте имя экземпляру. Затем нажмите кнопку "Next".
  3. Укажите информацию о сервере, расположение локального экземпляра сервера приложений и домен в котором требуется выполнить развертывание.

Создание нового проекта веб-приложения

  1. Выберите "File > New Project". В поле "Categories" выберите "Web". В поле "Projects" выберите "Web Application" и нажмите кнопку "Next".
  2. В поле "Project Name" введите HelloWeb. Обратите внимание на контекстный путь – /HelloWeb.
  3. Измените расположение проекта на любой каталог на компьютере. С этого момента данный каталог называется $PROJECTHOME.
  4. Выберите рекомендации, которым будет следовать структура исходного кода (исключительно по своему усмотрению):
  5. Выберите сервер, на котором необходимо развернуть приложение. В список входят только те серверы, которые зарегистрированы в IDE.
  6. Оставьте флажок "Set as Main Project" установленным. Нажмите кнопку "Finish".

    В IDE создается папка проекта $PROJECTHOME/HelloWeb. В папке проекта содержится весь исходный код и метаданные проекта, например, скрипт Ant для сборки проекта. Проект HelloWeb открывается в IDE. Его логическую структуру можно просмотреть в окне "Projects", а его файловую структуру – в окне "Files".

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

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

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

  1. Откройте узел "Source Packages". Обратите внимание, что в узле "Source Packages" содержится только пустой узел пакета по умолчанию.
  2. Щелкните правой кнопкой по узлу "Source Packages" и выберите "New > Java Class". Введите NameHandler в текстовом поле "Class Name" и org.me.hello в раскрывающемся списке "Package". Нажмите кнопку "Finish".
  3. В редакторе исходного кода объявите поле путем ввода следующей строки непосредственно под объявлением класса:
        String name;
  4. Добавьте следующую строку к методу nameHandler():
        name = null;

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

  1. Щелкните правой кнопкой по слову name в объявлении поля в начале класса и выберите "Refactor > Encapsulate Fields". Для выполнения команды с параметрами по умолчанию нажмите кнопку "Next".
  2. Нажмите кнопку "Do Refactoring". Для поля name генерируются методы получателя и установки, и его уровень доступа изменяется на "private". Теперь класс Java должен выглядеть следующим образом:
        package org.me.hello;
    
        /**
         *
         * @author Administrator
         */
    
        public class NameHandler {
    
    	private String name;
    
            /** Создание нового экземпляра NameHandler */
            public NameHandler() {
               setName(null);
            }
    
            public String getName() {
               return name;
            }
    
            public void setName(String name) {
               this.name = name;
            }
    
        }

Редактирование файла JavaServer Pages по умолчанию

  1. Откройте узел проекта HelloWeb и узел Web Pages. Обратите внимание, что в IDE автоматически создается файл JavaServer Pages index.jsp по умолчанию. При создании проекта файл index.jsp был открыт в редакторе исходного кода.
  2. Выберите в редакторе исходного кода закладку index.jsp. Фокус в редакторе исходного кода теперь переместился на файл index.jsp.
  3. В палитре справа от редактора исходного кода откройте "HTML Forms" и перетащите элемент формы под теги <h1> в редакторе исходного кода. Появится диалоговое окно "Insert Form".

    Палитра

    Задайте следующие значения:

    • Action: response.jsp
    • Method: GET
    • Name: форма ввода имени

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

  4. Перетащите элемент ввода текста в позицию непосредственно перед тегом </form>.

    Задайте следующие значения:

    • Name: имя
    • Type: text

    Нажмите кнопку "OK". Элемент ввода текста добавляется между тегами <form>.

  5. Перетащите элемент-кнопку в позицию непосредственно перед тегом </form>.

    Задайте следующие значения:

    • Label: OK
    • Type: submit

    Нажмите кнопку "OK". Кнопка добавляется между тегами <form>.

  6. Введите Введите имя: перед тегом <input> и измените текст между тегами <h1> на Форма ввода.

    Теги между тегами <body> теперь выглядят следующим образом:

  7. <h1>Форма ввода</h1><form name="Форма ввода имени" action="response.jsp" method="GET">
    Введите имя: <input type="text" name="имя" value="" />
    <input type="submit" value="OK" /></form>

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

  1. Откройте узел проекта HelloWeb и узел Web Pages.
  2. Щелкните правой кнопкой по узлу Web Pages и выберите "New > JSP", назовите файл JavaServer Pages response и нажмите кнопку "Finish".

    Новый response.jsp открывается в редакторе исходного кода.

  3. В палитре справа от редактора исходного кода откройте JSP и перетащите элемент "Use Bean" непосредственно под тег <body> в редакторе исходного кода.

    Задайте следующие значения:

    • ID: mybean
    • Class: org.me.hello.NameHandler
    • Scope: session

    Нажмите кнопку "OK". Элемент "Use Bean" добавляется под тег <body>.

  4. Добавьте с палитры элементы "Get Bean Property" и "Set Bean Property". Затем измените код так, чтобы теги между тегами <body> выглядели следующим образом:
  5. <jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
    <jsp:setProperty name="mybean" property="*" />
    <h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>

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

В IDE для компоновки и выполнения приложений используется скрипт компоновки Ant. Скрипт компоновки генерируется в IDE на основе опций, введенных в мастере "New Project" и в диалоговом окне "Project Properties".

  1. Выберите "Run > Run Main Project (F6)" в меню Run.

    Веб-приложение компонуется и развертывается с использованием сервера, указанного при создании проекта.

  2. Введите имя в текстовом поле на развернутой странице index.jsp:

    Палитра

    Нажмите кнопку "OK". Должна открыться страница response.jsp с приветствием:

    Палитра



Следующие шаги

Для получения дополнительной информации о разработке веб-приложений в IDE NetBeans 5.5 см:

Рекомендуем присоединиться к списку рассылки для отправки комментариев и предложений, получения поддержки и последней информации о достижениях и функциях NetBeans IDE Java EE. Для получения дополнительной информации о новых функциях разработки Java EE в IDE NetBeans см. http://j2ee.netbeans.org/.

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by