Templates em HTML simples. Use a tecnologia web que quiser. Você escolhe.
Os templates do Web Stencils são arquivos HTML simples que qualquer desenvolvedor ou designer pode criar e editar. É possível combinar páginas HTML comuns com templates e ainda aproveitar as bibliotecas que sua equipe já usa.
Ponto-chave: seus desenvolvedores Delphi/C++ não precisam ser responsáveis pelo frontend, a menos que queiram. Quando fizer sentido, deixe o trabalho de UI com especialistas web.
Funciona com o que as equipes já conhecem
- Bootstrap, jQuery, HTMX, Tailwind ou vanilla JS
- Páginas completas ou parciais (blocos de construção)
- UI e design ficam com os desenvolvedores web
- Lógica de negócio e segurança ficam com os desenvolvedores Delphi/C++
“HTML turbinado” (fácil de entender de primeira)
Os templates continuam em HTML. Use @ para loops e condições só onde precisar de conteúdo dinâmico.
<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>
}
Dica: use o framework CSS que preferir e adicione atributos HTMX para atualizações parciais.
O que você consegue fazer com o WebStencils
Descubra os recursos poderosos que fazem do WebStencils a escolha perfeita para o desenvolvimento web moderno com o RAD Studio.
Desenvolva sites modernos
Crie sites interativos e fáceis de navegar, como blogs, catálogos online ou wikis. O WebStencils foi feito para isso, adicionando scripts no servidor às tecnologias que você já usa, como WebBroker e RAD Server.
Sintaxe Simplificada
A sintaxe simples, baseada no símbolo @ e em chaves ({}), é mais fácil de escrever e manter do que notações antigas baseadas em tags. Acesse valores com notação de ponto, como @object.value, e use palavras-chave especiais para funcionalidades avançadas.
Perfeito para HTMX
O WebStencils é uma base sólida para usar HTMX como solução de desenvolvimento web. As duas tecnologias funcionam muito bem juntas, já que páginas com HTMX se beneficiam da geração de código no servidor e podem se conectar a servidores REST para atualização de conteúdo. Isso reduz a dependência de JavaScript complexo.
Templates e layouts reutilizáveis
O WebStencils permite combinar templates HTML compartilhados com o conteúdo das páginas usando palavras-chave como @LayoutPage e @RenderBody. Você também pode usar @Import para criar componentes reutilizáveis, deixando o código mais organizado e fácil de manter.
Como funciona
Um caminho curto da ‘ideia de página’ até um ‘recurso web funcionando’
1) Construa seu bakend
Disponibilize dados e funcionalidades da sua aplicação Delphi/C++
2) Crie templates HTML
Use palavras-chave @ para valores, loops e condições — dentro de HTML padrão.
3) Adicione uma UX moderna (opcional)
Use atributos HTMX para atualizações parciais — sem necessidade de um grande framework JavaScript.
Aprenda a sintaxe em minutos
Aprenda a Sintaxe
@LayoutPage "layout.html"
@ForEach (var Task in Tasks) {
@Import partials/tasks/item { @Task }
}Integrações de segurança (baseadas em sessão)
@if session.Authenticated {
<div>Visible to logged-in users</div>
}
@if session.UserHasRole('admin') {
<div>Admin only</div>
}
Obtenha seu guia gratuito para desenvolvimento web rápido
Escrito por Antonio Zapater, este white paper abrangente foi desenvolvido para ajudar você a criar aplicações web eficientes, dinâmicas e fáceis de manter.
O que você vai encontrar:
- Um mergulho aprofundado no WebStencils, o poderoso motor de templates do RAD Studio
- Introdução ao HTMX e aos seus conceitos principais
- Tutoriais e exemplos práticos, passo a passo
- Técnicas avançadas para aplicações web escaláveis
- Integração com o RAD Server para soluções de nível empresarial
Sobre o Autor
Antonio Zapater é um especialista reconhecido em desenvolvimento com RAD Studio, com anos de experiência em técnicas modernas de desenvolvimento web e tecnologias server-side.
Perguntas frequentes
Sim. Os templates são arquivos HTML simples (páginas completas ou parciais) que podem incluir suas bibliotecas de CSS e JavaScript já existentes. Desenvolvedores web podem trabalhar com ferramentas familiares e publicar mudanças de UI sem precisar assumir o código de backend.
Não. Você pode usar qualquer biblioteca de CSS ou JavaScript (Bootstrap, Tailwind, jQuery, HTMX etc.). Sem ficar preso a nenhuma.
Você pode hospedar com WebBroker ou RAD Server. Funciona tanto standalone quanto por trás de servidores como Apache, NGINX, IIS ou via FastCGI.
A lógica de negócio roda no servidor em Delphi/C++. Apenas o mínimo de JavaScript é necessário ao usar HTMX.
Documentação
Documentação completa do WebStencils, com exemplos e boas práticas.
Acessar a documentaçãoExemplos de Projetos
Explore exemplos do mundo real e aplicações de demonstração no GitHub.
Explorar RepositóriosRAD Studio
Inicie seu teste gratuito do RAD Studio e comece a usar o WebStencils hoje.