Fin

WDS Client permet aussi de gérer des projets web, soit :

• des pages html
• des feuilles de style
• des images (statiques ou animées)
• des servlets et des pages JSP

Pour cela, définissez un nouveau projet :

vous remarquerez que les classes java seront automatiquement compilées dans un répertoire particulier:
(celui par défaut de WAS et de TOMCAT)

WDS affiche alors une nouvelle perspective (web en l'occurrence)

la fenêtre galerie affiche les objets graphiques disponibles, l'onglet Miniature (à droite) propose un affichage en mosaïque de ceux ci. Créons une page HTML,

l'éditeur nous affiche la page en mode conception (Wysiwyg)

la barre de menu propose alors des options de mise en forme

• gestion des puces (balises OL et UL)
• insertion d'un lien (A) ou d'une image (IMG)
• insertion de trait (HR) de tableau (TABLE) de formulaire (FORM) ou de cadre (FRAME)
• logos ou images réactives
• bean (pour les pages JSP) ou scripts d'affichage dynamique
• gestion des retraits (DT)
• alignement
• et mise en forme

Modifions cette première page

l'onglet source affiche le source HTML

( la prévisualisation lance, quant à elle un navigateur intégré au produit. )

L'éditeur offre là aussi une colorisation syntaxique et une aide à la saisie (CTRL + Espace)

en bas, la galerie permet de naviguer dans les objets graphiques livrés avec le produit et de l'intégrer à la page en cours.

un simple glisser déplacer suffit ! L'image est alors ajoutée aux fichiers de l'application.

Vous pouvez aussi utiliser WebArt Designer pour créer vos propres images
(toujours Fichier/Nouveau)

tapez ensuite votre texte dans la zone Texte

Choisissez un bouton et voilà !

Vous pouvez aussi, créer vos logos à partir des exemples fournis :

->

et enfin, créer des images animées (à partir de WebArt Designer) :

• Soit pour créer vos bannières (effet plaqué sur une image)

• soit pour générer du GIF animé (plusieurs images stockées dans un seul fichier .gif)

Dernier point les feuilles de style (définition des caractéristiques d'affichage de certaines balises HTML)
, toujours avec un click droit :Nouveau/feuille de style

ici vous pouvez vous faire assister :

• Soit en utilisant l'assistant de contenu dans l'éditeur (ctrl + espace)
  ->
  
• Soit en utilisant l'onglet style (dans la fenêtre en bas à droite)
  
  
  un double click sur une balise HTML permet de préciser le style à apporter à la balise
  
  
  

  Pour ajouter une balise ou un lien en cascade (feuille de style faisant référence à une autre feuille de style d'où la notion de cascaded style sheet [css] ) , utilisez le click droit (toujours dans la même fenêtre).

  
  

Servlets et pages JSP

Pour créer une servlet, utilisez Nouveau/Servlet

indiquez un nom

la servlet sera automatiquement ajoutée au fichier web.xml

et vous vous retrouvez dans l'éditeur java, mes méthodes doPost et doGet pré-renseignées:

complétons ce source :

Lors de la compilation (ctrl+S) remarquez la localisation de la classe.

ainsi que le source du fichier web.xml :

Pour vos pages JSP, une option supplémentaire vous est proposée dans la barre de menu : JSP

L'option parcourir affiche la fenêtre suivante :

Vous retrouverez ici, la correspondance avec vos classes Java

ce qui vous est affiché comme cela

l'éditeur de code permet de vérifier le résultat :

Le lien avec le bean, vous est d'ailleurs affiché sur la partie basse de l'espace de travail

Pour les parties de code, elles sont affichées avec le même logo

un double click sur celui-ci vous affiche le code

soit

La version 5 apporte un assistant pour intégérer les bean:

Option JSP/Insertion de de bean

Il vous est affiché sur la page, en mode conception

et vous pourrez générer automatiquement l'affichage du résultat

WDS client va créer un tableau avec les propriétés et les méthodes choisies

Pour tester (pages html, servlet ou pages JSP), il suffit de demander exécuter sur le serveur

cela lance WAS 4. ou 5 (version locale)

et ouvre une nouvelle perspective : Serveurs

la fenêtre en bas à droite contient la console du serveur d'application et un navigateur web est lancé

sur ce navigateur, vous pouvez saisir ou compléter l'URL :

L'onglet serveur affiche les serveurs d'application et leur état

Si vous souhaitez paramétrer W.A.S (pour par exemple ajouter un JAR externe comme celui du driver JDBC) :

choisissez Ouvrir.

Sur l'onglet Chemin d'accès , Ajouter des JAR externes...

et voilà !

pour configurer un nouveau serveur, comme Tomcat ,
cliquez sur instance de serveurs et choisissez Nouveau/instance et configuration de serveur

indiquez le type de serveur et la localisation (vous devez le télécharger manuellement)

Allez ensuite sur configuration de serveur/Tomcat et ajoutez vos projets devant utiliser Tomcat.
republiez le seveur (ou redémarrez le)

Fenêtre/Préférences/serveur/instance de serveur par défaut, permet de préciser le serveur par défaut

Sinon, travaillez au niveau projet (click droit/propriétés) et indiquez le serveur à lancer.
.

Exportation de votre projet sur l'AS/400

• première possibilité (la plus simple), exportez au format WAR (fichier/exporter)
  

puis indiquez un unité réseau ou un nom UNC (en utilisant un partage Netserver)

(ici QAS400 est le nom Netserver de l'AS/400)


N'exportez PAS les sources (les fichiers .class suffisent)

• ou bien, exportez individuellement certains fichiers
  
  
  
  
  vous retrouverez alors les systèmes définis avec RSE (bouton Parcourir...)
  
  notez la forme SYSTEM:/chemin/
  
  

Début

©AF400