Sistema de cadastro no Dreamweaver

Hoje vou mostrar a vocês como inserir um cadastro no banco de dados com o dreamweaver, sem programar nada! Conseqüentente, vocês verão como funciona o Manage Sites do Dreamweaver. Antes, é necessário que você tenha um servidor instalado no seu computador.

Você pode seguir o passo-a-passo da Matéria do Alfred Reinold de como instalar um servidor APACHE+PHP+MYSQL no seu computador, ou então, instalar o Vertrigo Server que instala tudo numa boa, sem problemas. Após instalado o servidor, inicie o Dreamweaver.

Clique em Site > New Site



Preencha a janela que abriu, clique na aba Advanced e preencha da seguinte forma:

Site name : O nome do site, você quem escolhe.


Local Root Folder: Local aonde ficarão salvo os arquivos, geralmente fica na pasta WWW do local aonde foi instalado o servidor.


Default images folder : Se você quiser, pode criar uma pasta aonde ficarão todas as imagens do site, essa pasta deve estar dentro do Local Root Folder.


Depois em Category (no canto esquerdo da janela) escolha Remote Info. Preencha da seguinte forma:

Access: Escolha Local/Network


Remote folder : Coloque o mesmo caminho que você colocou em Local Root Folder.


Depois em Category (no canto esquerdo da janela) escolha Testing Server.
Preencha como na imagem e aperte OK


Pronto, site configurado! Agoravamos criar a nossa página! Antes de começarmos a criar a página de cadastro, você deve primeiro criar um banco de dados e a tabela Cadastro que terá os campos:

Nome

Telefone

E-mail

Nick

Senha

Crie uma nova página PHP. Aperte CTRL+SHIFT+F10 para aparecer o Painel Databases:







Na janela seguinte preencha da seguinte forma, clique em Select e
selecione o banco de dados aonde você criou a tabela Cadastro e clique em OK


Pronto, criamos a nossa conexão com o Banco de Dados, agora vamos criar o nosso formulário:


Depois insira um FORM, como na imagem abaixo:


Depois insira uma tabela, para organizarmos melhor nosso formulário. Essa tabela deve ficar dentro do FORM que criamos:


Preencha a próxima janela da seguinte forma:


Seu página agora esta assim:


Na primeira coluna vamos colocar os textos, na segunda os campos.
No nosso formulário só teremos campos TextField


Deixe sua Página assim:


Lembre de mudar o nome de TODOS os textfields:


E no textfield senha, lembre-se de mudar a opção Type, veja imagem:


Pronto, nosso formulário esta pronto, basta configurá-lo para inserir os registros no banco de dados.
Clique na Aba Server Behaviors e faça como na imagem:


Preencha a próxima janela da seguinte forma:


Note que é importante que o nome dado ao Textfield seja igual ao nome dado ao campo da tabela no banco de dados, assim o Dreamweaver atribui cada textfield ao campo com o mesmo nome, o que facilita muito, ainda mais pra quem esta começando.

Pronto! nossa página de cadastro esta pronta, salve-a. Agora basta criarmos a página que confirma o cadastro, que é a página enviado.htm.

Basta você criar uma nova página e salvá-la com o nome enviado.htm, veja
como ficou meu sistema de cadastro:


Créditos: Humberto Rodrigues

Obrigado por compartilhar esse Otimo Tutorial.