Você está na página 1de 11

5 de outubro

Tutorial PHP

2011
Sistema de Mural de Recados

Tutorial que mostra passo a passo como criar um sistema simples com funcionalidades bsicas como validao e cadastro de usurios e interao com banco de dados.

Murilo Oliveira Ariston

Tutorial PHP: Mural de Recados


O objetivo do tutorial auxiliar o leitor na criao de sistemas simples que faa conexo com banco de dados. Vamos desenvolver nosso projeto seguindo os seguintes passos: 1. 2. 3. 4. 5. 6. 7. Definir a necessidade do sistema. Definir as tabelas necessrias para o banco de dados. Criar o banco de dados. Criar uma pgina de funes genricas (conexo com banco). Criar as pginas de interao com o banco (inserir, alterar, visualizar, excluir). Analisar todo o projeto em busca de possveis erros e melhorias. Teste Final (no decorrer do desenvolvimento sero feitos vrios testes).

Passo 1: Definir a necessidade do sistema.


Nosso projeto vai ser voltado para a criao de um sistema de mural de recados. A utilidade do nosso sistema ser escrever recados em um mural, mas para escrever nesse mural, o usurio dever primeiramente efetuar um cadastro do seu perfil.
Obs.: O sistema que ser desenvolvido ir conter as funes bsicas de manipulao de dados e poucas interaes. Mas nada impede que o leitor desenvolva algo mais complexo.

Passo 2: Definir as tabelas necessrias para o banco de dados.


Utilizando um sistema de modelagem de banco de dados iremos desenvolver a estrutura do sistema de mural de recados. Se voc no tem nenhum sistema de modelagem (DBDesigner e MySQL Workbench so os mais conhecidos), podemos criar diretamente depois de definidas as tabelas necessrais. Pecisaremos das seguintes tabelas:

Imagem exportada do Workbench 5.2 CE. Obs.: Na imagem anterior os campos com uma chave so as PRIMARY KEYS, os campos com um losango azul so campos com a restrio NOT NULL e os losangos brancos so campos sem restrio.

Passo 3: Criar o banco de dados.


Nesse passo vamos criar uma pgina que execute o script para a criao do banco de dados. De acordo a imagem acima podemos elaborar o script de criao das tabelas. O script ficar assim:

Esse script vai ser utilizado no passo 4.3.

Passo 4: Criar uma pgina de funes genricas.


A partir de agora vamos utilizar uma ferramenta de desenvolvimento de sistemas. Nesse projeto utilizaremos o Adobe Dreamwaver CS5. A pgina de funes genricas ir conter mtodos como abrir e fechar uma conexo com o banco, funes de formatao de datas, validao de CPF, verificao de usurios.

Passo 4.1: Funo para conexo.


Vamos comear criando uma nova pgina e salvando como funes.php. O contedo da funo conexo segue abaixo:

Passo 4.2: Funes utilitrias.


Na pgina funcoes.php acrescente as funes abaixo:

Passo 4.3: Pgina extra - Script de criao do banco de dados do sistema.


Agora que temos a pgina de funes de manipulao do banco de dados podemos criar a pgina com o script do Passo 3. Vamos criar a pgina script.php com o contedo abaixo:

Depois de criada a pgina script.php j pode ser executada. Podemos colocar uma mensagem logo aps o cdigo PHP para nos informar que o script foi executado, mas no necessrio, o importante que no seu banco de dados as tabelas devem estar criadas aps a execuo do script.
Obs.: Lembre-se de que para uma pgina PHP ser executada o servidor apache dever estar corretamente instalado, e seu projeto deve ser executado do diretrio www/ do seu servidor.

Passo 5: Criar as pginas de interao com o banco


Passo 5.1: Verificao e cadastro de usurios.
Nesse passo vamos desenvolver a pgina de login, caso o usurio no possua um cadastro o sistema ir solicitar ao usurio que fornea seus dados para a insero no banco. Pgina login.php:

Pgina verifica.php:

Pgina cadastro.php:

Pgina cadastro_passo2.php:

Passo 5.2: Insero no mural e visualizao.


Nesse passo vamos criar as pginas de manipulao do mural, onde teremos a visualizao, insero, alterao e excluso. Pgina mural.php:

Nessa pgina o usurio logado no sistema poder postar um novo recado e tambm visualizar os recados j postados e ordenados pela ultima insero, poder excluir, atualizar ou ocultar os recados que postou atravs da pgina manipulacao.php.

Pgina inserir.php:

Passo 5.3: Alterao dos recados do mural.


Agora criaremos a pgina de alterao dos recados do mural. Pgina manipulacao.php: (contem a condio de excluir e ocultar e redireciona na condio de atualizao).

Pgina de atualizao do recado, update.php:

Pgina update_passo2.php:

Passo 6: Analisar todo o projeto em busca de possveis erros e melhorias.


Agora que terminamos o nosso projeto podemos analisar o cdigo novamente em busca de possveis erros ou melhorias. Nesse passo temos alguns objetivos que sero somente comentados, como a aplicao de CSS. Objetivos:
Crie um arquivo CSS para aplicar ao projeto. Crie uma pgina ndex.php e acrescente novos recursos ao sistema. Crie uma pgina para mostrar os recados ocultos do usurio. Na pgina mural.php acrescente a data do recado abaixo de cada recado, de preferncia em uma div.

Passo 7: Teste Final.


Provavelmente nesse passo do projeto o sistema j estar devidamente testado e funcionando, mas no custa testar todas as funcionalidades, inclusive as que no esto no projeto apresentado e foram includas por conta prpria. Finalizado o projeto.