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 em baixo  Mensagem [Página 1 de 1]

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

marche

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

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

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

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

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

Expandir esta imagem Ver em tamanho real

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:

Expandir esta imagem Ver em tamanho real

Seu página agora esta assim:

Expandir esta imagem Ver em tamanho real

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

Deixe sua Página assim:

Expandir esta imagem Ver em tamanho real

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:

Expandir esta imagem Ver em tamanho real

Preencha a próxima janela da seguinte forma:

Expandir esta imagem Ver em tamanho real

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


Expandir esta imagem Ver em tamanho real



Créditos: Plug Masters - Humberto Rodrigues

Ver perfil do usuário

#2 Re: Sistema de Cadastro no DreamWeaver - em Sab 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:

Ver perfil do usuário

#3 Re: Sistema de Cadastro no DreamWeaver - em Sab 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.

Ver perfil do usuário

#4 Re: Sistema de Cadastro no DreamWeaver - em Sab 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?

Ver perfil do usuário

#5 Re: Sistema de Cadastro no DreamWeaver - em Sab 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

Ver perfil do usuário

#6 Re: Sistema de Cadastro no DreamWeaver - em Sab 26 Fev 2011 - 16:45

DJPRMF

Administrador
avatar
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


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

#7 Re: Sistema de Cadastro no DreamWeaver - em Sab 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 perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum




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