Plain HTML templates. Any web technology. Your choice.
Les modèles Web Stencils sont de simples fichiers HTML que tout développeur ou concepteur Web peut créer et modifier. Vous pouvez également combiner des pages HTML classiques avec des pages de modèle, et enrichir le tout grâce aux bibliothèques que votre équipe utilise déjà.
Point clé : Vos développeurs Delphi/C++ n’ont pas besoin de s’occuper de l’interface utilisateur, sauf s’ils le souhaitent. Confiez le travail sur l’interface utilisateur à des spécialistes du Web lorsque cela s’avère judicieux.
S'adapte aux outils déjà utilisés par les équipes :
- Bootstrap, jQuery, HTMX, Tailwind ou JavaScript pur
- Pages complètes ou fragments (éléments de base)
- L'interface utilisateur et la mise en forme sont gérées par les développeurs Web
- La logique métier et la sécurité sont gérées par les développeurs Delphi/C++
« Du HTML sous stéroïdes » (lisible en un coup d'œil)
Les modèles restent en HTML. Ajoutez des boucles @ et des conditions uniquement là où vous avez besoin de contenu dynamique.
<h1>Our Products</h1>
@ForEach (var product in products)
{
<div>
<h3>@product.name</h3>
<p>Price: $@product.price</p>
@if product.inStock {
<button>Add to Cart</button>
}
@else {
<span>Out of Stock</span>
}
</div>
}
Astuce : appliquez votre style à l'aide de votre framework CSS préféré. Ajoutez des attributs HTMX pour les mises à jour partielles.
Ce que vous pouvez faire avec WebStencils
Découvrez les fonctionnalités puissantes qui font de WebStencils le choix idéal pour le développement Web moderne avec RAD Studio.
Développer des sites Web modernes
Créez des sites Web interactifs et faciles à naviguer, tels que des blogues, des catalogues en ligne ou des wikis. L'objectif principal de WebStencils est de faciliter la création de ce type de sites en fournissant des scripts côté serveur pour des technologies Web existantes telles que WebBroker et RAD Server.
Syntaxe simplifiée
La syntaxe simple, qui repose sur le symbole @ et les accolades ({}), est plus facile à écrire et à maintenir que les anciennes notations basées sur des balises. Accédez aux valeurs à l'aide de la notation par points, comme @objet.valeur, et utilisez des mots-clés spéciaux pour bénéficier de fonctionnalités avancées.
Idéal pour HTMX
WebStencils constitue une base solide pour HTMX en tant que solution de développement Web. Ces deux technologies se complètent parfaitement, car les pages HTMX tirent parti de la génération de code côté serveur et peuvent s'intégrer à des serveurs REST pour la mise à jour du contenu. Cela permet de réduire la dépendance vis-à-vis d'un JavaScript complexe.
Modèles et mises en page réutilisables
WebStencils vous permet d'intégrer des modèles HTML partagés au contenu de vos pages à l'aide de mots-clés tels que @LayoutPage et @RenderBody. Vous pouvez également utiliser @Import pour créer des composants réutilisables, ce qui rend votre code plus structuré et plus facile à maintenir.
Comment ça marche
Un chemin rapide de l'« idée de page » à la « fonctionnalité web opérationnelle »
1) Développez votre backend
Rendez visibles les données et les actions de votre application Delphi/C++.
2) Créez des modèles HTML
Utilisez les mots-clés @ pour les valeurs, les boucles et les conditions, directement dans le code HTML standard.
3) Intégrez une expérience utilisateur moderne (facultatif)
Utilisez les attributs HTMX pour les mises à jour partielles : aucun gros framework JavaScript n'est nécessaire.
Apprenez la syntaxe en quelques minutes
Apprenez la syntaxe
@LayoutPage "layout.html"
@ForEach (var Task in Tasks) {
@Import partials/tasks/item { @Task }
}Crochets de sécurité (basés sur la session)
@if session.Authenticated {
<div>Visible to logged-in users</div>
}
@if session.UserHasRole('admin') {
<div>Admin only</div>
}
Obtenez votre guide gratuit pour un développement Web rapide
Ce livre blanc complet, rédigé par Antonio Zapater, a pour objectif de vous aider à créer des applications Web efficaces, dynamiques et faciles à maintenir.
Au sommaire :
- Une analyse approfondie de WebStencils, le puissant moteur de modèles de RAD Studio
- Une introduction à HTMX et à ses concepts fondamentaux
- Des tutoriels pratiques étape par étape et des exemples concrets
- Des techniques avancées pour des applications Web évolutives
- L'intégration avec RAD Server pour des solutions d'entreprise
À propos de l'auteur
Antonio Zapater est un expert reconnu dans le domaine du développement avec RAD Studio, fort de nombreuses années d'expérience dans le développement Web moderne.
Questions fréquentes
Oui. Les modèles sont des fichiers HTML simples (pages complètes ou fragments) pouvant intégrer vos bibliothèques CSS et JavaScript existantes. Les développeurs Web peuvent travailler avec des outils qu’ils connaissent bien et déployer des modifications de l’interface utilisateur sans avoir à gérer le code backend.
Non. Vous pouvez utiliser n'importe quelle bibliothèque CSS/JS (Bootstrap, Tailwind, jQuery, HTMX, etc.). Vous n'êtes pas lié à un choix particulier.
Hébergez-la avec WebBroker ou RAD Server. Elle fonctionne en mode autonome ou en arrière-plan d'Apache, NGINX, IIS et FastCGI.
La logique métier s'exécute côté serveur en Delphi/C++. L'utilisation de HTMX ne nécessite qu'un minimum de code JavaScript.
Documentation
Documentation complète sur WebStencils, avec des exemples et des bonnes pratiques.
Consultez la documentationExemples de projets
Découvrez des exemples concrets et des applications de démonstration sur GitHub.
Parcourez les référentielsRAD Studio
Commencez votre essai gratuit de RAD Studio et commencez à utiliser WebStencils dès aujourd'hui.
Essayez RAD Studio