Un sistema de plantillas web en la publicación web permite a los diseñadores y desarrolladores web trabajar con plantillas web para generar automáticamente páginas web personalizadas , como los resultados de una búsqueda. Esto reutiliza elementos estáticos de la página web mientras define elementos dinámicos basados en parámetros de solicitud web . Las plantillas web admiten contenido estático, proporcionando estructura y apariencia básicas. Los desarrolladores pueden implementar plantillas desde sistemas de administración de contenido , marcos de aplicaciones web y editores HTML .
Un sistema de plantillas web se compone de lo siguiente:
El motor de plantillas procesa y combina los recursos de plantilla y contenido para producir documentos web en masa. A los efectos de este artículo, los documentos web incluyen cualquiera de los diversos formatos de salida para su transmisión a través de la web mediante HTTP , HTTPS u otro protocolo de Internet .
Dado que el modelo se encuentra generalmente en una base de datos relacional, los componentes restantes de la arquitectura MVC son el control y la vista. En los sistemas más simples, estos dos no están separados. Sin embargo, al adaptar el principio de separación de intereses, se pueden desacoplar por completo las relaciones.
Por ejemplo, la plantilla de vista podría verse así:
<!DOCTYPE html> < html xmlns = "http://www.w3.org/1999/xhtml" > < head >< title > Sitios </ title ></ head > < body >< h1 data-xp = "title" > <!-- marcador de posición --> </ h1 ></ body > </ html >Luego, la plantilla de control carga la vista y luego utiliza el direccionamiento XPath [ ¿investigación original? ] para insertar componentes desde una base de datos, por ejemplo:
<?php $doc = new DOMDocument ; $doc -> preserveWhiteSpace = false ; $doc -> Load ( 'view.html' ); $titlenode = $doc -> createTextNode ( "Así" ); $xpath = new DOMXPath ( $doc ); $xpath -> registerNamespace ( "h" , "http://www.w3.org/1999/xhtml" ); $query = "//h:*[@data-xp='title']/comment()" ; $entradas = $xpath -> consulta ( $consulta ); foreach ( $entradas como $entrada ) { $entrada -> parentNode -> replaceChild ( $titlenode , $entry ); } echo $doc -> saveXML (); ?>Un navegador web y un servidor web son una arquitectura cliente-servidor . Los sitios web también suelen utilizar un caché web para mejorar el rendimiento. Se clasifican cinco tipos de sistemas de plantillas según el momento en que reemplazan los marcadores de posición con contenido real y ensamblan las páginas.
Los idiomas de plantilla pueden ser:
El código fuente del motor de plantillas puede ser propietario o de código abierto .
Muchos sistemas de plantillas son un componente de una plataforma o marco de programación más grande. Se los conoce como el "sistema de plantillas de la plataforma". Algunos sistemas de plantillas tienen la opción de sustituir un lenguaje o motor de plantillas diferente. [ cita requerida ]
Los lenguajes de programación como Perl , Ruby , C y Java admiten el procesamiento de plantillas de forma nativa o a través de bibliotecas y módulos adicionales. JavaServer Pages (JSP), PHP y Active Server Pages (ASP con VBScript , JScript u otros lenguajes) son ejemplos de motores de plantillas web. Estas tecnologías se utilizan normalmente en sistemas de plantillas del lado del servidor, pero se podrían adaptar para su uso en un proxy "del lado del servidor" o para la generación de páginas estáticas.
Los generadores de sitios estáticos son motores que utilizan archivos de entrada de texto planos como Markdown y ASCII para generar una página web estática . Algunos ejemplos de esto incluyen Jekyll (Liquid, Ruby ), Hugo ( plantillas Go ) y Pelican ( Jinja2 , Python ).
Los editores HTML suelen utilizar sistemas de plantillas web para producir únicamente páginas web estáticas . Estas pueden considerarse como un diseño web listo para usar , que se utiliza para producir en masa sitios web "con molde" para una implementación rápida. También suelen incluir temas en lugar de estilos CSS . En general, el lenguaje de plantillas se utiliza únicamente con el software del editor. [5]
En su momento, FrontPage y Dreamweaver fueron los editores más populares con subsistemas de plantillas. Una plantilla web Flash utiliza Macromedia Flash para crear sitios visualmente interactivos.
Muchos sistemas de plantillas del lado del servidor tienen una opción para publicar páginas de salida en el servidor, donde las páginas publicadas son estáticas . Esto es común en los sistemas de administración de contenido , como Vignette , pero no se considera una generación externa al servidor. En la mayoría de los casos, esta "opción de publicación" no interfiere con el sistema de plantillas y puede realizarse mediante software externo, como Wget .
La gente empezó a utilizar páginas dinámicas del lado del servidor generadas a partir de plantillas con software preexistente adaptado para esta tarea. Este software primigenio eran los preprocesadores y lenguajes de macros , adaptados para el uso web, que se ejecutaban sobre CGI . A continuación, una tecnología sencilla pero relevante fue la ejecución directa realizada sobre módulos de extensión, iniciada con SSI .
Muchos sistemas de plantillas se utilizan normalmente como sistemas de plantillas del lado del servidor :
Técnicamente, la metodología de incrustación de lenguajes de programación dentro de HTML (o XML, etc.), utilizada en muchos "lenguajes de script incluidos en el servidor", también son plantillas. Todos ellos son lenguajes complejos incrustados .
También existen preprocesadores que se utilizan como motores de plantillas del lado del servidor . Ejemplos:
Sistemas de plantillas e inclusión de Edge-Side. El término "Edge-Side" hace referencia a los servidores web que residen en el espacio entre el cliente (navegador) y el servidor de origen. A menudo se los denomina servidores "proxy inverso". Estos servidores generalmente tienen la tarea de reducir la carga y el tráfico en los servidores de origen almacenando en caché contenido como imágenes y fragmentos de páginas y entregándolo al navegador de manera eficiente.
Basic Edge Side Includes (ESI) es un lenguaje similar a SSI. ESI se ha implementado para redes de distribución de contenido. El lenguaje de plantilla ESI también se puede implementar en navegadores web mediante JavaScript y Ajax, o mediante un "complemento" del navegador.
Muchos navegadores web pueden aplicar una hoja de estilo XSLT a los datos XML que transforman los datos en un documento XHTML, lo que proporciona una funcionalidad de plantilla en el propio navegador.
Otros sistemas implementan la funcionalidad de plantilla en el navegador mediante JavaScript u otro lenguaje de programación del lado del cliente , entre los que se incluyen:
La forma más sencilla son las transclusiones (frames HTML). En otros casos se necesitan páginas web dinámicas .
Ejemplos:
{{cite book}}: CS1 maint: location (link)9. Temas gratuitos para sitios web de comercio electrónico MG Technologies Blogs y portal de información sobre temas para sitios web.