1. TugaTech » Programação, Scripts e Webmasters » Tutoriais e Dicas
Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1Sistema de Cadastro no DreamWeaver Empty Sistema de Cadastro no DreamWeaver - Qua 29 Dez 2010 - 15:18

marche

Iniciante
marche
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

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Img1
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.


Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver C2

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.


Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver C3

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

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver C4
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:
Sistema de Cadastro no DreamWeaver Mysqlconnection
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

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Conficonec

Pronto, criamos a nossa conexão com o Banco de Dados, agora vamos criar o nosso formulário:
Sistema de Cadastro no DreamWeaver Img5
Depois insira um FORM, como na imagem abaixo:
Sistema de Cadastro no DreamWeaver Fomr
Depois insira uma tabela, para organizarmos melhor nosso formulário. Essa tabela deve ficar dentro do FORM que criamos:
Sistema de Cadastro no DreamWeaver Img7
Preencha a próxima janela da seguinte forma:

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Table

Seu página agora esta assim:

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Cestassim
Na primeira coluna vamos colocar os textos, na segunda os campos.
No nosso formulário só teremos campos TextField
Sistema de Cadastro no DreamWeaver Text
Deixe sua Página assim:

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Cdeixe
Lembre de mudar o nome de TODOS os textfields:
Sistema de Cadastro no DreamWeaver Cnome
E no textfield senha, lembre-se de mudar a opção Type, veja imagem:
Sistema de Cadastro no DreamWeaver Pass
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:

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Insert
Preencha a próxima janela da seguinte forma:

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Cinserindo
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:

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Ccadastro1

Expandir esta imagem Ver em tamanho real
Sistema de Cadastro no DreamWeaver Ccadastro2


Créditos: Plug Masters - Humberto Rodrigues

#2Sistema de Cadastro no DreamWeaver Empty Re: Sistema de Cadastro no DreamWeaver - Sáb 26 Fev 2011 - 1:37

NunoGarcia

Iniciante
Em vez de usar um servidor que fique no nosso pc, podemos usar um site com bd?

E já agora, que versão do Dremweaver você está a usar?

É que o Dremweaver CS5 é Totalmente diferente desse... x:
E tá a dificultar um pouco x:

#3Sistema de Cadastro no DreamWeaver Empty Re: Sistema de Cadastro no DreamWeaver - Sáb 26 Fev 2011 - 15:59

madeira.alex

Iniciante
NunoGarcia escreveu:Em vez de usar um servidor que fique no nosso pc, podemos usar um site com bd?

E já agora, que versão do Dremweaver você está a usar?

É que o Dremweaver CS5 é Totalmente diferente desse... x:
E tá a dificultar um pouco x:

É bom fazer primeiro no pc e então fazer upload dos ficheiros. MAs sim, é possível utilizar um servidor externo.

Eu não aconselho a utilização do dreamweaver, especialmente para quem está a começar. É limitar conhecimentos e andar às cegas, prova disso é o simples facto da versão ser diferente já ficam bloqueados.

#4Sistema de Cadastro no DreamWeaver Empty Re: Sistema de Cadastro no DreamWeaver - Sáb 26 Fev 2011 - 16:18

NunoGarcia

Iniciante
madeira.alex escreveu:
NunoGarcia escreveu:Em vez de usar um servidor que fique no nosso pc, podemos usar um site com bd?

E já agora, que versão do Dremweaver você está a usar?

É que o Dremweaver CS5 é Totalmente diferente desse... x:
E tá a dificultar um pouco x:

É bom fazer primeiro no pc e então fazer upload dos ficheiros. MAs sim, é possível utilizar um servidor externo.

Eu não aconselho a utilização do dreamweaver, especialmente para quem está a começar. É limitar conhecimentos e andar às cegas, prova disso é o simples facto da versão ser diferente já ficam bloqueados.


Então e que programa você aconselha para começar?

#5Sistema de Cadastro no DreamWeaver Empty Re: Sistema de Cadastro no DreamWeaver - Sáb 26 Fev 2011 - 16:37

madeira.alex

Iniciante
Um editor de texto simples melhor se tiver syntax hightling, coloca cores no código para uma mais fácil visualização.

Um dos melhores e aconselhados sempre para quem está a iniciar é o notepad++.

Podes saca-lo no baixaki.

No google ha muita coisa de como fazer formulários em html+php.

http://www.google.pt/search?sourceid=chrome&ie=UTF-8&q=login+html+php

Conectado

#6Sistema de Cadastro no DreamWeaver Empty Re: Sistema de Cadastro no DreamWeaver - Sáb 26 Fev 2011 - 16:45

DJPRMF

Administrador
DJPRMF
Boas,
Quanto ao editor, um que recomendo para começar é o Nvu: http://net2.com/nvu/
Simples e grátis. Smile

Quanto ao formulário, como já foi referido, existem muitos exemplos online... Smile

Cumps


____________________________________________

Sistema de Cadastro no DreamWeaver Tugatechuserbar
Sistema de Cadastro no DreamWeaver 3
Sistema de Cadastro no DreamWeaver 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#7Sistema de Cadastro no DreamWeaver Empty Re: Sistema de Cadastro no DreamWeaver - Sáb 5 Mar 2011 - 19:26

jjj333

Utilizador
Eu também uso o notpad++.

Não só é bom para aprender mas também para criar código rapidamente.

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos




Aplicações do TugaTechAplicações TugaTechDiscord do TugaTechDiscord do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech