Formations à l'informatique et à l'électronique

Auteur : SD
Créé le : 09-07-2018

Développer un projet Web avec Netbeans

Même si il est possible d'écrire du code HTML, CSS ou PHP dans un simple éditeur de texte, l'utilisation d'un IDE comme NetBeans apporte de nombreux avantages :

Cet article montre comment créer un premier projet PHP avec NetBeans et comment configurer le client FTP.

Pour cet exemple la situation est la suivante :

NetBeans Projet Web Plan reseau

La racine du serveur web est /home.

Le développeur dispose d'un compte utilisateur "sn" sur le serveur web

Lorsqu'il se connecte en FTP il est "encagé" dans son dossier personnel "/home/sn"

Création du projet

Cliquer sur l'icone "New Project" :

NetBeans New Project  Nouveau Projet

Choisir le langage utilisé pour le projet (PHP sur la capture ci-dessous) :

NetBeans Choisir Langage Projet

Donner un nom au projet :

NetBeans Nom du Projet

Donner l'URL du projet et cliquer sur "Manage..." pour configurer les paramètres de connexion FTP :

NetBeans URL projet

Configurer les paramètres de connexion FTP et cliquer sur "Ok" :

NetBeans New Project  Nouveau Projet

Cliquer sur "Next" :

NetBeans New Project  Nouveau Projet

Cliquer sur "Next" :

NetBeans Framework

Cliquer sur "Finish" :

NetBeans Finish

Test du projet

Taper le code ci-dessous (le classique "Hello World") :

NetBeans Premier Test PHP

Cliquer sur l'icone "Run Project" (ou appuyer sur F6) :

NetBeans Run Project

Sélectionner le(s) fichier(s) à uploader sur le serveur :

NetBeans FTP Select Files

Le navigateur s'ouvre, la page s'affiche.

Quelques fonctionnalités de base

Ajouter un dossier au projet

NetBeans Ajout Dossier

Ajouter un fichier au projet

NetBeans Ajout Fichier

Changer le navigateur par défaut

NetBeans Change Navigateur

Consulter l'historique des modifications

Cliquer sur l'onglet "History"

NetBeans Historique des modifications

Naviger dans le code

En faisant un "CTRL + Clic", sur une fonction, un nom de fichier on accède directement à son code :

NetBeans Navigation Dans Le Code

Affichage des commentaires JavaDoc

En faisant un "CTRL + Clic", sur une fonction on affiche dans une infobulle la documentation de celle-ci (à condition qu'elle ai été documentée au format JavaDoc) :

NetBeans JavaDoc

Exemple de documentation au format JavaDoc :

NetBeans JavaDoc

Ecriture intuitive, autocomplétion

NetBeans Autocompletion Ecriture Intuitive

Articles connexes

Premiers pas en HTML
Premiers pas en PHP
Les formulaires en PHP
Premiers pas en CSS
Introduction au Javascript
Introduction à JQuery
Les structures algorithmiques de base
Accéder à une base Access (.mdb) en PHP

Vous avez apprécié cet article ? Partagez le !

Article connexe : Premiers pas en HTML