Você está na página 1de 3

Desenvolvimento Web

Roteiro: templates com PHP


Diogo Novais

Roteiro prático
Templates com PHP

Observações:

• Evite copiar e colar os exemplos, digitar ajudará a entender e se familiarizar com o PHP
• Após executar os exemplos, pode ser muito útil clicar com o botão direito no navegador e pedir para
visualizar o código fonte.
• O site oficial do PHP, https://www.php.net/ tem documentação com exemplos de todas as funções do
PHP padrão. Basta digitar o nome da função no campo de busca do lado direito da página para visualizar.

1. Como incluir arquivos com o PHP:

Muitos sistemas Web tem seu conteúdo repetido em várias páginas, geralmente alternando apenas o
conteúdo central, ou opções que estão disponíveis para diferentes níveis de usuário. Uma solução
que o PHP proporciona é criar pequenos arquivos separados e um arquivo completo que inclui os
arquivos menores. Segue um exemplo de página que utiliza inclusão de arquivos para inserir o menu
e o rodapé em arquivos separados. O exemplo consiste em 5 arquivos:

• index.php:estrutura da página
• bootstrap.php: importação do Bootstrap
• menu.php: menu da página
• rodape.php: rodapé
• exercicio.php: uma página completa que mostra a transição de páginas

Para incluir arquivos no PHP, pode ser utilizada a função include, que inclui o arquivo passado como
parâmetro na posição em que a função é chamada. Do ponto de vista prático, o efeito é o mesmo de
copiar e colar o conteúdo do arquivo importado na posição.

O arquivo index.php é a página inicial e nela são importados arquivos menores que estão salvos em
um diretório com nome auxiliares.
1 < html >
2 <head >
3 < meta c h a r s e t = " u t f −8" >
4 <? php i n c l u d e ( " a u x i l i a r e s / b o o t s t r a p . php " ) ; ?>
5 </ head >
6 <body >
7 <div c l a s s =" jumbotron ">
8 <h1 > P á g i n a de exemplo < / h1 >
9 </ d i v >
10 < d i v c l a s s = " c o n t a i n e r row " >
11 < d i v c l a s s = " c o l −md−3" >
12 <? php i n c l u d e ( " a u x i l i a r e s / menu . php " ) ; ?>
13 </ d i v >
14 < d i v c l a s s = " c o l −md−9" >
15 <p>
16 C o n t e ú d o da p á g i n a 1
17 </ p>
18 </ d i v >
19 </ d i v >
20 <div c l a s s =" jumbotron ">

1
Desenvolvimento Web
Roteiro: templates com PHP
Diogo Novais

21 <? php i n c l u d e ( " a u x i l i a r e s / r o d a p e . php " ) ; ?>


22 </ d i v >
23 </ body >
24 </ html >

Listing 1: index.php

Os arquivos menu.php e rodape.php são arquivos bem simples, que tem apenas o código que viria
na posição em que foram importados. Não possuem a estrutura de uma página HTML completa.
1 <!−− A v e r t i c a l n a v b a r −−>
2 < nav c l a s s = " n a v b a r bg− l i g h t " >
3 <!−− L i n k s −−>
4 < u l c l a s s = " n a v b a r −nav " >
5 < l i c l a s s = " nav−i t e m " >
6 <a c l a s s = " nav−l i n k " h r e f = " i n d e x . php " > I n í c i o < / a >
7 </ l i >
8 < l i c l a s s = " nav−i t e m " >
9 <a c l a s s = " nav−l i n k " h r e f = " e x e r c i c i o . php " >
10 L i s t a s de e x e r c í c i o s
11 </ a >
12 </ l i >
13 < l i c l a s s = " nav−i t e m " >
14 <a c l a s s = " nav−l i n k " h r e f = " # " > L i n k 3 </ a >
15 </ l i >
16 </ u l >
17 </ nav >

Listing 2: menu.php

1 <p c l a s s = " t e x t −c e n t e r " >


2 Rodapé da p á g i n a c o n t e n d o i n f o r m a ç õ e s do s i t e
3 </ p>
4 <p c l a s s = " s m a l l t e x t −c e n t e r " >
5 I n f o r m a ç ã o de c o p y r i g h t
6 </ p>

Listing 3: rodape.php

Por fim, o arquivo exercicio.php mostra que para ser criada uma nova página, basta utilizar o mesmo
código da estrutura do index.php e modificar apenas o conteúdo. Observe que caso o menu seja
alterado, é necessário editar apenas o arquivo menu.php, que será importado em todas as páginas.
1 < html >
2 <head >
3 < meta c h a r s e t = " u t f −8" >
4 <? php i n c l u d e ( " a u x i l i a r e s / b o o t s t r a p . php " ) ; ?>
5 </ head >
6 <body >
7 <div c l a s s =" jumbotron ">
8 <h1 > P á g i n a de exemplo < / h1 >
9 </ d i v >
10 < d i v c l a s s = " c o n t a i n e r row " >
11 < d i v c l a s s = " c o l −md−3" >
12 <? php i n c l u d e ( " a u x i l i a r e s / menu . php " ) ; ?>
13 </ d i v >
14 < d i v c l a s s = " c o l −md−9" >

2
Desenvolvimento Web
Roteiro: templates com PHP
Diogo Novais

15 <p>
16 L i s t a s de e x e r c í c i o s
17 </ p>
18 </ d i v >
19 </ d i v >
20 <div c l a s s =" jumbotron ">
21 <? php i n c l u d e ( " a u x i l i a r e s / r o d a p e . php " ) ; ?>
22 </ d i v >
23 </ body >
24 </ html >

Listing 4: exercicio.php

2. Utilizando o include para alterar conteúdos dinamicamente:

Um link pode passar informações para o servidor, através de um vetor especial do PHP, o vetor
$_GET . Neste vetor, os índices são os nomes das variáveis que são passadas como link. Observe
o exemplo de uma página que diz o link que o usuário clicou para acessá-la. Nesta página, observe
que antes de acessar o vetor $_GET é feito um if chamando a função isset, que verifica se o usuário
clicou em algum link.
1 < html >
2 <head >
3 < meta c h a r s e t = " u t f −8" >
4 </ head >
5 <body >
6 <ul >
7 < l i ><a h r e f = " exemplo2 . php ? p=1 " > P á g i n a 1 </ a > </ l i >
8 < l i ><a h r e f = " exemplo2 . php ? p=2 " > P á g i n a 2 </ a > </ l i >
9 < l i ><a h r e f = " exemplo2 . php ? p=3 " > P á g i n a 3 </ a > </ l i >
10 </ u l >
11 <? php
12 i f ( i s s e t ( $_GET [ ’ p ’ ] ) ) {
13 e c h o ( $_GET [ ’ p ’ ] ) ;
14 }
15 ?>
16 </ body >
17 </ html >

Listing 5: exemplo2.php

Exercício

1. Tente modificar o exemplo 1, de modo que o link que representa a página que o usuário está vendo
fique em negrito. Para saber no PHP a página que o usuário está vendo, basta acessar a posição
SCRIPT_FILENAME do vetor $_SERV ER, como no exemplo abaixo:
1 <? php
2 $ p a g i n a = $_SERVER [ ’SCRIPT_FILENAME ’ ] ;
3 echo ( $pagina ) ;
4 ?>

Listing 6: exemplo3.php

2. Crie arquivos com o conteúdos para as páginas do exemplo 1. Combine com a estratégias de links
do exemplo 2 e o uso do include, para alterar o conteúdo incluído a depender do link acessado.

Você também pode gostar