FeaturesPluginsDocs & SupportCommunityPartners

Úvod do vývoje webových aplikací

Tento dokument vás provede základy používání NetBeans IDE 5.5 pro vývoj webových aplikací. Tento dokument je určen k tomu, aby vám co nejrychleji pomohl postavit se na vlastní nohy. Více informací o práci s NetBeans IDE viz stránku Podpora a dokumenty na webové stránce NetBeans.

Můžete vytvářet, nasazovat a spouštět jednoduché webové aplikace. Aplikace používá stránku JavaServer Pages™ pro vyžádání zadání vašeho jména. Potom používá komponent JavaBeans™ pro udržení jména při relaci HTTP a opakuje toto jméno na jiné stránce JavaServer Pages.

Vytvoření projektu webové aplikace

Než začnete psát kód, musíte se ujistit, že máte veškerý potřebný software a že je váš projekt správně nastaven.

Instalace software

Než začnete, musíte si na svůj počítač nainstalovat následující software:

Můžete si také podle své volby stáhnout a používat Sun Java System (SJS) Application Server (stáhnout), JBoss nebo WebLogic. Avšak Tomcat Web Server, který je součástí balíku IDE, poskytuje veškerou podporu, kterou potřebujete pro dvoustupňové webové aplikace, jako je ta popsaná v této příručce. Aplikační server (například SJS Application Server, JBoss nebo WebLogic) je zapotřebí jen v případě, že chcete vyvíjet podnikové aplikace.

Registrace serveru v IDE

Tomcat Web Server, který je součástí balíku, je v IDE registrován automaticky. Avšak ještě než je možné nasadit SJS Application Server, JBoss, nebo WebLogic, musíte místní instanci zaregistrovat v IDE. Pokud jste nainstalovali balík NetBeans IDE 5.5/SJS Application Server, je místní instance programu SJS Application Server zaregistrována automaticky. Jinak postupujte podle následujících kroků:

  1. Vyberte Tools > Server Manager z hlavního okna.
  2. Klepněte na Add Server. Vyberte typ serveru a zadejte název instance. Potom klepněte na Next.
  3. Zadejte informace o serveru, místo místní instance aplikačního serveru a doménu, do které chcete nasazovat.

Vytvoření nového projektu webové aplikace

  1. Vyberte File > New Project. V položce Categories vyberte Web. V položce Projects vyberte Web Application a klepněte na Next.
  2. V položce Project Name zadejte HelloWeb. Všimněte si, že Context Path je /HelloWeb.
  3. Změňte Project Location na jakýkoli adresář ve vašem počítači. Od nynějška je tento adresář označován jako $PROJECTHOME.
  4. Vyberte doporučení, podle kterých se vaše zdrojová struktura bude řídit, což je čistě na osobní volbě:
  5. Vyberte server, na který chcete nasadit vaši aplikaci. Uvedeny jsou pouze servery, které jsou zaregistrované v IDE.
  6. Políčko Set as Main Project nechte zaškrtnuté. Klepněte na Finish.

    IDE vytvoří složku projektu $PROJECTHOME/HelloWeb. Složka projektu obsahuje všechny zdroje a metadata projektu, například Ant build script pro daný projekt. Projekt HelloWeb se otevře v IDE. V okně Projects můžete vidět jeho logickou strukturu a jeho souborovou strukturu v okně Files.

Vytvoření a editace zdrojových souborů webové aplikace

Vytvoření a editace zdrojových souborů je tou nejdůležitější funkcí, pro kterou je IDE určen. Nakonec je to pravděpodobně to, čím se většinu dne zabýváte. IDE poskytuje širokou škálu nástrojů, které mohou doplnit jakýkoli osobní styl vývojáře, ať už si přejete vše kódovat ručně nebo si přejete, aby pro vás IDE vygeneroval velkou část kódu.

Vytvoření Java package a zdrojového souboru Java

  1. Rozšiřte uzel Source Packages. Všimněte si, že uzel Source Packages obsahuje pouze uzel pro prázdný výchozí balík.
  2. Klepněte pravým tlačítkem myši na uzel Source Packages a vyberte New > Java Class. Do textového pole Class Name zadejte NameHandler a do rolety Package napište org.me.hello. Klepněte na Finish.
  3. V Source Editoru deklarujte pole napsáním následujícího řádku přímo pod deklaraci třídy:
        String name;
  4. Následující řádek přidejte k metodě nameHandler():
        name = null;

Generování metod getteru a setteru

  1. Pravým tlačítkem myši klepněte na slovo name v deklaraci pole na začátku třídy a vyberte Refactor > Encapsulate Fields. Klepněte na Next pro spuštění příkazu s výchozími možnostmi.
  2. Klepněte na Do Refactoring. Metody getteru a setteru se generují pro pole name a jeho přístupová úroveň se změní na privátní. Java třída by nyní měla vypadat nějak takto:
        package org.me.hello;
    
        /**
         *
         * @author Administrator
         */
    
        public class NameHandler {
    
    	private String name;
    
            /** Creates a new instance of NameHandler */
            public NameHandler() {
               setName(null);
            }
    
            public String getName() {
               return name;
            }
    
            public void setName(String name) {
               this.name = name;
            }
    
        }

Editace výchozího souboru JavaServer Pages

  1. Rozšiřte uzel projektu HelloWeb a uzel webových stránek. Vezměte na vědomí, že IDE pro vás vytvořil výchozí soubor JavaServer Pages, index.jsp. Když vytvoříte projekt, IDE otevře soubor index.jsp v Source Editoru.
  2. Vyberte záložku index.jsp v Source Editoru. Soubor index.jsp má nyní zaměřen v Source Editoru.
  3. V Palette na pravé straně Source Editoru rozšiřte HTML Forms a přetáhněte položku Form pod tagy <h1> v Source Editoru. Zobrazí se dialogové okno Insert Form:

    Palette

    Nastavte následující hodnoty:

    • Action: response.jsp
    • Method: GET
    • Name: Name Input Form

    Klepněte na OK. Formulář je přidán do souboru index.jsp.

  4. Přetáhněte položku Text Input těsně před tag </form>.

    Nastavte následující hodnoty:

    • Name: název
    • Type: text

    Klepněte na OK. Text Input je přidán mezi tagy <form>.

  5. Přetáhněte položku Button těsně před tag </form>.

    Nastavte následující hodnoty:

    • Label: OK
    • Type: zadejte

    Klepněte na OK. Button je přidán mezi tagy <form>.

  6. Zadejte Enter your name: před tag <input> a změňte text mezi tagy <h1> na Entry Form.

    Tagy mezi tagy <body> nyní vypadají následovně:

  7. <h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
    Enter your name: <input type="text" name="name" value="" />
    <input type="submit" value="OK" /></form>

Vytvoření souboru JavaServer Pages

  1. Rozšiřte uzel projektu HelloWeb a uzel webových stránek.
  2. Pravým tlačítkem myši klepněte na uzel Web Pages a vyberte New > JSP, pojmenujte soubor JavaServer Pages response a klepněte na Finish.

    Nový soubor response.jsp se otevře v Source Editoru.

  3. V Palette na pravé straně Source Editoru rozšiřte JSP a přetáhněte položku Use Bean pod tagem <body> v Source Editoru.

    Nastavte následující hodnoty:

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

    Klepněte na OK. Use Bean je přidán pod tag <body>.

  4. Přidejte položku Get Bean Property a položku Set Bean Property z Palette. Potom změňte kód tak, aby tagy mezi tagy <body> vypadaly následovně:
  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>

Kompilace a spuštění projektu webové aplikace

IDE používá pro kompilaci a spouštění webových aplikací Ant build script. IDE generuje build script podle možností, které zadáte v průvodci New Project a dialogovém okně projektu Project Properties.

  1. Vyberte Run > Run Main Project (F6) z nabídky Run.

    IDE kompiluje webovou aplikaci a nasadí ji s využitím serveru, který jste specifikovali při vytvoření projektu.

  2. Zadejte jméno do textového pole na vaší nasazené stránce index.jsp:

    Palette

    Klepněte na OK. Stránka response.jsp by se měla otevřít a pozdravit vás:

    Palette



Další kroky

Více informací o vývoji webových aplikací v NetBeans IDE 5.5 najdete v následujících zdrojích:

Chcete-li poslat postřehy a návrhy, získat podporu a být stále informováni o posledním vývoji vývojářských funkcí NetBeans IDE Java EE, přidejte se k mailing listu Více informací o nadcházejících vývojářských funkcích Java EE v NetBeans IDE najdete na adrese 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