Introduction au développement web avec netbeans

Creation du projet web

Après le lancement du netbeans et apr_ès le chargement des modules necessaires :

0 Introduction au développement web avec netbeans

Créer un nouveau projet :

1 Introduction au développement web avec netbeansDans la fenêtre qui apparait choisir Java web et par la suite Web Application :

2 Introduction au développement web avec netbeans 

Cliquer sur suivant

3 Introduction au développement web avec netbeans

Si c’est votre premier contact avec Netbeans et votre première application web ça prendra du temps pour charger les modules JEE et les modules nécessaires au développement web.

Dans la fenêtre qui va apparaître donner un nom à votre projet (pour moi j’ai choisi “HelloWorld” comme titre:

4 Introduction au développement web avec netbeans

Cliquer suivant .

5 Introduction au développement web avec netbeans

Dans cette étape vous spécifiez le serveur utilisé(j’ai choisi apache tomcat ),la version du JEE utilisée(j’ai laissé les paramètres par défaut et le Context Path qui représente l’alias de votre application web sur le serveur.

6 Introduction au développement web avec netbeans

Dans cette fenêtre vous choisissez les Framework à utiliser dans votre application mais pour le moment on va créer juste une application simple et on a pas besoin d’ajouter des Framework,alors cliquer Terminer.L’éditeur de code ouvre la page JSP index.jsp crée automatiquement comme vous voyez sur l’écran suivant :

7 Introduction au développement web avec netbeans

Création et édition des fichiers sources de l’application web :

La création et l’édition des fichiers sources de votre application web est peut être la fonctionnalité la plus importante fournie avec l’EDI Netbeans.Et c’est peut être l’étape que vous passez la plupart du temps durant le développement de votre application.Netbeans vous offres plusieurs possibilités qui dépendent de votre style de développement ,soit que vous aimez coder votre code entièrement ou vous voulez que l’EDI se charge de la génération automatique de plusieurs morceaux de code utiles.

Création du package Java et du fichier source Java

Dans l’arborescence des sources de votre projet développer le nœud “Source Packages” et comme vous voyez ,il contient juste un package par défaut vide.

Clique droit sur votre projet et choisir : Nouveau —>Classe java :

8 Introduction au développement web avec netbeans

Dans la fenêtre qui s’ouvre ,préciser un nom à votre classe ,par exemple : NameHandler ,préciser aussi un nom de package

9 Introduction au développement web avec netbeans

Cliquer Terminer et voilà le code de la classe NameHandler.java qui s’ouvre.

Dans l’éditeur du code source ,déclarer une variable de type String en ajoutant ce morceau de code :

	String name;
	

Ajouter ce constructeur à la classe :

public NameHandler()

ajouter cette ligne au constructeur que vous venez de créer :

name = null;
Génération des Getters et Setters(Les accesseurs)

Clique droit sur l’attribut name et choisir Refactorer –>Encapsulate Fields

10 Introduction au développement web avec netbeans

Les accesseurs ont pour objectif donner la permission au autres classe de lire ou modifier la valeur d’un attribut privé.

11 Introduction au développement web avec netbeans

Voilà le code de notre NameHandler.java :

package org.monpackage.bonjour;

/**
 *
 * @author Youssef
 */
public class NameHandler {

    private String name;

    public NameHandler() {
        name = null;
    }

    /**
     * @return the name
     */
    public String getName() {
        return name;
    }

    /**
     * @param name the name to set
     */
    public void setName(String name) {
        this.name = name;
    }
}

1 2 3 4

A propos de l'auteur

Fondateur & COO de Japprend.Com

4 commentaires

  1. abdellah dit :

    deja merci pour le tuto, tres bien fait, j’ai tous de meme une petite remarque , et ca concerne le titre de cette article, je crois « installation de NET Beans  » serait mieux adabpte

  2. lau dit :

    Bonjour Youssef, les images de votre tuto ne s’affichent pas

  3. lau dit :

    Bonjour Youssef, les images de votre tuto ne s’affichent pas