Temos um exemplo aqui: https://github.com/maluco/SPPM-Web/blob/master/root/templates/src/artigos/comentar.tt
<https://github.com/maluco/SPPM-Web/blob/master/root/templates/src/artigos/comentar.tt>Porém, visto que você nunca fez nada em HTML, acho que é melhor mesmo vocẽ entender como a web-html funciona antes. http://pt.wikipedia.org/wiki/HTML 2011/5/24 Teddy Hammer <[email protected]> > Cara, seria muito pedir pra vc me mostrar algo mais concreto para eu > vizualizar o esquema? Sei lá...como usar estes marcadores que o André Garcia > falou? > Ou algum site, Docs.... > > > ------------------------------ > From: [email protected] > Date: Tue, 24 May 2011 16:02:50 -0300 > > To: [email protected] > Subject: Re: [SP-pm] Design de Aplicações Web, como é feito? > > Lembrando que você pode continuar a usar o Dreamweaver (embora eu recomende > você usar linux, por facilidade) para montar seu HTML usando um wysiwyg e > depois editar o .html colocando os marcadores, como por exemplo [% $nome %]. > > No Linux, você tem um editor [gratis!] chamado NVU<http://nvu.com/index.php>, > mas tem vários: > Quanta > Mozilla Composer > > 2011/5/24 Andre Carneiro <[email protected]> > > Oi Teddy! > > > Tanto o Catalyst quanto o Mojolicious utilizam uma metodologia conhecida > como MVC(Model, View, Controller - http://pt.wikipedia.org/wiki/MVC ). Ler > isto pode iluminar um pouco as idéias mais tarde. Tentarei explicar sem me > preocupar muito com detalhes de MVC. > > Respondendo mais diretamente a sua dúvida, a ligação entre o que se muda no > código e o que é mostrado na página ocorre através do processamento de > 'templates'. Templates, no contexto de aplicações web, são basicamente > documentos HTML com 'marcadores especiais'. Esses marcadores são > substituídos posteriormente por HTML, após terem sido processados pelo > servidor. Para simplificar: > > <div>Nome: [%nome%]</div> > > Nesse exemplo, os marcadores que me referi são [%nome%]. Esse marcador pode > ser substituído por qualquer coisa que eu quiser. Obviamente nesse caso, eu > quero que seja substituído pela informação 'nome'. O importante é que você > entenda que tudo isso acontece do lado do servidor. O servidor está > preparado para ler a requisição de uma página qualquer do usuário, e chamar > corretamente o programa responsável por entender isso, recuperar a > informação que esteja numa base qualquer, ler o template, substituir todos > esses marcadores por dados, e/ou metadados e/ou quaisquer instruções que o > meu processador de templates suporte; para enfim cuspir HTML para o cliente. > É claro que existem outros tipos desses marcadores, porque os sistemas de > templates variam no seu funcionamento. Esse em especial é um exemplo de um > marcador típico do Template Toolkit - http://template-toolkit.org/ > > > Depois da introdução tosca acima, eu posso dizer de forma bem simples que: > tanto o Catalyst quanto o Mojolicious fazem a mesma coisa, ou seja, esperam > a requisição chegar até eles, e fazem diversas coisas como interpretar e > transformar urls, separar os dados de entrada(formulários, campos e tudo que > estava no HTML no momento da requisição), depois processa esses dados de > entrada de várias formas(logins, redirecionamentos, alteração de dados e o > que mais você quiser), e depois envia os dados de saída para o sistema de > templates. Esse sistema de templates é que abre o arquivo de templates, e > substituí todos os marcadores por dados. > > > > Não sei se consegui ser muito claro. Tentei ser o mais genérico possível. > > > Qualquer coisa pergunte! > > > Cheers! > > > 2011/5/24 Teddy Hammer <[email protected]> > > Então cara, desculpe minha falta de conhecimento, mas como isto eh feito? > Por exemplo, supondo que vc queira fazer uma pagina onde o cara vai abrir o > navegador e fazer seu cadastro por esta pagina. > Supondo que nesta pagina tenha campos como Nome, Endereço, Cidade, etc. > Como vc linka estes campos com seu código? E como vc define qual a ação > serah executada qdo o cara clicar no botão CADASTRAR do formulário? > > Vc num ia ter que primeiro "desenhar" esta página com seus respectivos > campos e depois ir fazendo a lógica do sistema? > > Tem isto pra Perl? > Talvez pra deixar mais claro, existe tipo de editor como o Delphi ou > JBuilder? > > ------------------------------ > From: [email protected] > Date: Tue, 24 May 2011 13:34:49 -0300 > To: [email protected] > Subject: Re: [SP-pm] Design de Aplicações Web, como é feito? > > > Olá Teddy, > > Eu particularmente faço toda a lógica do sistema, quando ele tá > funcionando, eu aplico um css usando firebug, uma extensão do firefox que > permite visualizar as alterações do css em tempo de execução. > > []z > > 2011/5/24 Teddy Hammer <[email protected]> > > Ae galera! > Vcs comentaram sobre Mojolicious e o CatalystFramework. Dei uma olhada por > cima e não sei se entendi o que realmente eles fazem. > O código deles é embutido dentro do HTML ou eles fazem o Designer da > página, por exemplo, de um formulário de cadastro, como por exemplo o > DreamWeaver faz? > Se não for, como vcs fazem o desenvolvimento (tipo como faz um Web Design > !) das páginas? Vcs usam qual ferramenta pra isso? > > Alguém pode me explicar como isto eh feito? > > =begin disclaimer > Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ > SaoPaulo-pm mailing list: [email protected] > L<http://mail.pm.org/mailman/listinfo/saopaulo-pm> > =end disclaimer > > > > > -- > Nilson Morais > > > > =begin disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/SaoPaulo-pm > mailing list: > [email protected] L =end disclaimer > > =begin disclaimer > Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ > SaoPaulo-pm mailing list: [email protected] > L<http://mail.pm.org/mailman/listinfo/saopaulo-pm> > =end disclaimer > > > > > -- > André Garcia Carneiro > Analista/Desenvolvedor Perl > (11)82907780 > > =begin disclaimer > Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ > SaoPaulo-pm mailing list: [email protected] > L<http://mail.pm.org/mailman/listinfo/saopaulo-pm> > =end disclaimer > > > > > -- > Renato Santos > http://www.renatocron.com/blog/ > > =begin disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/SaoPaulo-pm > mailing list: > [email protected] L =end disclaimer > > =begin disclaimer > Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ > SaoPaulo-pm mailing list: [email protected] > L<http://mail.pm.org/mailman/listinfo/saopaulo-pm> > =end disclaimer > > -- Renato Santos http://www.renatocron.com/blog/
=begin disclaimer Sao Paulo Perl Mongers: http://sao-paulo.pm.org/ SaoPaulo-pm mailing list: [email protected] L<http://mail.pm.org/mailman/listinfo/saopaulo-pm> =end disclaimer
