Aprenda como ligar um FORMULÁRIO com BANCO DE DADOS #01

o Olá pessoal não sabonete que sejam muito bem-vindos a mais uma aula aqui nesse canal e hoje vou ensinar para vocês como salvar os dados do nosso formulário em um banco de dados e essa é a hora que você se pergunta tá Gustavo mais tudo óssea na fazer esse formulário muito bem formula gente vai fazer com HTML CSS e alguns vídeos anteriores então vou deixar o Card aqui em cima e vou deixar o link na descrição pra vocês também então pra gente conseguir salvar os dados de um formulário em um banco de dados peixe que comeu o primeiro nós temos que criaram nosso banco de dados Então vamos lá beleza já estar ter aqui o meu Champion mais que ele e o Apache esse aqui é o nosso formulário Vejam Só que bacana que os efeitos nos impulsos leibols aqui e para crianças balizadas eu estou utilizando o ar quente então vou clicar nesse botão eu vou vir aqui em vou dar o nome de formulário Gustavo formulário e sim Gustavo vou escolher que o chefe o chefe 8mb quatro e aqui unicold sair show de bola vou mandar aplicar mandei aplicar jogar aparecer aqui o lado vamos achar aqui ao formular o Gustavo muito bem agora sim o nosso bordados já está criado com sucesso já vou aproveitar vou criar nossa primeira tabela então o seu clicar nesse botãozinho aqui ó great new table já vou para uma tabela clicamos aqui vou dar uma tabela pode ser de usuários muito bem eu vou clicar aqui em pecado ele já vai dar o Eyed Então se vou renomear aqui para aí de vai ser a Primark lote no e Auto incremento beleza Quais são os campos é nome e-mail telefone Vamos por partes então nome pode ser baixado 45 note no ó eu vou dar um e-mail Beleza e-mail tem que ser maior né então eu vou dar sei lá vai Charlie 110/110 caracteres pode ser note no também coloca o outro aqui é telefone então telefone então ter o fone beleza Como assim eu vou deixar baixar sei lá de 15 tá pode ser assim mesmo baixar de 15 not1 que mais sexo então sexo sexo posso deixar a marchar de sei lá 15 também e nós no aqui o próximo é data de nascimento Beleza então data underline mas pode ser assim mesmo vou deixar um dente né então deixe está aqui cadê cadê cadê cadê date not no qual que é o próximo vamos ali por parte né então cidade-estado endereço beleza Cidade Pode deixar vai achar 45 note no estado estado. no também e endereço beleza endereço vou deixar 45 também e note no Beleza Nossa tabela na estrutura da tabela já está criada vou mandar aplicar apliquei Beleza agora se eu vi aqui um toque Nossa tabela já foi criada com as estruturas que nós acabamos de definir e deu o surgimento de pessoal eu coloquei esse nosso documento do formulário. HTML dentro a pastinha gato e Docs lá do xampp mas se você está utilizando o Amp lambe assim por diante vai funcionar da mesma maneira então agora vamos ficar um arquivo config ponto pega App para fazer conexão com o nosso banco de dados Então vou criar o arquivo aqui nós vamos utilizar pega a pena então confie.

PHP vou criar uma estrutura básica PHP dessa maneira aqui e agora sim eu só precisei quatro variáveis para fazer essa conexão então a primeira variável é BB host cobre meu rosto eu sei que como está aqui na colocar o mesmo é local host beleza Qual que é o meu user Name Tom data-base user name por padrão é root Beleza então Ruth dessa maneira eu não tenho nenhuma senha mas o cravar no mesmo Sim entender peço o Word vou deixar uma vazio só que se você ter alguma senha você deve colocar aqui nessa variável beleza é um alerta bem é e qual que é o nome do meu banco de dados então data-base name é o banco da situação Vamos criar que se chama formulário e vim Gustavo formulário e Gustavo e dessa maneira aqui então nós a criamos as quatro variáveis e vamos definitivamente criar nossa variável de conexão então vou para uma variável aqui ó conexão bem simples e vamos fazer do formato orientado objeto Beleza então vai ser um mil mas Kelly mais essa que ela e dessa maneira e agora é só seguir a ordem dessas quatro variáveis então o primeiro aqui ó BB host vão dar o control c control V para agilizar o nosso tempo o próximo aqui é de bebê e usar name beleza, o nosso peço Word Nossa ceia aqui depois da variável da nossa, irmãos colocar por último o do nosso blog lados e simplesmente dessa maneira a nossa conexão já está efetuada com sucesso mas Gustavo como é que tu tem certeza que a conexão foi efetuada com sucesso eu posso tô colocando aqui um with a nossa variável conexão e agora conecte e rrn o então se tiver algum erro ele vai dar um Eco Tom Eco erro beleza erro com dois erres e só com o ponto e, E caso contrário se não tiver nenhum erro então vou colocar um elsie conexão efetuada com sucesso tão conexão conexão efetuada com sucesso beleza e já podemos testar isso aqui então eu vou salvar Voltamos ao nosso formulário vou duplicar seu URL aqui beleza e agora investe formulário vai ser config e não é mais. HTML é. PHP e Olhem só a mensagem conexão efetuada com sucesso mas agora se eu vier aqui ó e mudar o nome eu tchau é real formulário não é isso que tem que dar erro então atualizei ele só vê o erro ele não achou Database aqui formulário Então vamos e aqui o nosso R assim dessa maneira vai dar conexão efetuada com sucesso então dessa maneira eu sei que deu tudo certo então feito isso eu posso fechar esse arquivo vamos aqui e vou comentar esse nosso Infiel se e já vou adiantando para vocês é sempre muito interessante a gente fazer suas configurações e fiel se para ver se realmente deu certo conexão pois às vezes a gente tá quebrando a cabeça no código lá e na verdade era conexão que não tinha dado certo beleza então isso aqui é muito importante Vou salvar esse arquivo e vamos partir para o nosso formulário.

HTML eu vou começar aqui renomeando para. bh pena mas ponto HTML beleza e vamos lidar primeiramente aqui no nosso formulário então vejo que eu já Criei um formulário aqui na anterior Beleza vou deixar o link na descrição para vocês esse formulário e já também coloquei para todos os implantes os seus respectivos nomes então para o nome tem um nome nome para o e-mail tem o nome e-mail por telefone tem um nome telefone e assim por diante e também aqui embaixo nós já deu o boot Type submit com o nome submit Beleza então eu vou definir qual que é ético neste formulário eu quero que eu quero que ele envie as informações para esse documento que mesmo que se chama formulário. PHP e o método eu vou colocar aqui é post beleza E agora como é que eu faço para verificar se esse formulário foi Sublime tado como é que eu faço isso eu vou criar aqui em cima Antes desse doc tá pronto HTML uma estrutura básica aqui pega a pena né E vou colocar um if para verificar se o nosso formulário foi submetido Então pensa aqui comigo lógica se eu clicar no botão vai existir uma variável submit Então vou colocar aqui ó e sete beleza post tão underline post se existe essa esse nossa variável submit aqui Faltou um t-rex 7 Beleza então se existir a nossa variável sabonete ele vai salvar o nosso banco de dados todas as informações então para isso eu vou verificar primeiro um o Draqui ó print R mesmo eu vou verificar se ele está recebendo todos os parâmetros corretamente então nós temos um input aqui ó com name nome beleza aqui embaixo nem nome aqui outro nem meio e outro telefone Então o que é para esses três primeiro tem um ponto e, vou duplicar duplicar novamente e agora vai ser e-mail e o por último aqui o telefone beleza telefone Vamos tentar Vejam Só se eu vir aqui colocar um homem Gustavo vou colocar um e-mail aqui ó Gustavo@gmail.

com e colocar um telefone um dois três quatro cinco seis vou mandar enviar vejo um Sobe aqui outro aqui ó a tem que ser ensinar tudo né por estar requerido Então vamos selecionar cidade tal estado tal e endereço tal beleza mandar enviar véio só objeto não encontrado o que que eu fiz errado formulário. Pega apesar que eu vou pegar at errada formulário ponto e pega a p Eu acho que já sei o que que é pessoal aqui nós colocamos. Fml no início Mas agora nós acabamos indo lá para o PHP agora assim vai dar certo então vou colocar o nome Gustavo o e-mail aqui ó Gustavo@gmail.

com então Gustavo@gmail. com qual o telefone dois três quatro cinco seis Beleza o sexo masculino ou Para qualquer data cidade tal endereço antes da do tal e agora as endereço tal mandar enviar Vejam Só que veio o nosso nome o nosso e-mail e o nosso telefone conforme nós colocamos aqui em cima no nosso pentear velho só nome e-mail telefone só vejo aqui ficou tudo junto então para deixar mais bonitinho eu vou colocar um print R aqui passando uma tag BR para que para quebrar uma linha então aqui entre aspas simples pode ser mesmo BR Beleza vou dar um contra você e aqui entre o e-mail telefone ou colocar também beleza show de bola Vou atualizar página confirmar Nossa submissão do formulário Tá vendo só agora assim que bolinha e ficou mais fácil de visualizar até posso fazer dessa maneira aqui ó então aqui nome beleza e um pontinho para concatenar né Então dessa maneira posso fazer umas procedimento por e-mail então e-mail os dois pontos espaço ponte para concatenar e por último aqui o telefone isso aqui é muito bom que a gente consegue visualizar melhor então telefone: espaço motivo pouco a treinar atualizei a página confirmar continuar e Vejam Só que agora sim ficou bem bom de visualizar cada informação e agora vai fazer esse mesmo procedimento por sexo para fazer Nascimento para a cidade e para o estado e para o endereço já volto aqui com vocês beleza finalizei aqui a veja só que eu coloquei aqui ó o sexo a data Nascimento a cidade o estado e preço Beleza vou atualizar a página continuar e Vejam só que não deu certo alguma coisa Ainda indefinido aqui por sexo mas vez que a data Nascimento veio certinha a cidade e tal estado tal endereço tal veio tudo certo só o sexo aqui que não é vamos ver o que aconteceu já sei pessoal aqui ó coloquei sexo mas na verdade o nome lá Do Sexo tá gênero Beleza então tá aí o furo da bala vamos voltar lá para cima é vezes sexo é gênero E aí Vou atualizar agora sim ver tudo corretamente show de bola feito isso eu já sei e todas as informações estão chegando perfeitamente aqui nesses prints R então agora basta eu mandar salvar isso aqui no banco de dados e agora então podemos passar todos esses parâmetros para as suas variáveis então o que que eu vou fazer eu vou vir aqui vou comentar todos esse nossos prints e vou e copiando então para o nosso nome eu vou jogar por uma variável o nome Beleza então aqui um nome é igual aquilo lá agora é só repetir esse mesmo procedimento então aqui por e-mail vou copiar vou criar uma variável e-mail e-mail igual a estou aqui o nosso telefone beleza o Olá é um processo meio chatinho mas que no final vai valer a pena Com certeza então o telefone aqui; agora por gênero não é que é meio chatinha bem repetitivo né então sexo na verdade vai ser o gênero beleza temos a nossa a data de nascimento também muito bem então vou hackear data underline nasce beleza nosso pote o nosso variável posto aqui ó nós pagamos de imposto já tá Nascimento a nossa cidade nosso estado e o nosso endereço tá quase terminando então cidade é igual a isto aqui o nosso estado ele tá até me enrolei aqui você faz parte dessa só Nem tudo é perfeito então estado é igual a isso aqui e por último o nosso endereço Beleza então é igual ao nosso endereço beleza Eita que o último vai dar problema não não vai não beleza agora sim está tudo correto agora o próximo passo eu vou a conexão através do inclusion se vai incluir que esse nosso cantinho aqui a config. py HP Beleza então inclusion se bem simples dessa maneira e o nome do nosso arquivo que é config.

Pega P dessa maneira nós já excluirmos a nossa conexão agora passa fazer aqui nossa Carrie the insert então eu posso gravar variável aqui ó result beleza mais que ele Keri Beleza então mais Kelly Perry cadê cadê cadê e quer acreditar tá louco não vem pronto agora qual que é a variável de conexão é aqui no arquivo config. php essa nossa variável aqui ó conexão Beleza então conexão eu vou colocar aqui em conexão show de bolas com a mais e agora basta fazer Nossa colher de insert então insert into vamos inserir Nossa tabela usuários beleza e quais são os campos Oscar em ordem Ó é nome e-mail telefone é sexo é data na eu vi lá no banco de dados como é que é data nasc Beleza então data underline na Sic agora o próximo é cidade depois estado e por último endereço beleza e quais são os valores então velos os valores é simplesmente basta passar essas nossas variáveis então entre parênteses eu vou passar cada uma dessas variáveis aqui em ordem então tem o nome Beleza tem o e-mail, e-mail, Qual que é o próximo é telefone show de igual a telefone aqui, o próximo é sexo show de bola Vamos lá de novo, próximo a data Nascimento são data Nascimento Vamos colocar lá beleza até vou dar um jeito aqui nesse elas para a gente conseguir visualizar um pouco melhor depois de data nasc é cidade Vamos colocar se dali e depois é estado e endereço é muito bem eu vou colocar um ponto e, no final e agora podemos testar isso aqui pessoal então Até já vou recapitular se a gente testar nós temos aqui o nosso formulário Collection formaram. PHP com o método post então quando eu clicar aqui nesse input type submit ele vai criar uma variável submit aqui como submit e aqui nós pega P ele está verificando se existe uma variável seu limite então quando clicar lá em enviar vai existir essas o limite ele vai incluir aqui o nosso arquivo de config.

É aplique nossas configurações aqui do banco de dados e jogou o cada parâmetro para só isso que ele tinha variável e vai executar aqui ó o nosso mais que ele quer ver com o nosso insert into passando essas variáveis para seus devidos Campos Então vamos lá nosso formulário aqui Vou atualizar continuar eu reenviei aqui os as nossas os nossos dados então usar o nosso banco de dados eu vou dar um select na tabela usuários Vejam Só que não eu vou colocar os parentes então Gustavo o e-mail Gustavo@Gmail. Com ponto com um telefone um dois três quatro cinco seis sete oito um sexo é masculino Vamos colocar melhor do Nascimento aqui as 7 de Maio 221 de 2021 aí tá tendo enrolei a 2002 né então é perdi pensa que nível o cara chega Tem que rir para não chorar então Maio 2002 dia sete de Maio 2002 Agora sim cidade Carazinho estado vou colocar RS mesmo endereço tal beleza mandei enviar Vejam Só que ele enviou aqui os dados formulário vou novamente fazer esse select Nossa tabela usuários clique no botão Zinho ainda deu um erro veio um só vamos ver por quê que isso aconteceu pessoal Descobriu o problema depois eu quebrei a cabeça que eu fui lembrar que o precisava das "simples aqui entre as variáveis beleza pois são textos né beleza agora sim seu atualiza a cancelar e jogar novamente os dados aqui então Gustavo colocar cabelão Gustavo@gmail. com telefone assunto a cinco seis sete um carro sexo aqui a masculino data de nascimento qualquer cidade vocês ver o estado rs e endereço tal vou mandar enviar bom olhar lá nosso banco de dados então vou fazer um select na nossa tabela usuários Vejam Só veio só veio perfeitamente todos os dados a TV aqui pode três pois os outros dois primeiros eu estava testando eu vejo que é ter a data veio perfeitamente aqui conforme o seu dente Beleza então veio exatamente o novo coloquei o e-mail telefone o sexo a data as idades e o estado rs e endereço tal vamos fazer mais um teste vou colocar mais um registro Aqui ó pode ser agora Amanda [Música] Amanda@gmail.

com telefone qualquer um telefone aqui sexo feminino com qual é a data a cidade se lá pô aqui a Porto Alegre aqui Estado RS endereço tal e tal beleza mandei enviar ou fazer um select novamente aqui na nossa tabela melhor só que já veio aqui Amanda com o próximo a dica é quatro né ela manda@gmail.