Bienvenue dans notre série de tutoriels sur la création de puissantes applications web avec 4D Qodly Pro et 4D Server ! Que vous soyez un développeur web expérimenté ou que vous débutiez, 4D Qodly Pro transforme votre plateforme de développement 4D en une puissante solution hybride à code bas qui apporte vos données 4D sur le web sans nécessiter d’expertise approfondie dans les technologies frontales.
Avec 4D Qodly Pro, vous pouvez étendre de manière transparente vos applications 4D existantes à des interfaces web interactives et réactives et concevoir des applications Web Business modernes basées sur la technologie 4D, telles que l’incroyable 4D Write Pro. Le plus intéressant ? Vous vous appuierez sur ce que vous savez déjà tout en offrant de nouvelles possibilités à vos utilisateurs.
Pourquoi 4D Qodly Pro pour le développement Web ?
La création d’applications web peut être intimidante, en particulier pour ceux qui ne sont pas familiers avec les subtilités de la conception frontale ou des frameworks JavaScript.
4D Qodly Pro simplifie ce processus en fournissant :
- Intégration native avec 4D: Exploitation de votre base de données et de votre logique existantes.
- Outils hybrides à code bas: Minimisez le temps de développement tout en maximisant le rendement.
- Haute performance: Créez des applications réactives et évolutives.
Dans cette série, nous vous accompagnerons dans la création d’une application web complète, en illustrant les concepts et les fonctionnalités clés au fur et à mesure. À la fin, vous aurez les connaissances et la confiance nécessaires pour créer vos propres applications web fonctionnelles et dynamiques avec 4D Qodly Pro.
Pour activer 4D Qodly Pro dans votre projet et vérifier la configuration requise, tous les détails sont disponibles dans la documentation : Configuration de 4D Qodly Pro.
Aperçu de notre exemple d’application
Pour illustrer nos tutoriels, nous avons développé une application web typique qui couvrira les aspects clés du développement de 4D Qodly Pro. Cette application est conçue pour :
- Saisir des données: Les utilisateurs pourront saisir des informations dans les pages web.
- Générer des documents: En utilisant des modèles personnalisés créés avec 4D Write Pro, l’application génère automatiquement des documents.
- Exporter des documents au format PDF: Le document généré peut être exporté au format PDF pour faciliter sa diffusion.
- Afficher les documents: Les utilisateurs peuvent prévisualiser les documents directement dans l’application web.
Cette conception simple mais efficace nous permettra d’explorer de nombreuses fonctionnalités de 4D Qodly Pro sans être submergés par une complexité inutile.
Vous pouvez également trouver le code source de cette application sur GitHub, ce qui facilite le suivi et l’expérimentation.
Aperçu des sujets abordés
Tout au long de cette série, nous allons couvrir plusieurs sujets essentiels pour construire une application web robuste et fonctionnelle avec Qodly. Voici un aperçu des thèmes que nous allons explorer :
- Authentification : Protéger l’accès à votre application grâce à des mécanismes d’authentification sécurisés.
- Afficher une liste de données avec des filtres de recherche : Apprenez à afficher des données sous forme de tableau et à les filtrer en fonction de différents critères.
- Formulaire de saisie avec actions CRUD : Créer un formulaire pour ajouter, modifier ou supprimer des enregistrements dans votre base de données.
- Restriction des données en fonction du rôle de l’utilisateur : Mettez en place des contrôles d’accès pour vous assurer que les utilisateurs ne voient que les données correspondant à leur rôle.
- Gestion des états conditionnels pour l’affichage des widgets : Dynamiser l’interface utilisateur en affichant ou en masquant des éléments en fonction des données saisies ou des actions de l’utilisateur.
- Utilisation ou création de composants personnalisés : Utilisez des composants qui répondent spécifiquement à vos besoins.
Prochainement
Restez à l’écoute pour notre prochain article où nous aborderons le premier sujet : l’authentification dans votre application Qodly. N’hésitez pas à poser vos questions ou à partager vos propres expériences sur le forum 4D.
A bientôt pour commencer ce voyage de développement ensemble !