DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Tuto WEBDEV / Tuto - Les bases du WLangage
  • Leçon 1 - WLangage
  • Qu'est-ce que le WLangage ?
  • Un projet pour découvrir le WLangage

Tuto - Les bases du WLangage

Leçon 1 - WLangage
Ce que vous allez apprendre :
  • Qu'est-ce que le WLangage ?
  • Comment découvrir le WLangage ?
Durée de la leçon 5 mn
Qu'est-ce que le WLangage ?
Le WLangage est le langage de programmation de WINDEV, WEBDEV et WINDEV Mobile. Dans ce Tutoriel, nous allons découvrir les bases de ce langage : variables, instructions conditionnelles, procédures, etc.
Le WLangage est un langage riche (L5G), offrant de multiples possibilités de programmation grâce à un éditeur de code complet, simplifiant au maximum la saisie du code.
La programmation en WLangage est événementielle. La saisie du code s'effectue dans l'événement WLangage concerné. Cet événement peut être par exemple associé à un champ, une fenêtre, une page ou un état, etc. Tous les événements sont disponibles sous l'éditeur de code. Vous pouvez ajouter des événements supplémentaires et gérer par programmation des cas particuliers.
Vous souhaitez utiliser la POO ? Son utilisation est également disponible. Membre et méthode, constructeur, destructeur, héritage multiple, méthode virtuelle, polymorphisme, etc. Une leçon de cette partie est entièrement dédiée à la POO.
La programmation des champs ou des objets est simplissime, à l'aide de fonctions et/ou de propriétés spécifiques. Il suffit de taper le nom du champ ou de l'objet dans l'éditeur de code pour voir apparaitre toutes les fonctions ou propriétés utilisables.
Les fonctions du WLangage permettant de manipuler des champs ou des objets peuvent être utilisées avec deux syntaxes :
  • une syntaxe classique. Dans ce cas, les fonctions WLangage commencent par le nom de la famille correspondante. Ainsi, toutes les fonctions permettant de manipuler le champ Table commencent toutes par "Table".
    Par exemple, pour ajouter des éléments dans un champ Table, il est possible d'utiliser la fonction TableAjouteLigne, en précisant en premier paramètre le nom du champ Table :
    // Ajout des éléments "Dubois" et "Pierre" 
    // dans la dernière ligne du champ "TABLE_TableProduit"
    TableAjouteLigne(TABLE_TableProduit, "Dubois", "Pierre")
  • une syntaxe préfixée.
    Dans ce cas, le nom de l'élément manipulé est indiqué en premier. Si nous reprenons l'exemple précédent, il suffit d'utiliser la fonction AjouteLigne sur le champ Table :
    // Ajout des éléments "Dubois" et "Pierre" 
    // dans la dernière ligne du champ "TABLE_TableProduit"
    TABLE_TableProduit.AjouteLigne("Dubois", "Pierre")
Un projet pour découvrir le WLangage
Dans cette partie, nous allons nous concentrer sur le code WLangage.
Pour cela, nous allons créer un projet (nécessaire à toute programmation avec WEBDEV). Dans ce projet, nous saisirons directement le code WLangage sous l'éditeur de code. Ce code pourra être testé immédiatement par un simple GO.
Avertissement
Ce projet sera utilisé dans les différentes leçons de ce tuto.
Avertissement
Attention : La méthode de création d'un projet a été simplifiée à partir de la version 2024 Update 2. Cette page a été adaptée pour ce nouveau comportement.
Pour créer notre projet de travail :
  1. Lancez WEBDEV si ce n'est pas déjà fait.
  2. Affichez si nécessaire la page d'accueil de WEBDEV (Ctrl + <).
  3. Dans la page d'accueil, cliquez sur "Créer un projet", puis sur l'option "Site, Site SaaS". L'assistant de création d'un projet se lance. Les différentes étapes de l'assistant vont vous aider à créer votre projet. Tous les renseignements indiqués dans cet assistant pourront être modifiés par la suite.
  4. Sélectionnez la charte graphique c'est-à-dire l'ambiance du projet. Pour ce tuto, nous conserverons l'ambiance proposée par défaut "Phoenix". Passez à l'étape suivante de l'assistant.
  5. L'assistant propose de saisir le nom du projet et son emplacement. Dans notre cas, ce projet va simplement s'appeler "WLangage". Par défaut, WEBDEV propose de créer ce projet dans le répertoire "\Mes projets\WLangage".
    Vous pouvez conserver cet emplacement ou le modifier grâce au bouton [...].
  6. Cliquez sur le bouton "Terminer" : le projet est créé. La fenêtre de création d'un nouvel élément s'affiche.
  7. Pour simplifier le test de notre projet, nous allons créer une page qui va être définie comme "Première page du projet" :
    • Dans la fenêtre de création d'un nouvel élément, cliquez sur "Page" puis sur "Page".
    • Dans l'assistant qui s'affiche, sélectionnez "Vierge" puis validez (bouton "OK").
    • Validez la sauvegarde de la page.
    • Affichez les événements liés à la page (cliquez sur la zone d'accueil de la page et utilisez la touche F2).
    • Dans le code de chargement de la page, saisissez le code suivant :
      Chargement de PAGE_SansNom1 (onload navigateur)
      NavigateurFerme()

      La fonction NavigateurFerme permet de forcer la fermeture de la page lors de son chargement. Cette page ne sera donc pas affichée lors du test du projet que nous allons faire dans les leçons suivantes.
    • Dans le volet "Explorateur de projet", déroulez "Pages" et affichez le menu contextuel de la page "PAGE_SansNom1" que vous venez de créer.
    • Sélectionnez l'option "Première page du projet en mode Session".
Notre projet est prêt pour découvrir les différentes fonctionnalités du WLangage.
SommaireLeçon suivante
Version minimum requise
  • Version 2024
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 15/11/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale