CL-WHO-как шаблонизатор HTML для других языков? - PullRequest
11 голосов
/ 22 марта 2009

У ребят из Common Lisp есть CL-WHO , что делает HTML-шаблоны интегрированными с "основным" языком, облегчая задачу. Для тех, кто не знает CL-WHO, это выглядит так (пример с веб-страницы CL-WHO):

(with-html-output (*http-stream*)
(:table :border 0 :cellpadding 4
  (loop for i below 25 by 5
     do (htm
         (:tr :align "right"
          (loop for j from i below (+ i 5)
                do (htm
                    (:td :bgcolor (if (oddp j)
                                    "pink"
                                    "green")
                         (fmt "~@R" (1+ j))))))))))

Знаете ли вы какие-нибудь библиотеки для других языков? Тот, о котором я знаю (который имитирует CL-WHO), это Brevé для Python. Меня особенно интересует Perl, но интересно, как другие языки обрабатывают интеграцию HTML в свой синтаксис.

Ответы [ 9 ]

12 голосов
/ 23 марта 2009

Для предложений CPAN обратите внимание на следующее (в алфавитном порядке) ...

Используя приведенную в таблице часть примера CL-WHO (минус римские цифры и s / background-color / color /, чтобы сжать код в ширину экрана!)


Builder

use Builder;
my $builder = Builder->new;
my $h = $builder->block( 'Builder::XML' );

$h->table( { border => 0, cellpadding => 4 }, sub {
   for ( my $i = 1; $i < 25; $i += 5 ) {
       $h->tr( { align => 'right' }, sub {
           for my $j (0..4) {
               $h->td( { color => $j % 2 ? 'pink' : 'green' }, $i + $j );
           }
       });
   } 
});

say $builder->render;


HTML :: AsSubs

use HTML::AsSubs;

my $td = sub {
    my $i = shift;
    return map { 
        td( { color => $_ % 2 ? 'pink' : 'green' }, $i + $_ )
    } 0..4;
};

say table( { border => 0, cellpadding => 4 },
    map { 
        &tr( { align => 'right' }, $td->( $_ ) ) 
    } loop( below => 25, by => 5 )
)->as_HTML;


HTML :: Крошка

use HTML::Tiny;
my $h = HTML::Tiny->new;

my $td = sub {
    my $i = shift;
    return map { 
        $h->td( { 'color' => $_ % 2 ? 'pink' : 'green' }, $i + $_ )
    } 0..4;
};

say $h->table(
    { border => 0, cellpadding => 4 },
    [
        map { 
            $h->tr( { align => 'right' }, [ $td->( $_ ) ] )  
        } loop( below => 25, by => 5 )    
    ]
);


* * Markapl тысяча сорок-девять
use Markapl;

template 'MyTable' => sub {
    table ( border => 0, cellpadding => 4 ) {
       for ( my $i = 1; $i < 25; $i += 5 ) {
           row ( align => 'right' ) {
               for my $j ( 0.. 4 ) {
                   td ( color => $j % 2 ? 'pink' : 'green' ) { $i + $j }
               }
           }
       } 
    }
};

print main->render( 'MyTable' );


Template :: Declare

package MyTemplates;
use Template::Declare::Tags;
use base 'Template::Declare';

template 'MyTable' => sub {
    table {
        attr { border => 0, cellpadding => 4 };
        for ( my $i = 1; $i < 25; $i += 5 ) {
            row  {
                attr { align => 'right' };
                    for my $j ( 0..4 ) {
                        cell {
                            attr { color => $j % 2 ? 'pink' : 'green' } 
                            outs $i + $j;
                        }
                    }
            }
        } 
    }
};

package main;
use Template::Declare;
Template::Declare->init( roots => ['MyTemplates'] );
print Template::Declare->show( 'MyTable' );


XML :: Generator

use XML::Generator;
my $x = XML::Generator->new( pretty => 2 );

my $td = sub {
    my $i = shift;
    return map { 
        $x->td( { 'color' => $_ % 2 ? 'pink' : 'green' }, $i + $_ )
    } 0..4;
};

say $x->table(
    { border => 0, cellpadding => 4 },
    map { 
        $x->tr( { align => 'right' }, $td->( $_ ) )  
    } loop( below => 25, by => 5 )    
);


И следующее может использоваться для создания "цикла" в примерах HTML :: AsSubs / HTML :: Tiny / XML :: Generator ....

sub loop {
    my ( %p ) = @_;
    my @list;

    for ( my $i = $p{start} || 1; $i < $p{below}; $i += $p{by} ) {
        push @list, $i;
    }

    return @list;
}
6 голосов
/ 23 марта 2009

Один из В текущих проектах, финансируемых грантом (легкая веб-инфраструктура для Perl 6 ), есть работающий код Perl6, который предоставляет аналогичный интерфейс :

use Tags;
say show {
    html {
        head { title { 'Tags Demo' } }
        body {
            outs "hi";
            ul :id<numberlist> {
                outs "A list from one to ten:";
                for 1..10 {
                    li :class<number>, { $_ }
                }
            }
        }
    }
}

Просмотр или клонирование текущего кода на github .

5 голосов
/ 22 марта 2009

Модуль Perl CGI имеет поддержку для чего-то подобного.

use CGI ':standard';
use Lisp::Fmt 

print header();

print table( { -border => 1, -cellpading => 4},
    loop({ below => 25, by=> 5}, sub {
        my $i = shift;
        tr( {-align => 'right'} ,
            loop({ from => $i, below $i + 5}, sub {
                my $j = shift;
                td({-bgcolor => ($oddp eq $j ? 'pink' : 'green')}
                    fmt("~@R", 1+$j);
            })
        )
    });

Я старался держать его в порядке, поэтому вам придется самостоятельно реализовать функцию loop. Я на самом деле не программирую Общий список, поэтому надеюсь, что правильно понял ваш код.

4 голосов
/ 23 марта 2009

Существует stan : Синтаксис, подобный s-выражению, для выражения xml на чистом питоне из Divmod's Nevow . Я думаю, что это то, что вы хотите. Пример из учебника связан:

t = T.table[
           T.tr[
               T.td[ "Name:" ],
               T.td[ original.name ]
           ],
           T.tr[
               T.td[ "Email:" ],
               T.td[T.a(href='mailto:%s' % original.email)[ original.email ] ]
           ],
           T.tr[
               T.td[ "Password:" ],
               T.td[ "******" ]
           ],
       ]
3 голосов
/ 29 марта 2009

Clojure

В Clojure имеется множество библиотек, генерирующих HTML, созданных по мотивам CL-WHO (как и следовало ожидать, Clojure - это Lisp). Вот как это можно сделать с помощью библиотеки HTML, которая поставляется с Compojure и cl-format :

(use 'compojure.html
     'com.infolace.format)

(html
 [:table {:border 0 :cellpadding 4}
  (map (fn [tds] [:tr {:align "right"} tds])
       (partition 5 (map (fn [num color]
                           [:td {:bgcolor color}
                            (cl-format nil "~@R" (inc num))])
                         (range 25)
                         (cycle ["green" "pink"]))))])

Библиотека HTML Compojure хорошо использует литеральные хеш-карты Clojure в качестве пар атрибут / значение, а использование литеральных векторов для тегов вместо списков для всего помогает тегам выделиться немного и избежать некоторой необходимости макромаги. 1010 *

partition разбивает коллекцию на группы из некоторого числа элементов. cycle генерирует бесконечно повторяющийся список элементов коллекции. Эти плюс range и map помогают избежать явных циклов и переменных счетчика.

3 голосов
/ 23 марта 2009

Стандартный Perl CGI модуль может делать нечто подобное:

#!/usr/bin/perl

use strict;
use warnings;
use CGI qw/:standard/;

print 
    start_html("An example"),
    h1(
        {
            -align => "left",
            -class => "headerinfo",
        },
        'this is an example'
    ),
    "The CGI module has functions that add HTML:",
    ul( map li($_),
        ("start_html",
        "h1, h2, h3, etc.",
        "ol, ul, li",
        "ol, ul, li",
        "table, tr, th, td")
    ),
    "and many more.",
    end_html();

Что производит:

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>An example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1 class="headerinfo" align="left">this is an example</h1>The CGI module has functions that add HTML:<ul><li>start_html</li> <li>h1, h2, h3, etc.</li> <li>ol, ul, li</li> <li>ol, ul, li</li> <li>table, tr, th, td</li></ul>and many more.
</body>
</html>

Раздел li можно переписать так:

print ol(map li($_), @list);

если у вас есть список или массив.

1 голос
/ 22 июня 2011

Есть html-теги , расширение Chicken Scheme . html-теги генерируют либо [X] HTML, либо SXML.

Вот пример (с использованием расширения цикла и с учетом вывода строки):

(<table> border: 0 cellpadding: 4
  (string-intersperse
   (loop for i below 25 by 5
         collect
         (<tr> align: "right"
               (string-intersperse
                (loop for j from i below (+ i 5)
                      collect
                      (<td> bgcolor: (if (odd? j)
                                         "pink"
                                         "green")
                            (+ 1 j))))))))

Я бы добавил ссылки на расширения цикла и html-utils (который построен поверх тегов html), но stackoverflow считает, что я спамер и позволяет мне публиковать максимум две ссылки.

1 голос
/ 23 июля 2010

Haskell

На Haskell есть библиотека комбинаторов HTML, которая не сильно отличается от CL-WHO. Однако ленивый функциональный подход к программированию приводит к совершенно иной идиоматической итерационной структуре, чем возможности цикла в Common Lisp:

import Data.Char
import Data.List
import Text.Html
-- from http://fawcett.blogspot.com/2007/08/roman-numerals-in-haskell.html
import RomanNumerals

-- Simple roman numeral conversion; returns "" if it cannot convert.
rom :: Int -> String
rom r = let m = toRoman r
        in (map toUpper . maybe "" id) m

-- Group a list N elements at a time.
-- groupN 2 [1,2,3,4,5] == [[1,2],[3,4],[5]]
groupN n [] = []
groupN n xs = let (a, b) = splitAt n xs in a : (groupN n b)

pink = "pink" -- for convenience below; green is already covered by Text.Html

rom_table = table ! [border 0, cellpadding 4] << trs
    where
      -- a list of <tr> entries
      trs = map (rom_tr . map rom_td) rom_array

      -- generates a <tr> from a list of <td>s
      rom_tr tds = tr ! [align "right"] << tds

      -- generates a <td> given a numeral and a color
      rom_td (r, c) = td ! [bgcolor c] << r

      -- our 5 x 5 array (list x list) of numerals and colors
      rom_array = (groupN 5 . take 25) rom_colors

      -- a theoretically infinite list of pairs of roman numerals and colors
      -- (practically, though, the roman numeral library has limits!)
      rom_colors = zip (map rom [1..]) colors

      -- an infinite list of alternating green and pink colors
      colors = cycle [green, pink]

main = let s = prettyHtml rom_table 
       in putStrLn s

Следует отметить, что в Text.Html также есть небольшая библиотека комбинаторов для составления таблиц с использованием операторов «выше» и «рядом» для вычисления охвата строк / столбцов, но это слишком упрощенно в плане применения атрибутов для дублирования этого примера точно, и нам не нужно причудливое разбиение строк и столбцов.

1 голос
/ 28 марта 2009

Здесь - это такая вещь для JavaScript. Это выглядит следующим образом:

T.div({ className: "content"},
      T.p("Some ", T.u("paragraph")),
      T.p("Another paragraph"))
...