New Upgrade Center is Now Live! Visit Now

Upgrade Pricing is Back for a Limited Time Only! Comunícate con ventas

¡RAD Studio 13.1 ya está disponible! Explora lo nuevo

Novedades de RAD Studio 13.1 Florence Ver la repetición del seminario web

Descubre la Nuevísima Página de Getit

Grandes descuentos disponibles en InterBase 2020 para OEM o VARs – Comunícate con ventas

Renovar ahora su licencia de Update Subscription Lee mas

RAD Studio WebStencils

La elección perfecta para el desarrollo web con Delphi o C++

Crea interfaces web con archivos HTML estándar y luego intégralas con la lógica de negocio del lado del servidor para ofrecer rápidamente funcionalidades web escalables y fáciles de mantener, sin depender de un framework.

Las plantillas son HTML estándar. Un desarrollador web puede crearlas o editarlas directamente.

Trae tu propio stack. Usa Bootstrap, jQuery, HTMX, Tailwind o tu propio CSS/JS

Curva de aprendizaje mínima. Se lee como HTML, con palabras clave @ inteligentes

Plantillas HTML simples. Cualquier tecnología web. Tú eliges.

Las plantillas de Web Stencils son archivos HTML simples que cualquier desarrollador o diseñador web puede crear y editar. También puedes combinar páginas HTML estándar con páginas de plantillas y mejorar todo con las bibliotecas que ya utiliza tu equipo.

Punto clave: tus desarrolladores de Delphi/C++ no necesitan encargarse del frontend a menos que lo deseen. Delega el trabajo de la interfaz de usuario en especialistas web cuando tenga sentido.

Funciona con lo que los equipos ya conocen

  • Bootstrap, jQuery, HTMX, Tailwind o JavaScript vanilla
  • Páginas completas o parciales (bloques modulares)
  • La UI y el estilo a cargo de desarrolladores web
  • La lógica de negocio y la seguridad a cargo de desarrolladores Delphi/C++

"HTML con superpoderes" (legible de un vistazo)

Las plantillas siguen siendo HTML. Añade bucles y condiciones con @ solo donde necesites contenido 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>
}
                

Consejo: utiliza tu framework CSS preferido. Añade atributos HTMX para actualizaciones parciales.

Qué puedes hacer con WebStencils

Descubre las potentes funcionalidades que hacen de WebStencils la opción ideal para el desarrollo web moderno con RAD Studio.

Desarrolla sitios web modernos

Crea sitios navegables e interactivos como blogs, catálogos en línea o wikis. El objetivo principal de WebStencils es facilitar este tipo de sitios, proporcionando scripting del lado del servidor junto con tecnologías web existentes como WebBroker y RAD Server.

Sintaxis simplificada

La sintaxis sencilla basada en el símbolo @ y las llaves ({}) es más fácil de escribir y mantener que las notaciones antiguas basadas en etiquetas. Accede a los valores con notación de punto, como @objeto.valor, y utiliza palabras clave especiales para funcionalidades avanzadas.

Perfecto para HTMX

WebStencils es una base sólida para HTMX como solución de desarrollo web. Ambas tecnologías se complementan perfectamente: las páginas HTMX se benefician de la generación de código del lado del servidor y pueden conectarse a servidores REST para actualizar el contenido. Esto reduce la dependencia de JavaScript complejo.

Plantillas y diseños reutilizables

WebStencils permite combinar plantillas HTML compartidas con el contenido de las páginas mediante palabras clave como @LayoutPage y @RenderBody. También puedes usar @Import para crear componentes reutilizables, lo que hace que el código sea más organizado y fácil de mantener.

Cómo funciona

Un camino rápido desde la “idea de página” hasta una funcionalidad web operativa.

1) Construye tu backend

Expón datos y acciones desde tu aplicación Delphi/C++.

2) Crea plantillas HTML

Usa palabras clave @ para valores, bucles y condiciones, dentro de HTML estándar.

3) Añade una UX moderna (opcional)

Usa atributos HTMX para actualizaciones parciales, sin necesidad de un framework JavaScript complejo.

Aprende la sintaxis en minutos

Aprende la sintaxis


@LayoutPage "layout.html"

@ForEach (var Task in Tasks) {
    @Import partials/tasks/item { @Task }
}

Hooks de seguridad (basados en sesión)


@if session.Authenticated {
    <div>Visible to logged-in users</div>
}

@if session.UserHasRole('admin') {
    <div>Admin only</div>
}
				

Obtén tu guía gratuita para el desarrollo web rápido

Redactado por Antonio Zapater, este white paper completo está diseñado para ayudarte a crear aplicaciones web eficientes, dinámicas y fáciles de mantener.


Guide Cover

Contenido:

  • Análisis en profundidad de WebStencils, el potente motor de plantillas de RAD Studio
  • Introducción a HTMX y sus conceptos clave
  • Tutoriales prácticos paso a paso y ejemplos
  • Técnicas avanzadas para aplicaciones web escalables
  • Integración con RAD Server para soluciones de nivel empresarial
Descarga tu guía gratuita

Acerca del autor

Antonio Zapater es un experto reconocido en el desarrollo con RAD Studio, con años de experiencia en técnicas modernas de desarrollo web y tecnologías del lado del servidor.

Preguntas Frecuentes

Sí. Las plantillas son archivos HTML simples (páginas completas o parciales) que pueden incluir las bibliotecas CSS y JavaScript existentes. Los desarrolladores web pueden trabajar con herramientas familiares y desplegar cambios en la UI sin encargarse del código backend.

No. Puedes usar cualquier biblioteca CSS/JS (Bootstrap, Tailwind, jQuery, HTMX, etc.). No estás atado a ningún framework.

Aloja con WebBroker o RAD Server. Funciona en modo standalone o detrás de Apache, NGINX, IIS y FastCGI.

La lógica de negocio se ejecuta en el lado del servidor en Delphi/C++. Con HTMX solo se necesita JavaScript mínimo.

Documentación

Documentación completa de WebStencils con ejemplos y buenas prácticas.

Ver documentación
Proyectos de muestra

Explora ejemplos reales y aplicaciones de demostración en GitHub.
 

Explorar repositorios
RAD Studio

Comienza tu prueba gratuita de RAD Studio y empieza a usar WebStencils hoy mismo.

Probar RAD Studio