Exercícios Resolvidos Programação Web - Métodos de Envio de Dados em Formulários PHP

Formulários Web Introdução Página 1 Programação Web Programação Web Exercício Envio de dados de Formulário Carlos Majer httpwwwcarlosmajercombr Formulários Web Introdução Página 2 Programação Web EXERCÍCIO 5 MÉTODOS DE ENVIO DE DADOS E RECEBIMENTO PHP ORIENTAÇÕES Esta atividade avalia a capacidade doa alunoa em compreender e explicar o funcionamento do envio de dados de um formulário bem como o recebimento no PHP O topo da 1ª página deverá ter as informações conforme exemplo a seguir Aqui você deve escrever as respostas solicitadas à mão EM LETRA DE FORMA A entrega deve ser feita de forma escrita a lápis ou caneta Não serão aceitas xerox Tentativas de fraude imprimir usando letra cursiva da impressora zeram a nota do exercício RGM 187817171 NOME Ana Carolina DIA HORA DE AULA 2ª MATUTINO CURSO SÉRIE ADS 2ª 5º EXERCÍCIO DISCIPLINA PROGRAMAÇÃO WEB PROF CARLOS MAJER 5 Coloque o número da página começando em 1 num círculo grande na parte superior da página Todas as páginas devem ser numeradas assim PERGUNTA 1 O Método GET de envio de dados tem as seguintes características Coloque seus dados aqui na 1ª folha RGM 187817171 Ana Carolina 2 CREATE DATABASE exercicio1 USE exercicio1 CREATE TABLE tabela1 nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo2 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo3 tipoCampotamanho A partir da 2ª folha coloque no topo apenas seu RGM e nome completo Próxima página Forma de entrega Formulários Web Introdução Página 3 Programação Web Você deverá ler todas as páginas desta apresentação inserir as resposta deste exercício e enviar via BLACKBOARD na seção EXERCICIOS Você poderá enviar um PDF contendo todas as imagens ou imagem por imagem o que for mais fácil não se esquecendo que cada página tem que estar numerada de forma sequencial como orientado na página anterior FALHA EM SEGUIR AS ORIENTAÇÕES PASSADAS GERARÁ PERDA DE NOTA ATENTESE AO PAZO DE ENVIO FORMA DE ENTREGA VOCÊ DEVERÁ ESCREVER E ENVIAR AS RESPOSTAS À MÃO PARA O QUE FOR SOLICITADO NESTE EXERCÍCIO Formulários Web Introdução Página 4 Programação Web Responda as perguntas abaixo usando as informações contidas nos slides disponibilizados a seguir Nas respostas não há necessidade de se escrever o enunciado de cada pergunta Apenas escreva PERGUNTA X TÍTULO e abaixo escreva sua resposta PERGUNTA 1 MÉTODO GET Como funciona o método de envio de dados GET Escreva sua resposta trazendo um exemplo PERGUNTA 2 MÉTODO POST Quais são as diferenças entre o método GET e POST Qual é o melhor PERGUNTA 3 ENVIO DE ARQUIVOS Onde Eu informo o destino para recebimento de dados de um formulário Traga exemplo de código PERGUNTA 4 ENVIO DE ARQUIVOS O que devo me preocupar para garantir que os dados e arquivos sejam corretamente enviados para o destino PERGUNTA 5 ENVIO DE ARQUIVOS O que devo me preocupar para enviar arquivos do formulário PERGUNTA 6 RECEBIMENTO DE DADOS Onde chegam os dados e arquivos que foram coletados no formulário PHPServidor Dê alguns exemplos PERGUNTA 7 RECEBIMENTO DE ARQUIVOS O que devo me preocupar para enviar e receber arquivos do formulário e no PHPServidor O QUE DEVE SER FEITO Formulários Web Introdução Página 5 Programação Web HTML Exercício de envio de dados de Formulário WAMP SERVER 1 Servidor Web Apache Linguagem PHP integrada 2 Servidor de Banco de Dados MYSQL 1 2 3 OUTROS SERVIDORES SOFTWARES COMUNS 3 Servidor de arquivos 4 Outros servidores Web Microsoft IIS Internet Information Services 5 Servidor de Aplicações equivale a servidor web WebSphere J2EE NET etc 6 Servidor de email 4 5 6 SOFTWARES USUALMENTE ENCONTRADOS NUM SERVIDOR Formulários Web Introdução Página 6 Programação Web HTML Tráfego de dados entre o formulário e o servidor Web Apache MEMÓRIA DO COMPUTADOR MYSQL Localhost Wamp Server PHP Apache Navegador aberto exemplo Chrome Dados e solicitações Computador doa estudante Formulários Web Introdução Página 7 Programação Web HTML Exercício de envio de dados de Formulário Imagine o formulário a seguir O código HTML que cria o formulário acima está no próximo slide Formulários Web Introdução Página 8 Programação Web html Arquivo novoTimehtml head titleCadastro de Time de Futeboltitle head body h2Cadastro de Timesh2 form actionincluirTimephp methodpost enctypemultipartformdata Nome do time input typetext namenome idnome maxlength25 size25 br Técnico input typetext nametecnico idtecnico maxlength80 size80 listlistaTecnicos br datalist idlistaTecnicos option valueFábio Carille option valueFernando Diniz option valueJorge Jesus option valueJorge Sampaoli option valueMano Menezes datalist Pontuação input typenumber namepontos idpontos min0 max114 br input typecheckbox nameG4 idG4 value1 Time está no G4 br Ícone Brasão do time input typefile nameicone hr input typesubmit valueCadastrar input typereset valueLimpar Campos form body html Para testar o funcionamento deste formulário crie a pasta campeonato na pasta de projetos do Wamp cwampwww e grave este arquivo nesta pasta com o nome novoTimehtml Formulários Web Introdução Página 9 Programação Web IMPORTANTE Diferenças entre os métodos de envio de dados get e post Formulários Web Introdução Página 10 Programação Web HTML Envio de dados via método GET Ao se clicar no botão de envio de formulário os dados são enviados por meio da barra de endereços também conhecida como URL form actionincluirTimephp methodget httplocalhostcampeonatoincluirTimephptimePalmeirastecnicoManoMenezespontos47G41 Característica do Método GET Exibe as informações na barra de endereços do navegador Formulários Web Introdução Página 11 Programação Web PHP Envio de dados via método GET Características do Método GET Qual é o número máximo de caracteres que cabem nesta barra Depende do navegador e da versão porém o ideal é evitar enviar mais do que 2000 caracteres na barra de endereços O ideal é usar o método POST que lida com grande número de caracteres na faixa de vários MegaBytes Isto pode ser configurado no Servidor Web conhecimento avançado httplocalhostcampeonatoincluirTimephptimePalmeirastecnicoAbelFerreirapontos68G41 IMPORTANTE O limite de dados bytes que podem ser enviados por um formulário usando o método GET é limitado pelo número de caracteres que cabe na barra de endereços Formulários Web Introdução Página 12 Programação Web PHP Envio de dados via método GET Características do Método GET O método GET não consegue enviar caracteres especiais que foram criados para usos específicos mas não podem ser exibidos num monitor Eles são usados internamente em conteúdos de arquivos feitos por vários softwares Word Excel Programas Banco de Dados etc Alguns deles são Código ASCII Nome Significado Uso 0 NULL Caractere Nulo Usualmente marca o fim de uma String 7 BELL Emite um bipe ou som de campainha no computador 8 BS Backspace Elimina caractere à esquerda 9 TAB Caractere de tabulação 10 LF Line Feed Pulo de linha 13 CR Carriage Return Retorno de Carro 27 ESC Código de Escape Muito usado para configuração especial de impressão impressoras mais antigas 255 NULL Caractere Nulo Usualmente marca o fim de uma String httplocalhostcampeonatoincluirTimephptimePalmeirastecnicoAbelFerreirapontos68G41 Formulários Web Introdução Página 13 Programação Web Características do método post Formulários Web Introdução Página 14 Programação Web PHP Envio de dados via método POST Características do Método POST Método post não exibe os dados na barra de endereços Ele encapsula os elementos de um formulário junto com os arquivos enviados fazendo um pacote de dados com múltiplas partes Por não mostrar caracteres especiais na tela ele encapsula ele consegue enviar arquivos DADOS DO FORMULÁRIO ARQUIVO 1 ARQUIVO 2 PACOTE DE DADOS IMPORTANTE Para conseguir enviar arquivos processo conhecido como upload é necessário informar a propriedade enctype na marca form httplocalhostcampeonatoincluirTimephp Formulários Web Introdução Página 15 Programação Web PHP Comparação entre métodos GET e POST Comparação entre métodos de envio de dados Método GET POST Dados Enviados e exibidos na barra de endereço Encapsulados Caracteres especiais Não consegue enviar Consegue enviar Quantidade de dados Limitado pelo nº de caracteres da barra de endereços Consegue enviar megabytes de dados Arquivos Não consegue enviar Consegue enviar Formulários Web Introdução Página 16 Programação Web palmeiraspng Cwamp mpaf67557cftmp Dados e arquivos podem ser coletados num formulário página web Dados são enviados para o destino action do form que pode ser uma página PHP ou outra linguagem web por meio do método get ou post Arquivos só podem ser enviados para o destino pelo método post 1 Deve ser informada adequadamente a propriedade enctypemultipartformdata Método get não consegue enviar arquivos pois 1 Ele exibe os dados na barra de endereços e com isso se perdem os caracteres especiais existentes dentro dos arquivo 2 A barra de endereços tem limite de centenas a poucos milhares de bytescaracteres e os arquivos tem muitos milhares ou milhõesmega de bytes No PHP os dados são armazenados numa matriz conforme o método de envio que pode ser POST ou GET Os dados dos arquivos recebidos no PHP ficam na matriz FILES Os objetos devem ter a propriedade name informada no formulário para que possam ser acessados nas matrizes GET POST ou FILES Arquivos enviados via formulário e recebidos pelo Servidor Apache Wamp Server são armazenados numa pasta temporária cwamp mp com um nome também temporário e que devem dentro da página PHP ser transferidos para a pasta onde se deseja armazenálos HTML Tráfego de dados entre o formulário e o servidor Web Apache Formulários Web Introdução Página 17 Programação Web Fim Exercício Envio de dados de Formulário Carlos Majer httpwwwcarlosmajercombr Unicid PHPMySQL Prof Carlos Majer Programação Web Programação Web Exercícios MYSQL Básico 4 Carlos Majer httpwwwcarlosmajercombr Unicid PHPMySQL Prof Carlos Majer Programação Web EXERCÍCIO 4 MYSQL ATUALIZAÇÃO DE DADOS DA TABELA ORIENTAÇÕES Esta atividade avalia a capacidade doa alunoa em alterar e excluir dados de tabelas O topo da 1ª página deverá ter as informações conforme exemplo a seguir Aqui você deve escrever os comandos solicitados à mão EM LETRA DE FORMA A entrega deve ser feita de forma escrita a lápis ou caneta Não serão aceitas xerox Tentativas de fraude imprimir usando letra cursiva da impressora zeram a nota do exercício RGM 187817171 NOME Ana Carolina DIA HORA DE AULA 2ª MATUTINO CURSO SÉRIE ADS 2ª 4º EXERCÍCIO DISCIPLINA PROGRAMAÇÃO WEB PROF CARLOS MAJER 1 Coloque o número da página começando em 1 num círculo grande na parte superior da página Todas as páginas devem ser numeradas assim USE exercicio2 DELETE FROM nomeTabela WHERE UPDATE nomeTabela SET nomeCanmpo valor WHERE Coloque seus dados aqui na 1ª folha RGM 187817171 Ana Carolina 2 CREATE DATABASE exercicio1 USE exercicio1 CREATE TABLE tabela1 nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo2 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo1 tipoCampotamanho nomeCampo3 tipoCampotamanho A partir da 2ª folha coloque no topo apenas seu RGM e nome completo Próxima página Forma de entrega Unicid PHPMySQL Prof Carlos Majer Programação Web Com base na tabela vendas do banco de dados eCommerce escreva os comandos SQL para alteraçãoatualização dos registros a seguir Número Pedido Data da Venda Nome do cliente DDD Telefone Vendedor Forma Pgto Valor Total Observações 101 14042023 Marcos Cruz 11 56701234 Ana Clara Cartão Deb 525020 Fez em 2 cheques 102 15042023 Fiat Lux SA 13 912370011 Ana Clara Cheque 98712 103 15042023 Rita Souza 21 21681010 Valdir Boleto 754297 Pediu prazo 60 dias 104 15042023 Mário Andrada 14 912345678 Regina Dinheiro 27550 105 16042023 Marcos Cruz 11 56701234 Ana Clara Cartão Cred 345020 Fez 4 parcelas EXERCÍCIO 31 ATUALIZAÇÃO DE DADOS NA TABELA Dados originais você deve ter criado eles no exercício 1 Número Pedido Data da Venda Nome do cliente DDD Telefone Vendedor Forma Pgto Valor Total Observações 101 14042023 Marcos Cruz 11 56701234 Valdir Cartão Deb 720000 Fez em 2 cheques 102 15042023 Fiat Lux SA 13 912370011 Ana Clara Boleto 98712 103 15042023 Marcos Cruz 21 21681010 Valdir Boleto 754297 Pediu prazo 60 dias 104 16042023 Mário Andrada 14 912345678 Regina Dinheiro 27550 105 16042023 Marcos Cruz 11 56701234 Ana Clara Cartão Cred 345020 Fez 4 parcelas Alterar para Unicid PHPMySQL Prof Carlos Majer Programação Web Após a execução dos comandos de eliminação de dados SQL apenas os registros cujos ids sao 157159 e 161 deverão permanecer na tabela Nº Entrega Data da Entrega Nº Pedido Código Entregador Endereço Bairro Cidade Cep UF Entregue Peso Bruto 157 17042023 72 7 Av Sta Cruz 17 Sta Cruz SPaulo 01234000 SP 0 1250 158 18042023 59 15 Av Paulista 1580 apto 12 Cerqueira Cesar SPaulo 01234000 SP 1 0250 159 18042023 63 8 Rua Martins Sá 1590 Centro Santos 01234000 SP 1 1015 160 18042023 73 15 Pça Silvia Marta 10 apto 57 Centro Guarulhos 01234000 SP 1 0700 161 19042023 74 7 Rua Mascote 205 Vila Jandira SPaulo 01234000 SP 0 10 EXERCÍCIO 32 ELIMINAÇÃO DE DADOS DA TABELA Com base na tabela entregas do banco de dados eCommerce escreva os comandos SQL para eliminação dos registros a seguir Unicid PHPMySQL Prof Carlos Majer Programação Web Fim Carlos Majer httpwwwcarlosmajercombr Exercícios MYSQL Básico 3 IMPORTANTE Consulte o prazo de entrega Nada será aceito fora de prazo Um colega poderá entregar o exercício do outro RGM 20757085 Nome Everton Tunis Monteiro DIA HORA DE AULA 4º Norte CURSO 1SÉRIE ADS 2ª 5º Exercício disciplina Programação WEB Prof Carlos Moyer Pergunta 1 MÉTODO GET O método GET é normalmente usado para solicitar recursos não confidenciais como imagens scripts e arquivos CSS Isso ocorre porque os informações enviados por meio de uma solicitação GET são anexadas na URL como parâmetros de consulta o que significa que elas podem ser facilmente acessados e visualizadas por qualquer pessoa que tenha acesso à URL Um exemplo de uso do método GET seria ao fazer uma pesquisa no google e clicar em Pesquisar o navegador envia uma solicitação GET ao servidor do Google que retorna uma página com resultados de pesquisa relevantes para a palavra chave RGM 20757085 Everton Tunis Monteiro Pergunta 2 MÉTODO POST No método GET os dados são enviados na URL como parâmetros de consulta Na prática uso significa que os dados são visíveis na barra de endereço do navegador e podem ser facilmente acessados por qualquer pessoa que tenha acesso à URL Já no método POST os dados são enviados no corpo da solicitação HTTP que é oculto do usuário e não é visível na barra de endereço do navegador É usado para solicitações que alteram o estado do servidor Quanto a questão de qual é o melhor não existe uma resposta definitiva pois cada método têm suas próprias vantagens e desvantagens O método a ser usado deve ser escolhido com base nas necessidades da aplicação e na segurança dos dados que estão sendo enviados RGM 20757085 Everton Tunis Monteiro Pergunta 3 ENVIO DE ARQUIVOS O destino para recebimento de dados de um formulário é especificado no atributo action da tag form É neste atributo que deve ser informado o endereço da página que receberá os dados enviados pelo formulário form action processarformulariophp methodpost label fornomeNomelabel input typetext idnome namenomebr label foremailEmaillabel input typeemail idemail nameemailbr input typesubmit value Enviar form RGM 20757085 Everton Tunis Monteiro 4 Pergunta 4 ENVIO DE ARQUIVOS Para garantir que os dados e arquivos sejam corretamente enviados para o destino é importante se atentar a alguns pontos 1 Verificar o tamanho permitido para envio de arquivos 2 Utilizar o método de envio adequado 3 Validar os dados do formulário 4 Enviar arquivos em formato adequado 5 Tratar possíveis erros RGM 20757085 Everton Tunis Monteiro 5 Pergunta 5 ENVIO DE ARQUIVOS Ao enviar arquivos por meio de um formulário é importante se atentar ia alguns pontos para garantir que o processo de envio ocorra sem problemas 1 Definir o atributo enctype do formulário O atributo enctype especifica o tipo de codificação usada para enviar o formulário 2 Definir o atributo method do formulário Pergunta 6 RECEBIMENTO DE DADOS Os dados e arquivos coletados em um formulário em PHP são enviados para o servidor que é responsável por processálos e armazenálos em um lugar apropriado A seguir estão alguns exemplos de locais onde esses dados e arquivos podem ser armazenados RGM 20757085 Everton Tunis Monteiro 6 1 Banco de dados é comum armazenar os dados coletados em um formulário em um banco de dados 2 Arquivos no servidor os arquivos enviados por meio de um formulário também podem ser armazenados diretamente no servidor em um diretório específico 3 API Externa Em alguns casos os dados coletados em um formulário podem ser enviados para uma API externa que os processará e armazenará em um local apropriado Em geral o destino dos dados e arquivos coletados em um formulário dependerá do tipo de aplicação e da finalidade dos dados É importante definir um local apropriado para armazenar esses dados e garantir que eles sejam processados e armazenados com segurança RGM 20757085 Everton Tunis Monteiro 7 Pergunta 7 RECEBIMENTO DE ARQUIVOS Ao enviar e receber arquivos em um formulário e em um servidor PHP é importante se preocupar com alguns pontos para garantir que o processo seja feito com segurança e eficiência A seguir listemos alguns das principais preocupações que deveriam ser levadas em consideração 1 Verificar a integridade dos arquivos 2 Validar o tipo e tamanho dos arquivos 3 Proteger contra ataques de injeção de código 4 Garantir que apenas usuários autorizados tenham acesso aos arquivos enviados ou recebidos 5 Os arquivos enviados ou recebidos devem ser armazenados em um local seguro que não possa ser acessado por usuários não autorizados