Continuando com a série sobre desenvolvimento web com Python
, vou mostrar agora como deixar as coisa mais interessante com includes e formulários.
Includes
É muito comum utilizar arquivos separados que estarão em várias partes da aplicação. Por exemplo, podemos ter um arquivo para o cabeçalho HTML, um outro para o menu e um terceiro para o rodapé do HTML
.
Mas antes de criarmos nossos arquivos de include, teremos que configurar o PSE para apontar para nosso diretório de includes. Para isso abra o arquivo pse.conf (no Linux este arquivo fica em /etc/pse/pse.conf). Procure pela linha
;IncludePath = /app/servlet/path,/other/servlet/pathE troque por:
IncludePath = /var/www/includes,.Caso você não esteja usando Linux (eu uso o Ubuntu
) configure para o diretório que o Apache aponta. Isso muda de sistema para sistema.
Dentro deste diretório crie um sub-diretório chamado includes e dentro deste sub-diretório vamos colocar os arquivos abaixo:
cabecalho.pt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Biblioteca ABC</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="pt-br" />
</head>
<body>
<div id="geral">
<div id="topo">
<h1>Biblioteca ABC</h1>
</div>
<div id="menu">
<ul>
<li class="primeiro"><a href="home.pt">Home</a></li>
<li><a href="categorias_list.pt">Categorias</a></li>
<li><a href="livros_list.pt">Livros</a></li>
<li><a href="clientes_list.pt">Clientes</a></li>
<li class="ultimo"><a href="sair.pt">Sair</a></li>
</ul>
</div>rodape.pt
<address class="rodape">
© Biblioteca ABC
</address>
</div>
</body>
</html>Ok, os arquivos estão criados!
Agora vamos criar o arquivo principal do nosso sistema. Este arquivo terá um formulário de login, porém ele fará include do cabeçalho e do rodapé.
Salve o arquivo abaixo na raiz de onde ficará a sua aplicação, ou seja, em um diretório acima do sub-diretório includes.
index.pt
<?= pse.include("cabecalho.pt") ?>
<form id="frm-login" method="post" action="">
<fieldset>
<legend>Logar no Sistema</legend>
<label>E-mail: <input type="text" id="email" name="email" /></label>
<label>Senha: <input type="password" id="senha" name="senha" /></label>
<input type="submit" id="entrar" name="entrar" value="Entrar" class="botao" />
</fieldset>
</form>
<?= pse.include("rodape.pt") ?>
Perceberam o quanto é simples?
Toda página PSE possui um objeto chamado pse que contém vários métodos e objetos e no exemplo acima utilizamos o método include. Mais para frente mostrarei outras funcionalidades do objeto pse.
O método include recebe como parâmetro o nome do arquivo que iremos incluir. O PSE procura este arquivo nos diretórios que configuramos no arquivo pse.conf.
Para não prolongar muito, explicarei como trabalhar com formulários utilizando PSE no próximo post.
Prometo não demorar muito para postar o próximo post da série e aproveito para pedir o feedback de vocês em relação à esta série.
