Here is your job.

Driver script

use strict;
use warnings;


use Model;
use View::bullet;
use View::table;


my $model = Model->new;

# View 1

my $view = View::bullet->new;
$view->render($model);
warn $view->as_HTML;

# View 2


my $cols = 3;
my $tabular_model = $model->reform_data($cols); 

my $view = View::table->new;
$view->render($tabular_model);
warn $view->as_HTML;
[download]

Model package

package Model;

use Array::Group;
use Data::Dumper;

# A model is overkill for this example, but lets plan for
# scaleability

sub new {
  
  my $data = [1 .. 10] ;
  bless $data, __PACKAGE__ ;
  return $data;
}

sub reform_data {

  my $aref = shift;
  my $cols = shift;

  my $tabdata = Array::Group::ngroup $cols => $aref ;


  # This filling of the last row should be an option to
  # Array::Group...
  my $last_row = $tabdata->[$#$tabdata] ;

  my $diff = $cols - @$last_row;

  my @nbsp = (' ') x $diff; 
  push @$last_row, @nbsp;

  return $tabdata;
}


1 ;
[download]

View code

bullet

package View::bullet;

use base qw(HTML::Seamstress);

my $file = 'html/bullet.html';

sub new {
  
  __PACKAGE__->new_from_file($file);

}

sub render {

  my $tree = shift;
  my $model = shift;

  my $li = $tree->look_down(class => 'nums');

  $tree->iter($li => @$model) ;

  return $tree;
}

1;
[download]

table

package View::table;

use base qw(HTML::Seamstress);

my $file = 'html/table.html';

sub new {
  
  __PACKAGE__->new_from_file($file);

}

sub render {

  my $tree = shift;
  my $data = shift;

  $tree->table2
    (
     table_data => $data,
     td_proc => sub {
       my ($tr, $data) = @_;
       my @td = $tr->look_down('_tag' => 'td');
       for my $i (0..$#td) {
     $td[$i]->splice_content(0, 1, $data->[$i]);
       }
     }
    )

      ;

  return $tree;
}

1;
[download]

[tag://html,templating]
[download]