FeaturesPluginsDocs & SupportCommunityPartners

Introduction au développement d'applications Web

Ce document vous guide tout au long de la procédure élémentaire d'utilisation de l'EDI NetBeans 5.5 dans le cadre du développement d'applications Web. Il est conçu pour une mise en route rapide. Pour plus d'informations sur l'utilisation de l'EDI NetBeans, reportez-vous à la page Documentation et support sur le site Web NetBeans.

Vous créez, déployez et exécutez une application Web simple. L'application utilise une page JSP™ où vous êtes invité à entrer votre nom. Elle utilise ensuite un composant JavaBeans™ pour conserver le nom au cours de la session HTTP et le répète sur une autre page JSP.

Configuration d'un projet d'application Web

Avant de commencer à écrire le code, assurez-vous que vous disposez des logiciels nécessaires et que votre projet est configuré correctement.

Installation des logiciels

Avant de commencer, vous devez installer les logiciels suivants sur votre ordinateur :

Au besoin, vous pouvez utiliser le serveur d'application Sun Java System (SJS) (Télécharger), JBoss ou WebLogic. Toutefois, le serveur Web Tomcat incorporé à l'EDI fournit le support nécessaire pour les applications Web à deux niveaux telles que celle décrite dans ce guide. Un serveur d'application (par exemple, le serveur d'application SJS, JBoss ou WebLogic), n'est requis que pour le développement d'applications d'entreprise.

Enregistrement du serveur avec l'EDI

Le serveur Web Tomcat est automatiquement enregistré avec l'EDI. Cependant, avant de réaliser le déploiement sur le serveur d'application SJS, JBoss ou WebLogic, vous devez enregistrer une instance locale avec l'EDI. Si vous avez installé le bundle NetBeans IDE 5.5/serveur d'application SJS, une instance locale du serveur d'application SJS est automatiquement enregistrée. Si tel n'est pas le cas, procédez aux étapes suivantes :

  1. Dans la fenêtre principale, sélectionnez Outils > Gestionnaire de serveurs.
  2. Cliquez sur Ajouter un serveur. Sélectionnez le type de serveur et attribuez un nom à l'instance. Cliquez sur Suivant.
  3. Spécifiez les informations relatives au serveur, l'emplacement de l'instance locale du serveur d'applications et le domaine sur lequel effectuer le déploiement.

Création d'un projet d'application Web

  1. Sélectionnez Fichier > Nouveau projet. Sous Catégories, sélectionnez Web. Sous Projets, sélectionnez Application Web, puis cliquez sur Suivant.
  2. Dans le champ Nom du projet, entrez HelloWeb. Le chemin du contexte est /HelloWeb.
  3. Remplacez l'emplacement du projet par un répertoire sur votre ordinateur. Ce répertoire sera désormais appelé $PROJECTHOME.
  4. Sélectionnez les recommandations de votre choix, que votre structure source devra respecter.
  5. Sélectionnez le serveur sur lequel vous souhaitez déployer l'application. Seuls les serveurs enregistrés avec l'EDI sont répertoriés.
  6. La case à cocher Définir comme projet principal doit rester sélectionnée. Cliquez sur Terminer.

    L'EDI crée le dossier de projet $PROJECTHOME/HelloWeb. Il contient toutes les sources et métadonnées du projet telles que le script de génération Ant. Le projet HelloWeb s'ouvre dans l'EDI. La fenêtre Projets en affiche la structure logique et la fenêtre Fichiers la structure des fichiers.

Création et modification de fichiers source d'application Web

La création et la modification des fichiers source est la fonction primordiale de l'EDI. Après tout, il s'agit là de votre tâche quotidienne principale. L'EDI intègre une vaste gamme d'outils s'adaptant au style personnel de chaque développeur, qu'il préfère écrire manuellement l'ensemble du code ou laisser l'EDI en générer de grands blocs.

Création d'un package Java et d'un fichier source Java

  1. Développez le nœud Packages sources. Il ne contient qu'un seul nœud de package par défaut et celui-ci est vide.
  2. Cliquez avec le bouton droit de la souris sur le nœud Packages sources, puis sélectionnez Nouveau > Classe Java. Entrez NameHandler dans la zone de texte Nom de la classe et tapez org.me.hello dans la liste déroulante Package. Cliquez sur Terminer.
  3. Dans l'éditeur de code source, déclarez un champ en tapant la ligne suivante directement en dessous de la déclaration de classe :
        String name;
  4. Ajoutez la ligne suivante dans la méthode nameHandler() :
        name = null;

Génération des méthodes du mutateur et du mécanisme d'obtention

  1. Cliquez avec le bouton droit de la souris sur le mot name dans la déclaration de champ au début de la classe, puis sélectionnez Refactoriser > Encapsuler les champs. Cliquez sur Suivant pour exécuter la commande avec ses options par défaut.
  2. Cliquez sur Lancer la refactorisation. Les méthodes du mutateur et du mécanisme d'obtention sont générées pour le champ name et son niveau d'accès devient privé. La classe Java doit maintenant ressembler à ce qui suit :
        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;
            }
    
        }

Modification du fichier JSP par défaut

  1. Développez le nœud du projet HelloWeb et le nœud Pages Web. L'EDI a créé pour vous le fichier JSP par défaut index.jsp. Au moment de la création du projet, l'EDI a ouvert le fichier index.jsp dans l'éditeur de code source.
  2. Sélectionnez l'onglet Éditeur de code source index.jsp. Le focus du fichier index.jsp se trouve maintenant dans l'éditeur de code source.
  3. Dans la palette, à droite de l'éditeur de code source, développez le nœud des formulaires HTML et faites glisser un élément Formulaire sous les balises <h1> dans l'éditeur de code source. La boîte de dialogue d'insertion de formulaire s'affiche :

    Palette

    Définissez les valeurs suivantes :

    • Action : response.jsp
    • Méthode : GET
    • Nom : Name Input Form

    Cliquez sur OK. Le formulaire est ajouté au fichier index.jsp.

  4. Faites glisser un élément Entrée de texte juste avant la balise </form>.

    Définissez les valeurs suivantes :

    • Nom : name
    • Type : text

    Cliquez sur OK. L'élément Entrée de texte est ajouté entre les balises <form>.

  5. Faites glisser un élément Bouton juste avant la balise </form>.

    Définissez les valeurs suivantes :

    • Étiquette : OK
    • Type : submit

    Cliquez sur OK. L'élément Bouton est ajouté entre les balises <form>.

  6. Tapez Enter your name: devant la balise <input> et remplacez le texte entre les balises <h1> par Entry Form.

    Les balises entre les balises <body> doivent maintenant ressembler à ce qui suit :

  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>

Création d'un fichier JSP

  1. Développez le nœud du projet HelloWeb et le nœud Pages Web.
  2. Cliquez avec le bouton droit de la souris sur le nœud Pages Web, sélectionnez Nouveau > JSP, nommez le fichier JSP response, puis cliquez sur Terminer.

    Le nouveau fichier response.jsp s'ouvre dans l'éditeur de code source.

  3. Dans la palette, à droite de l'éditeur de code source, développez JSP et faites glisser un élément Bean d'utilisation en dessous de la balise <body> dans l'éditeur de code source.

    Définissez les valeurs suivantes :

    • ID : mybean
    • Classe : org.me.hello.NameHandler
    • Étendue : session

    Cliquez sur OK. L'élément Bean d'utilisation est ajouté sous la balise <body>.

  4. Ajoutez un élément Propriété d'obtention de bean et Propriété de définition de bean à partir de la palette. Ensuite, modifiez le code de telle sorte que les balises entre les balises <body> ressemblent à ce qui suit :
  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>

Génération et exécution d'un projet d'application Web

L'EDI utilise un script de génération Ant pour générer et exécuter vos applications Web. L'EDI génère le script de génération en fonction des options que vous avez spécifiées dans l'assistant de création de projet et la boîte de dialogue Propriétés du projet.

  1. Dans le menu Exécuter, sélectionnez Exécuter > Exécuter le projet principal (F6).

    L'EDI génère l'application Web et la déploie à l'aide du serveur que vous avez spécifié au moment de la création du projet.

  2. Entrez votre nom dans la zone de texte sur la page index.jsp déployée.

    Palette

    Cliquez sur OK. La page response.jsp s'ouvre et vous accueille :

    Palette



Étapes suivantes

Pour plus d'informations sur le développement d'applications Web dans l'EDI NetBeans 5.5, consultez les ressources suivantes :

Pour envoyer des commentaires et des suggestions, obtenir de l'aide et recevoir les toutes dernières actualités sur les fonctionnalités de développement Java EE de l'EDI NetBeans, rejoignez la liste de diffusion Pour plus d'informations sur les prochaines fonctionnalités de développement Java EE de l'EDI NetBeans IDE, visitez l'adresse 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