Certo, pessoal, isso vai ser muito, muito divertido.
Vamos criar uma página de contato real onde os usuários podem enviar informações de contato e inserir uma
mensagem para que possam contatá-lo online.
Agora, se formos para o Guia de início rápido no Flask e vamos acessar os dados da solicitação, isso realmente mostra
como lidar com isso.
E bem aqui no objeto de solicitação está o código para obtermos informações do navegador.
Agora, há até coisas como upload de arquivos para que possamos fazer as pessoas carregar seus arquivos e realmente enviá-los
para nosso servidor.
Mas, por enquanto, vamos nos concentrar nisso.
Quero copiar o código primeiro e depois falaremos sobre o que está acontecendo.
Vamos ao nosso servidor, DCPI, temos nossas raízes básicas bem aqui e vamos adicionar outra.
Assim.
Agora, a única coisa que me interessa agora é.
Essa parte bem aqui, quero criar uma nova rota que vou nomear por agora enviar formulário, e isso é algo que realmente
terei que criar.
Vai ter a postagem do Método e obter e de novo, este é apenas o get padrão significa que o navegador deseja
que enviemos informações. A postagem significa simplesmente que o navegador deseja que salvemos as informações, mas não vamos nos preocupar com
isso por enquanto.
Também queremos definir uma função chamada enviar formulário.
E finalmente.
Quero apenas voltar por agora um formulário submetido a mensagem dela.
Então esse é o nosso endpoint de envio de formulário.
Mas ele não está fazendo nada agora, nunca chamaremos isso no front end do navegador.
Então, como podemos fazer isso funcionar?
Bem, vamos ao e-mail de contato e descubramos quando clicamos no botão o que acontece.
E, na verdade, vamos apenas procurá-lo, se eu for para a página de título, você verá que temos o botão enviar.
Então, quando clicamos em enviar, idealmente enviamos algumas informações para o servidor.
Então vamos comandar F e procurar o send.
E olhe para isso, parece que está bem aqui, vamos fazer isso um pouco.
Maior assim, então vemos o que está acontecendo.
Vemos que temos um botão do tipo enviar e este é o botão que clicamos para enviar.
Então, está na linha setenta e quatro.
Agora, aqui em cima, vemos que temos algo chamado forma.
E com a forma, temos uma ação que podemos realizar, este é o HMO padrão.
Quando o HMO foi criado, a ideia era exibir páginas, mas também por meio deste formulário, poder enviar dados para
o servidor.
E fazemos isso usando este atributo de ação.
E aqui podemos colocar post ou get.
E se você se lembra, é exatamente o que temos aqui.
Este endpoint será capaz de aceitar métodos, sejam eles get ou post.
Agora, não precisamos entrar em detalhes sobre o que get versus posties, mas uma boa maneira de pensar sobre
isso é que podemos enviar dados com get simplesmente anexando as informações ao URL.
Aqui, mas idealmente, não queremos enviar e-mails e mensagens de pessoas em euros.
Idealmente, queremos enviá-lo para algum órgão tributário que não seja tão claro e óbvio.
Então, no nosso caso, vamos usar o post e vou mostrar como isso funciona.
Então, vamos ter uma ação aqui que é post.
Agora, a maneira como isso realmente funciona é que teremos que chamar o formulário de envio, que, a propósito,
é o nosso ponto final, para que com o formulário quando eu clicar.
Envie aqui, ele vai executar isso, você basicamente enviará o formulário com um método.
Essa é a postagem.
Portanto, o formulário de envio de ação será postado quando eu clicar em enviar.
Vamos salvar isso e verificar se funciona, então direi enviar formulário aqui, vou salvar
e, por enquanto, só vou devolver o formulário enviado.
Se voltarmos e escrevermos alguns rabiscos.
Vamos atualizar, certifique-se de que é novo se eu clicar em enviar.
Olha só, eu recebo o formulário, certo, e você vê que o ponto final aqui é enviar o formulário.
Essa foi a ação que adicionamos no Alpha.
Novamente, se voltarmos, abra as ferramentas do desenvolvedor.
Vá para a rede aqui.
Vamos diminuir um pouco mais se eu clicar em enviar.
Olha isso na minha rede, você vê que temos o formulário simit, se eu clicar nele, recebo a resposta que
é o formulário enviado.
E se eu for para os cabeçalhos, você verá que fiz um método de postagem porque foi o que eu disse.
Vou ser eu enviando dados para o servidor.
Você verá que o tipo de conteúdo é o aplicativo X, forme seu URL e codifique-o.
Este é apenas um tipo de dados padrão que podemos enviar.
Quando usamos.
A tag form em HTML, mas não precisamos nos preocupar com isso porque agora temos acesso aos dados.
Que o usuário enviou.
Portanto, no próximo vídeo, vamos tentar capturar os dados que enviei ao servidor e realmente lê-los
com nosso código Python.
Eu verei no próximo por.