Criando uma página de Recados com acesso restrito – ( Facebook )

1 - Comece criando o banco de dados ( comece dando o nome que facilite vc reconhece-lo ex. adrianoface este nome não poderá conter espaços e nem acentos )

2 - Neste banco de dados crie duas tabelas, uma de DadosPessoais, com os campos Nome, Email, idade, Sexo, Cidade, Estado e Senha, já a de Recados, deverá conter De, Para e Recado.

Tabela DadosPessoais

Recados

3 - Depois crie as pastas referentes a este projeto, dentro do C:\Arquivos de Programas\EasyPHP1-8\www, onde serão criadas as pastas com seu nome e dentro dela uma IMG e ADM

4 - Abra o Dreamweaver e Configure as pastas através do menu Site – New Site

Coloque sua pasta no guia Local Root Folder

Já no guia Testing Server configure da seguinte forma

5 - Após configurar esta parte pressione CTRL U para definir as extensões padrões pelas quais irá trabalhar

6 - Logo após isso, pegue uma nova página pressionando Control + N

7 - Salve com o nome de Index

8 - Vamos configurar o banco de dados agora através do menu Window - Data Base e clique no sinal de mais do guia para criar uma nova conexão

Após clicar em Mysql Connection o deixe da seguinte forma

Connection Name: nome da conexão desejada neste caso – conexão

Mysql Server: qual será seu servidor, neste caso sua própria máquina – Localhost

Username: Administrador do banco de dados - root

Password: senha do banco de dados – pass

Database: o Banco de dados ao qual iremos trabalhar, neste caso o seu

9 - Logo após isso vamos criar o index de nosso site

Para isso criaremos uma pagina com um layout parecido com o do facebook

Começaremos criando uma tabela com 2 linhas e duas colunas, sem bordas e espaçamentos e com o tamanho em 100%

Coloriremos a parte superior de azul e na coluna superior direita criaremos a tela de login.

Comece criando o guia formulário e dentro dele uma tabela com duas colunas e três linhas

E faça como o modelo abaixo

Lembre-se de nomear os campos email e senha com seus respectivos nomes

10 - Na linha abaixo iremos fazer o formulário de cadastro, porém para isso utilizaremos o guia Application ( data no CS3 ), neste guia escola Record Insert Form Wizard.

11 - Ao pegar este guia que é o responsável pelo cadastro o deixe da seguinte forma

Onde o Id deverá ficar como Hidden Field

12 - Após isso clique em ok e observe que sua página de cadastro já esta pronta

13 - Agora você poderá formata-la como bem desejar

14 - Para evitar cadastros duplicados clique no botão Insert Record ou Cadastrar e no guia user autentication escolha Check New Username

Nesta guia a deixe da seguinte forma

Isto significa que caso o email já exista ele ficará na página de cadastro.

15 - Logo após isso vamos criar o acesso a página restrita

Para isso clique no botão entrar localizado na parte superior , logo após isso ainda no guia application clique no guia user autentication e escola login in user

A configure como a tela abaixo:

Onde o mais importante é mostrar para qual página ir caso o login for efetuado com sucesso e para qual ir caso esteja errado

Repare que se der certo mandarei para a página restrito.php caso der errado ele permanecerá na página index.php a qual esta o cadastro.

16 - Logo após isso, pressione CTRL N para criarmos a página Restrito onde deixaremos os recados

17 - Nesta página começaremos fazendo o Record Insert Form Wizard para a tabela recados

Deixe a tela conforme abaixo

Veja como ficou

18 - Vamos agora criar uma forma de melhorar a forma de Cadastrar.

Primeiro Passo

Precisamos restringir o acesso a esta página permitindo assim que somente quem esta cadastrado possa deixar recados, para isso no guia Autentication escola Restrict acess top age e a configure assim

Isso que dizer que caso a pessoa tente entrar sem logar ela será direcionada a pagina index.php

Logo após isso vamos criar um recordset para registrar meus dados

Para isso clique no guia Bindings ao lado do guia DataBase e clique no sinal de + e logo em seguida em recordset

E o configure como a tela abaixo

Nesta tela simplesmente digo que o login será feito pelo email.

Lembrando q este recordset será para mostrar os meus dados , portanto agora criarei outro para me mostrar os outros cadastros, cadastros estes para os quais enviarei o recado

Repare que neste caso não utilizei o filtro e sim somente o Sort que se trata da Organização dos dados

19 - Vamos agora reconfigurar a tela de cadastro permitindo assim ficar mais fácil o cadastro

Primeiro passo mude o campo DE para Hidden Field clicando nele com o botão direito e Edit tag

Na barra de propriedades, no guia value clique no sinal de raio e escolha oque vc deseja que ele armazene, neste caso o seu nome q esta presente no recordset verdadospessoais

20 - Agora vamos deletar o Campo para e cria-lo de uma forma diferente.

21 - Após deleta-lo clique no guia form e escolha list/menu

Neste guia nomeie ele na barra de propriedades como nome de para e no guia list/menu clique no guia Dynamics

Neste guia farei com que ele pegue os nomes de quem está cadastrado no sistema

Veja como ele foi configurado

Options From Recordset: Escolhi o recordset criado anteriormente para mostrar todos os outros cadastros

E no guia value assim como labels escolhi o campo q eu quero q mostre e oq será cadastrado

Neste caso o campo nome

Ao clicar em Ok através do guia Bindings arraste o campo nome do recordset verdadospessoais para a frente de De:

Sua tela deverá ter ficado conforme a abaixo

O que nos falta agora é visualizar os recados, para isso vamos criar um recordset para a tabela recados

Repare que este recordset foi criado sem filtros e coloque o ID de forma decrescente, desta forma sempre visualizarei o último recado deixado

Logo abaixo agora cria uma tabela que mostre os dados, e arraste os campos para a frente de cada item

Veja como ficou abaixo

Selecione agora a tabela criada e vamos criar o Repeat Region ( através do guia Server Beharviours ) para que mostre todos os recados

Neste guia escolha qual Recordset você quer que Repita

22 - Criando o botão Excluir Recado

Insira uma linha abaixo do campo recado

E Crie um Formulário com o botão Excluir, além do botão excluir crie um campo Hidden Field, com o nome de código e faça com que ele pegue o Id do Recado clicando no raiozinho

Logo após clique no botão excluir e acione o guia application a opção Delete Record e a configure conforme a tela abaixo

Logo após finalizar veja como ficou

24 - Salve todos os documentos, clicando no menu File - Save All

25 - Logo em seguida abra o Index.php

Pressione F12, efetue 4 cadastros e faça o teste de envio de recados