Overview
Ce tutoriel est conçu pour vous guider étape par étape à travers le processus de création de l'application. Cette application, conçue pour gérer les informations des clients, démontre comment utiliser webforJ pour construire une interface fonctionnelle et conviviale avec des fonctionnalités pour visualiser, ajouter et modifier les données des clients. Chaque section s'appuiera sur la précédente, mais n'hésitez pas à avancer selon vos besoins.
Chaque étape du tutoriel aboutira à un programme qui se compile en un fichier WAR, qui peut être déployé sur n'importe quel serveur d'application web Java. Pour ce tutoriel, le plugin Maven Jetty sera utilisé pour déployer l'application localement. Cette configuration légère garantit que l'application peut s'exécuter rapidement et que les modifications seront visibles en temps réel pendant le développement.
Fonctionnalités de l'application tutoriel
- Travailler avec des données dans un tableau.
- Utilisation de l
ObjectTableet gestion des actifs. - Routage et navigation
- Liaisons de données et validation
Prérequis
Pour tirer le meilleur parti de ce tutoriel, il est supposé que vous avez une compréhension de base de la programmation Java et que vous êtes familier avec des outils comme Maven. Si vous êtes nouveau dans webforJ, ne vous inquiétez pas - les fondamentaux du framework seront abordés en cours de route.
Les outils / ressources suivants doivent être présents sur votre machine de développement
- Java 17 ou supérieur
- Maven
- Un IDE Java
- Un navigateur web
- Git (recommandé mais pas obligatoire)
Voir cet article pour un aperçu plus détaillé des outils requis.
Sections
Le tutoriel est divisé en sections suivantes. Procédez séquentiellement pour un parcours complet, ou avancez pour obtenir des informations spécifiques.
Pour ceux qui souhaitent avancer vers des sujets spécifiques, il est recommandé de lire d'abord la section Configuration du Projet avant de continuer.
📄️ Project Setup
Dans ce tutoriel, l'application sera structurée en quatre étapes, chacune introduisant de nouvelles fonctionnalités à mesure que le projet progresse. En suivant, vous obtiendrez une compréhension claire de la façon dont l'application évolue et de la manière dont chaque fonctionnalité est mise en œuvre.
📄️ Creating a Basic App
Cette première étape pose les bases de l'application de gestion des clients en créant une interface simple et interactive. Cela démontre comment configurer une application webforJ de base, avec un seul bouton qui ouvre une boîte de dialogue lorsqu'il est cliqué. C'est une implémentation directe qui introduit des composants clés et vous donne une idée de la façon dont fonctionne webforJ.
📄️ Working With Data
Cette étape se concentre sur l'ajout de capacités de gestion et d'affichage des données à l'application de démonstration. Pour ce faire, des données fictives concernant divers objets Customer seront créées, et l'application sera mise à jour pour gérer ces données et les afficher dans une Table ajoutée à l'application précédente.
📄️ Scaling with Routing and Composites
Cette étape se concentre sur la mise en œuvre du routage pour améliorer l'évolutivité et l'organisation de la structure de l'application. Pour y parvenir, l'application sera mise à jour pour gérer plusieurs vues, permettant la navigation entre différentes fonctionnalités telles que l'édition et la création d'entrées de clients. Elle décrira la création de vues pour ces fonctionnalités, en utilisant des composants comme Composite pour construire des mises en page modulaires et réutilisables.
📄️ Validating and Binding Data
La liaison de données est un mécanisme qui connecte directement les composants de l'interface utilisateur de votre application au modèle de données sous-jacent, permettant une synchronisation automatique des valeurs entre les deux. Cela élimine le besoin d'appels répétitifs de getters et de setters, réduisant ainsi le temps de développement et améliorant la fiabilité du code.