Pregunta

Actualmente estoy trabajando en un front-end de sistema de comercio electrónico heredado que tiene un montón de código HTML duplicado.

Estoy tratando de encontrar una manera de abstraer la complejidad casi como lo harías al mover las similitudes entre clases similares en una clase base abstracta compartida.

I.E. " Sacar lo que cambia y abstraerlo "

He usado marcos Java como Tiles para hacer esto antes, pero actualmente estoy usando Webby.

También al abstraer el código HTML anteriormente, estaba escribiendo el código desde cero y usando un marco MVC, por lo que esto facilitó un poco las cosas (no tenía que comparar nada con diff).

¿Alguien sabría otro término para lo que estoy describiendo, o tal vez un buen artículo sobre la abstracción del código HTML existente para este propósito?

¿Fue útil?

Solución

Esta característica particular no es la mejor documentada, pero Webby tiene parciales que le permiten escribir fragmentos de páginas e incluirlas en otras páginas. Cree un archivo cuyo nombre comience con un guión bajo (por ejemplo, " _untocaesar " ), y luego puede incluirlo haciendo <% render (: partial = > '_untocaesar') % > con un filtro ERB.

Los parciales pueden tener encabezados para indicar el procesamiento al igual que las páginas normales, también. Entonces, al combinar un lenguaje de plantillas como ERB y parciales, deberías poder tener una factorización bastante limpia para tu sitio.

Este no es un concepto HTML general, ya que HTML es realmente solo páginas estáticas, por lo que no puede hacer esto sin un preprocesador. Es algo que generalmente se maneja con el framework que estás usando. Azulejos es uno, Webby es otro. Exactamente cómo funciona depende hasta cierto punto del propio marco.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top