corner imagecorner image
FeaturesPluginsDocs & SupportCommunityPartners

Bevezetés a webes alkalmazások fejlesztésébe

Ez a dokumentum lépésről-lépésre bemutatja Önnek a NetBeans IDE 5.5 használatával kapcsolatos alapvető tudnivalókat, amelyek webes alkalmazások fejlesztéséhez szükségesek. A dokumentum célja, hogy Ön a lehető leggyorsabban haladhasson előre. Ha további információkat szeretne a NetBeans IDE szoftver használatával kapcsolatban, tanulmányozza a NetBeans webhelyen található Támogatás és dokumentumok oldalt.

Ön most egy egyszerű webes alkalmazást fog létrehozni, telepíteni és futtatni. Az alkalmazás a Java Server Pages™ oldalon keresztüli kéri, hogy adja meg a nevét. A JavaBeans™ összetevő segítségével megőrzi a nevet a HTTP-munkamenet során, majd megismétli a nevet egy másik JavaServer Pages oldalon.

Webes alkalmazás projekt beállítása

A kódírás megkezdése előtt meg kell győződnie arról, hogy rendelkezik az összes szükséges szoftverrel, és helyesen állította be a projektet.

A szoftver telepítése

Mielőtt elkezdené a munkát, a következő szoftvereket kell telepítenie számítógépére:

Igény szerint letöltheti és használhatja a Sun Java System (SJS) Application Server (letöltés), a JBoss vagy a WebLogic alkalmazást is. Azonban az IDE szoftverbe beépített Tomcat webszerver minden támogatást biztosít, amely a jelen útmutatóban is leírt kétrétegű alkalmazásokhoz szükséges. Alkalmazásszerver (például SJS Application Server, JBoss vagy WebLogic) használata csak akkor szükséges, ha vállalati alkalmazásokat szeretne fejleszteni.

A szerver regisztrálása az integrált fejlesztői környezetben

A beépített Tomcat webszervert az integrált fejlesztői környezet automatikusan regisztrálja. Az SJS Application Server, a JBoss vagy a WebLogic telepítése előtt azonban regisztrálnia kell a számítógépen telepített példányt az integrált fejlesztői környezetben. A NetBeans IDE 5.5/SJS Application Server köteg telepítése esetén az SJS Application Server helyi példányát automatikusan regisztrálja a rendszer. Egyéb esetben végezze el a következő műveleteket:

  1. A főablakban válassza az Eszközök > Szerverkezelő menüpontot.
  2. Kattintson a Szerver hozzáadása lehetőségre. Válassza ki a szervertípust, és adja meg a helyi példány nevét. Ezután kattintson a Tovább gombra.
  3. Adja meg a szerver adatait, az alkalmazás helyi példányának tárolási helyét, valamint azt a tartományt, ahová telepíteni szeretné a szoftvert.

Új Webes alkalmazás projekt létrehozása

  1. Válassza a Fájl > Új projekt menüpontot. A Kategóriák listából válassza ki a Webes lehetőséget. A Projektek listából válassza ki a Webes alkalmazás elemet, majd kattintson a Tovább gombra.
  2. A Projekt neve mezőbe írja be a HelloWeb karaktersort. Figyelje meg, hogy a Környezet elérési útja mezőben a /HelloWeb érték jelenik meg.
  3. A Projekt helye mezőbe írja be a számítógépén található valamelyik könyvtár elérési útját. Ettől a pillanattól kezdve erre a könyvtárra $PROJECTHOMEnéven hivatkozik a rendszer.
  4. Válassza ki azokat az ajánlásokat, amelyeket a forrás felépítése során be szeretne tartani; ez kizárólag személyes beállítás:
  5. Válassza ki azt a szervert, amelyre telepíteni szeretné alkalmazását. A listában csak az integrált fejlesztői környezetben regisztrált szerverek vannak felsorolva.
  6. Hagyja bejelölve a Beállítás főprojektként jelölőnégyzetet. Kattintson a Befejezés gombra.

    Az integrált fejlesztői környezet létrehozza a $PROJECTHOME/HelloWeb projektmappát. A projektmappa tartalmazza az Ön összes forrását és projekt-metaadatait, így például a projekt Ant build-parancsfájlját. Az integrált fejlesztői környezetben megnyílik a HelloWeb projekt. Logikai felépítését a Projektek ablakban, fájlszerkezetét pedig a Fájlok ablakban tekintheti meg.

Webes alkalmazás forrásfájljainak létrehozása és szerkesztése

A forrásfájlok létrehozása és szerkesztése az integrált fejlesztői környezet által kínált legfontosabb funkció. Mégis valószínűleg ez a feladat az, ami az ideje legnagyobb részét igénybe veszi. Az integrált fejlesztői környezet különböző eszközöket kínál, melyekkel képes megfelelni bármelyik fejlesztő személyes stílusának, akkor is, ha az mindent kézzel szeretne kódolni, vagy ha azt szeretné, hogy az integrált fejlesztői környezet hozzon létre nagy kódtömböket a számára.

Java csomag és Java forrásfájl létrehozása

  1. Bontsa ki a Forráscsomagok csomópontot. Vegye figyelembe, hogy a Forráscsomagok csomópont csak üres alapértelmezett csomag-csomópontot tartalmaz.
  2. Kattintson a jobb gombbal a Forráscsomagok csomópontra, és válassza ki az Új > .Java osztály lehetőséget. Az Osztály neve szövegmezőbe írja be a NameHandler karaktersort, a Csomag legördülő listába pedig írja be az org.me.hello karaktersort. Kattintson a Befejezés gombra.
  3. A Forrásszerkesztő ablakban adja meg a mező nevét úgy, hogy közvetlenül az osztály neve alá beírja a következő sort:
        String name;
  4. Vegye fel a következő sort a a nameHandler() metódusba:
        name = null;

Getter és Setter metódusok létrehozása

  1. Kattintson a jobb gombbal az osztály elején a mező nevében található név szóra, és válassza a Refactor > Mezők beágyazása lehetőséget. A parancs alapbeállításokkal való futtatásához kattintson a Tovább gombra.
  2. Kattintson a Refactoring végrehajtása parancsra. A rendszer Getter és Setter metódusokat hoz létre a Név mezőhöz, és a hozzáférési szintet Személyes értékre módosítja. Ezután a Java osztálynak a következőképpen kell kinéznie:
        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;
            }
    
        }

Az alapértelmezett JavaServer Pages fájl szerkesztése

  1. Bontsa ki a HelloWeb projekt csomópontot és a Webes oldalak csomópontot. Az integrált fejlesztői környezet alapértelmezés szerinti JavaServer Pages fájlt hozott létre, index.jsp néven,az Ön számára. Amikor létrehozza a projektet, az integrált fejlesztői környezet megnyitja az index.jsp fájlt a Forrásszerkesztő ablakban.
  2. A Forrásszerkesztő ablakban válassza ki az index.jsp lapot. Ekkor az index.jsp fájl lesz a Forrásszerkesztő ablak aktív területe.
  3. A Forrásszerkesztő ablak jobb oldalán található Paletta területen bontsa ki a HTML-űrlapok csomópontot, és húzzon át egy Űrlap elemet a Forrásszerkesztő ablakban található <h1> címkék alá. Megjelenik az Űrlap beillesztése párbeszédpanel.

    Paletta

    Állítsa be a következő értékeket:

    • Művelet: response.jsp
    • Metódus: GET
    • Név: Névbeviteli űrlap

    Kattintson az OK gombra. Az Űrlap elemet a rendszer hozzáadja az index.jsp fájlhoz.

  4. Húzza át a Szövegbevitel elemet a </form> címke elé.

    Állítsa be a következő értékeket:

    • Név: Név
    • Típus: Szöveg

    Kattintson az OK gombra. A Szövegbevitel elemet a rendszer hozzáadja a <form> címkékhez.

  5. Húzza át a Gomb elemet a </form> címke elé.

    Állítsa be a következő értékeket:

    • Címke: OK
    • Típus: Küldés

    Kattintson az OK gombra. A Gomb elemet a rendszer felveszi a <form> címkék közé.

  6. Típus Írja be a nevét: az <input> címke elé, és módosítsa a <h1> címkék közötti szöveget Beviteli űrlap értékre.

    A <body> címkék közötti címkék most a következőképpen néznek ki:

  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>

JavaServer Pages fájl létrehozása

  1. Bontsa ki a HelloWeb projekt csomópontot és a Webes oldalak csomópontot.
  2. Kattintson a jobb gombbal a Webes oldalak csomópontra, és válassza ki az Új > JSP beállítást, és adja meg a JavaServer Pages válaszfájl nevét,majd kattintson a Befejezés gombra.

    Az új response.jsp fájl megnyílik a Forrásszerkesztő ablakban.

  3. A Forrásszerkesztő ablak jobb oldalán található Paletta területen bontsa ki a JSP csomópontot, és húzzon át egy Bean használata elemet közvetlenül a Forrásszerkesztő ablakban található <body> címke alá.

    Állítsa be a következő értékeket:

    • Azonosító: mybean
    • Osztály: org.me.hello.NameHandler
    • Hatókör: Munkamenet

    Kattintson az OK gombra. A Bean használata elemet a rendszer felveszi a <body> címke alá.

  4. Vegyen fel egy Get Bean tulajdonság elemet és egy Set Bean tulajdonság elemet a Paletta területről. Módosítsa a kódot úgy, hogy a <body> címkék közötti címkék következőképpen nézzenek ki:
  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>

Webes alkalmazás projekt létrehozása és futtatása

Az integrált fejlesztői környezet egy Ant build-parancsfájl segítségével hozza létre és futtatja a webes alkalmazásokat. Az integrált fejlesztői környezet az Ön által az Új projekt varázslóban és a projekt Projekttulajdonságok párbeszédpanelén megadott beállítások alapján hozza létre a build-parancsfájlt.

  1. A Futtatás menüből válassza ki a Futtatás > Főprojekt futtatása (F6) menüpontot.

    Az integrált fejlesztői környezet felépíti a webes alkalmazást, majd telepíti azt a projekt létrehozásakor megadott szerver használatával.

  2. Írja be a nevét a telepített index.jsp oldalon található szövegmezőbe:

    Paletta

    Kattintson az OK gombra. Ekkor megnyílik a response.jsp oldal, és üdvözli Önt:

    Paletta



Következő lépések

Webes alkalmazások NetBeans IDE 5.5 szoftverben való fejlesztéséről további információkat szerezhet a következő forrásokból:

Ha el szeretné küldeni megjegyzéseit és javaslatait, segítségre van szüksége vagy folyamatosan tájékozódni szeretne a NetBeans IDE Java EE fejlesztési funkciók legújabb vívmányaival kapcsolatban, csatlakozzon az levelezőlistához. A közeljövőben a NetBeans IDE szoftverben megjelenő Java EE fejlesztési funkciókról részletes tájékoztatást talál a következő webcímen: http://j2ee.netbeans.org/.

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   GlassFish Community: an Open Source Application Server   Open Solaris  Open JDK: an Open SourceJDK   Mobile & Embedded Community     Sponsored by 
Sponsored by Sun Microsystems