criando uma página de recados com acesso restrito ... de acesso restrito.pdf · criando uma...
Post on 15-Nov-2018
219 Views
Preview:
TRANSCRIPT
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
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
top related