javascript fundamental e servlet fundamentaldenan.com.br/cl/javascript2_servlets.pdf · •na...

24
JavaScript Fundamental e Servlet Fundamental Profa.Denise Neves Desenvolvimento Web I

Upload: others

Post on 08-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

JavaScript Fundamental e Servlet Fundamental

Profa.Denise Neves

Desenvolvimento Web I

Page 2: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

Page 3: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

• Tipos Heterogêneos

Page 4: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

Page 5: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

Page 6: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

• Inserindo elementos : push() e unshift()

Page 7: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

• Excluindo elementos : pop() e shift()

Page 8: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Array - JavaScript

• Buscando elementos : indexOf()

Se retornar -1 não achou nenhum elemento.

Page 9: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Strings

• substr(posição inicial, qtde de posições)

Page 10: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Exercício• Fazer referência a um arquivo externo JavaScript para fazer a

validação do campo cpf.

Arquivo externo : funcoes.jsp (acessar em denan.com.br/cl/)

Page 11: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Páginas Dinâmicas

• Hoje, boa parte do que se acessa na Web (portais, blogs, home bankings etc) é baseado em conteúdo dinâmico.

• O usuário requisita algo ao servidor que, por sua vez, processa essa requisição e devolve uma resposta nova para o usuário.

• Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas são as Servlets, que surgiram no ano de 1997.

Page 12: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet• O nome "servlet" vem da ideia de um pequeno servidor (servidorzinho, em

inglês) cujo objetivo é receber chamadas HTTP, processá-las e devolver uma resposta ao cliente.

• Uma primeira ideia da servlet seria que cada uma delas é responsável por uma página, sendo que ela lê dados da requisição do cliente e responde com outros dados (uma página HTML, uma imagem GIF etc).

• Como no Java tentamos sempre que possível trabalhar orientado a objetos, nada mais natural que uma servlet seja representada como um objeto a partir de uma classe Java.

Page 13: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

• Servlet é, portanto, um objeto Java que recebe tais requisições (request) e produz algo (response), como uma página HTML dinamicamente gerada.

Para escrevermos uma servlet, criamos uma classe Java que estenda

HttpServlet e sobrescreva um método chamado service.Esse método será o responsável por atender requisições e gerar as respostas adequadas. Sua assinatura:

protected void service (HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { ... }

Page 14: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

Repare que o método recebe dois objetos que representam, respectivamente, a requisição feita pelo

usuário e a resposta que será exibida no final.

Veremos que podemos usar esses objetos para obter informações sobre a requisição e para construir a

resposta final para o usuário.

Nosso primeiro exemplo de implementação do método

service não executa nada de lógica e apenas mostra uma mensagem estática de bem vindo para o usuário.Para isso, precisamos construir a resposta que a servlet enviará para o cliente.

É possível obter um objeto que represente a saída a ser enviada ao usuário através do método

getWriter da variável response.

Page 15: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

HTTP

• Hypertext Transfer Protocol (HTTP) é o método utilizado para enviar e receber informações na web.

O protocolo HTTP é baseado em requisições e respostas entre clientes e servidores.

O cliente — navegador ou dispositivo que fará a requisição; também é conhecido como user agent —

solicita um determinado recurso (resource).

O servidor recebe estas informações e envia uma resposta, que pode ser um recurso ou um simplesmente

um outro cabeçalho.

Page 16: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

E, a partir disso, utilizar um PrintWriter para imprimir algo na resposta do cliente:

public class OiMundo extends HttpServlet {

protected void service (HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter out = response.getWriter(); // escreve o texto

out.println("<html>");

out.println("<body>");

out.println("Primeira servlet");

out.println("</body>"); out.println("</html>");

}

}

Page 17: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

Page 18: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

Page 19: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

Page 20: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Servlet

Page 21: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas
Page 22: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas
Page 23: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas
Page 24: JavaScript Fundamental e Servlet Fundamentaldenan.com.br/cl/JavaScript2_Servlets.pdf · •Na plataforma Java, a primeira e principal tecnologia capaz de gerar páginas dinâmicas

Referência

• Material Caelum

• https://www.youtube.com/watch?v=VlmoPoNXd3U