SlideShare une entreprise Scribd logo
1  sur  21
Curso básico de DWR Christiano Milfont Frameworks Ajax Tipos de Frameworks Anatomia do Framework DWR Configuração Creators e Converters DWRUtils Aplicações com a teoria
Frameworks Ajax
[object Object],[object Object],Frameworks Ajax
Tipos de Frameworks Ajax ,[object Object],[object Object],[object Object]
Javascript Multipurpose Frameworks... Javascript Remoting Frameworks... Javascript Specialised Frameworks... Tipos de Frameworks Ajax
Anatomia do DWR O DWR habilita a interação entre o Java no servidor e o Javascript no Browser,  encapsulando a tradução dos objetos entre esses ambientes físicos diferentes. O DWR realiza a tradução dos objetos com base na especificação JSON (Javascript Object Notation). JSON é um formato leve de troca de dados baseado em um subconjunto da especificação Javascript mas independente de linguagens.
Anatomia do DWR JSON  (Javascript Object Notation) http://www.json.org/
Anatomia do DWR JSON  http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf "An ECMAScript object is an unordered collection of properties each with zero or more attributes..." Standard ECMA-262 - 3r d Edition - December 1999
Anatomia do DWR
Configuração ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Acrescenta biblioteca dwr.jar ao projeto  Configuração
Criar arquivo dwr.xml em WEB-INF e mapear as classes Configuração
Mapeamento do servlet no web.xml  Configuração
Importar o Engine e interfaces nas páginas Configuração
Faz as chamadas aos objetos mapeados e manipula o resultado Configuração
Creators e Converters <allow>  Seção no dwr.xml para a definição das classes criadas e convertidas   <create creator=&quot;...&quot; javascript=&quot;...&quot;/> Definição para as classes que necessitam de execução de seus métodos. Geralmente usado para fachadas da camada de controle. <convert converter=&quot;...&quot; match=&quot;...&quot;/> Conversor que fará a tradução das camadas físicas entre o cliente e Servidor
Creators e Converters <create creator=&quot;...&quot; javascript=&quot;...&quot; scope=&quot;...&quot; /> “ creator”: Atributo obrigatório que representa o tipo de Creator, geralmente usamos o tipo “new” que usa o operador “new” do Java. “ javascript”: Atributo que representa o nome da classe no javascript. “ scope”: Atributo opcional que representa o scope definido na especificação de servlet, os valores possíveis são: “application”, “session”, “request” e “page”
Creators e Converters <create creator=&quot;...&quot; javascript=&quot;...&quot; scope=&quot;...&quot;> <param name=&quot;...&quot; value=&quot;...&quot;/> <auth method=&quot;...&quot; role=&quot;...&quot;/> <exclude method=&quot;...&quot;/> <include method=&quot;...&quot;/> </create> “ param”: Elemento usado para definir configurações do creator usado, no tipo “new” serve para definir a classe. “ auth”: Elemento que habilita o nível de controle de acesso do JEE. “ include e exclude”: Elementos que habilitam ou desabilitam respectivamente, métodos da classe usada no creator.
Creators e Converters <convert converter=&quot;...&quot; match=&quot;...&quot;/> “ converter”: Atributo que representa o tipo de conversor, o mais comum é o Bean que segue a especificação “Java Bean”. “ match”: Atributo que representa a classe que será convertida, algumas classes da API já são convertidas por padrão e não precisam ser anotadas.
Creators e Converters
DWRUtils Conjunto de funções javascript definidas no utils.js que ajudam na manipulação dos objetos com o DWR. Existem 4 funções básicas, getValue, getValues, setValue e setValues que são as funções usadas para popular os forms a partir dos beans e vice-versa. Funcionam com todos os elementos HTML com exceção de tabelas, listas e imagens. Para a edição de tabelas e listas existem outras funções como: addRows() e removeAllRows() para tabelas e addOptions e removeAllOptions() para listas.

Contenu connexe

Tendances

Java Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e TaglibsJava Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e Taglibs
Eduardo Mendes
 
Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1
Eduardo Mendes
 
Java Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e ServletsJava Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e Servlets
Eduardo Mendes
 

Tendances (20)

Backbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectadosBackbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectados
 
Java Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e TaglibsJava Web 5 - JSP, Expression Language e Taglibs
Java Web 5 - JSP, Expression Language e Taglibs
 
KnockoutJS com ASP.NET MVC3: Utilização na vida real
KnockoutJS com ASP.NET MVC3: Utilização na vida realKnockoutJS com ASP.NET MVC3: Utilização na vida real
KnockoutJS com ASP.NET MVC3: Utilização na vida real
 
Realtime com node.js e socket.io
Realtime com node.js e socket.ioRealtime com node.js e socket.io
Realtime com node.js e socket.io
 
Java wsdp
Java wsdpJava wsdp
Java wsdp
 
Aula javascript
Aula  javascriptAula  javascript
Aula javascript
 
Ajax em java
Ajax em javaAjax em java
Ajax em java
 
Java web 6 JSP Expression Language Taglib parte 2
Java web 6 JSP Expression Language Taglib parte 2Java web 6 JSP Expression Language Taglib parte 2
Java web 6 JSP Expression Language Taglib parte 2
 
JavaScript Hacks
JavaScript HacksJavaScript Hacks
JavaScript Hacks
 
Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1Java Web 3 - Servlets e JSP 1
Java Web 3 - Servlets e JSP 1
 
Model View Controller
Model View ControllerModel View Controller
Model View Controller
 
Fisl 11 - Ecossistema Ruby on Rails
Fisl 11 - Ecossistema Ruby on RailsFisl 11 - Ecossistema Ruby on Rails
Fisl 11 - Ecossistema Ruby on Rails
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
 
tmn - Introdução ao JavaScript
tmn - Introdução ao JavaScripttmn - Introdução ao JavaScript
tmn - Introdução ao JavaScript
 
Precisamos falar sobre MERN stack
Precisamos falar sobre MERN stackPrecisamos falar sobre MERN stack
Precisamos falar sobre MERN stack
 
jQuery básico (parte 2)
jQuery básico (parte 2)jQuery básico (parte 2)
jQuery básico (parte 2)
 
Novidades do Django 1.2
Novidades do Django 1.2Novidades do Django 1.2
Novidades do Django 1.2
 
jQuery Simplificando o JavaScript
jQuery Simplificando o JavaScriptjQuery Simplificando o JavaScript
jQuery Simplificando o JavaScript
 
Java Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e ServletsJava Web - MVC básico com JSP e Servlets
Java Web - MVC básico com JSP e Servlets
 
Apresentação sobre MVVMC
Apresentação sobre MVVMCApresentação sobre MVVMC
Apresentação sobre MVVMC
 

Similaire à Tw Dwr 2007 Ap01

WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )
WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )
WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )
João Moura
 
Consumindo dados via web service no android
Consumindo dados via web service no androidConsumindo dados via web service no android
Consumindo dados via web service no android
Alexandre Antunes
 

Similaire à Tw Dwr 2007 Ap01 (20)

Tw Course Ajax 2007 Ap02
Tw Course Ajax 2007 Ap02Tw Course Ajax 2007 Ap02
Tw Course Ajax 2007 Ap02
 
Ajaxificando
AjaxificandoAjaxificando
Ajaxificando
 
Frameworks Ajax
Frameworks AjaxFrameworks Ajax
Frameworks Ajax
 
Palestra Sobre REST
Palestra Sobre RESTPalestra Sobre REST
Palestra Sobre REST
 
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
Introdução ao ASP.NET 3.5 - Campus Party Brasil 2009
 
JavaServer Faces
JavaServer FacesJavaServer Faces
JavaServer Faces
 
Wicket 2008
Wicket 2008Wicket 2008
Wicket 2008
 
jQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmicajQuery e ASP.Net MVC a dupla dinâmica
jQuery e ASP.Net MVC a dupla dinâmica
 
WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )
WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )
WebSocket com Node.js ( socketstream && coffeescript ) X RoR ( Juggernaut )
 
Zk Framework
Zk FrameworkZk Framework
Zk Framework
 
Contextos
ContextosContextos
Contextos
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serio
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuery
 
ASP.NET AJAX
ASP.NET AJAXASP.NET AJAX
ASP.NET AJAX
 
Implementando MVC com AJAX
Implementando MVC com AJAXImplementando MVC com AJAX
Implementando MVC com AJAX
 
Consumindo dados via web service no android
Consumindo dados via web service no androidConsumindo dados via web service no android
Consumindo dados via web service no android
 
Tutorial Dwr - Configuração e Uso
Tutorial Dwr - Configuração e UsoTutorial Dwr - Configuração e Uso
Tutorial Dwr - Configuração e Uso
 
Ajax
AjaxAjax
Ajax
 
Java script1
Java script1Java script1
Java script1
 

Plus de Milfont Consulting

Combinando OO e Funcional em javascript de forma prática
Combinando OO e Funcional em javascript de forma práticaCombinando OO e Funcional em javascript de forma prática
Combinando OO e Funcional em javascript de forma prática
Milfont Consulting
 
Engine de template em Javascript com HTML Sprites
Engine de template em Javascript com HTML SpritesEngine de template em Javascript com HTML Sprites
Engine de template em Javascript com HTML Sprites
Milfont Consulting
 
Apresentando Extreme Programming
Apresentando Extreme ProgrammingApresentando Extreme Programming
Apresentando Extreme Programming
Milfont Consulting
 

Plus de Milfont Consulting (20)

Continuous integration e continuous delivery para salvar o seu projeto!
Continuous integration e continuous delivery para salvar o seu projeto!Continuous integration e continuous delivery para salvar o seu projeto!
Continuous integration e continuous delivery para salvar o seu projeto!
 
Equipes sem Líderes formais e realmente autogeridas
Equipes sem Líderes formais e realmente autogeridasEquipes sem Líderes formais e realmente autogeridas
Equipes sem Líderes formais e realmente autogeridas
 
Mvc sem Controller
Mvc sem ControllerMvc sem Controller
Mvc sem Controller
 
Beagajs
BeagajsBeagajs
Beagajs
 
Combinando OO e Funcional em javascript de forma prática
Combinando OO e Funcional em javascript de forma práticaCombinando OO e Funcional em javascript de forma prática
Combinando OO e Funcional em javascript de forma prática
 
Engine de template em Javascript com HTML Sprites
Engine de template em Javascript com HTML SpritesEngine de template em Javascript com HTML Sprites
Engine de template em Javascript com HTML Sprites
 
MVC Model 3
MVC Model 3MVC Model 3
MVC Model 3
 
Dar caos à ordem
Dar caos à ordemDar caos à ordem
Dar caos à ordem
 
I TDD my jQuery code without Browser
I TDD my jQuery code without BrowserI TDD my jQuery code without Browser
I TDD my jQuery code without Browser
 
Oxente BDD
Oxente BDDOxente BDD
Oxente BDD
 
Construindo WebApps ricas com Rails e Sencha
Construindo WebApps ricas com Rails e SenchaConstruindo WebApps ricas com Rails e Sencha
Construindo WebApps ricas com Rails e Sencha
 
Dar Ordem ao Caos
Dar Ordem ao CaosDar Ordem ao Caos
Dar Ordem ao Caos
 
Domain driven design
Domain driven designDomain driven design
Domain driven design
 
BDD com Cucumber, Selenium e Rails
BDD com Cucumber, Selenium e RailsBDD com Cucumber, Selenium e Rails
BDD com Cucumber, Selenium e Rails
 
Mare de Agilidade - BDD e TDD
Mare de Agilidade - BDD e TDDMare de Agilidade - BDD e TDD
Mare de Agilidade - BDD e TDD
 
Apresentando Extreme Programming
Apresentando Extreme ProgrammingApresentando Extreme Programming
Apresentando Extreme Programming
 
Test Driven Development
Test Driven DevelopmentTest Driven Development
Test Driven Development
 
Behaviour Driven Development
Behaviour Driven DevelopmentBehaviour Driven Development
Behaviour Driven Development
 
Primeiro Dia Livre Opensocial
Primeiro Dia Livre OpensocialPrimeiro Dia Livre Opensocial
Primeiro Dia Livre Opensocial
 
Course Hibernate 2008
Course Hibernate 2008Course Hibernate 2008
Course Hibernate 2008
 

Dernier

Dernier (8)

Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 

Tw Dwr 2007 Ap01

  • 1. Curso básico de DWR Christiano Milfont Frameworks Ajax Tipos de Frameworks Anatomia do Framework DWR Configuração Creators e Converters DWRUtils Aplicações com a teoria
  • 3.
  • 4.
  • 5. Javascript Multipurpose Frameworks... Javascript Remoting Frameworks... Javascript Specialised Frameworks... Tipos de Frameworks Ajax
  • 6. Anatomia do DWR O DWR habilita a interação entre o Java no servidor e o Javascript no Browser, encapsulando a tradução dos objetos entre esses ambientes físicos diferentes. O DWR realiza a tradução dos objetos com base na especificação JSON (Javascript Object Notation). JSON é um formato leve de troca de dados baseado em um subconjunto da especificação Javascript mas independente de linguagens.
  • 7. Anatomia do DWR JSON (Javascript Object Notation) http://www.json.org/
  • 8. Anatomia do DWR JSON http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf &quot;An ECMAScript object is an unordered collection of properties each with zero or more attributes...&quot; Standard ECMA-262 - 3r d Edition - December 1999
  • 10.
  • 11. Acrescenta biblioteca dwr.jar ao projeto Configuração
  • 12. Criar arquivo dwr.xml em WEB-INF e mapear as classes Configuração
  • 13. Mapeamento do servlet no web.xml Configuração
  • 14. Importar o Engine e interfaces nas páginas Configuração
  • 15. Faz as chamadas aos objetos mapeados e manipula o resultado Configuração
  • 16. Creators e Converters <allow> Seção no dwr.xml para a definição das classes criadas e convertidas <create creator=&quot;...&quot; javascript=&quot;...&quot;/> Definição para as classes que necessitam de execução de seus métodos. Geralmente usado para fachadas da camada de controle. <convert converter=&quot;...&quot; match=&quot;...&quot;/> Conversor que fará a tradução das camadas físicas entre o cliente e Servidor
  • 17. Creators e Converters <create creator=&quot;...&quot; javascript=&quot;...&quot; scope=&quot;...&quot; /> “ creator”: Atributo obrigatório que representa o tipo de Creator, geralmente usamos o tipo “new” que usa o operador “new” do Java. “ javascript”: Atributo que representa o nome da classe no javascript. “ scope”: Atributo opcional que representa o scope definido na especificação de servlet, os valores possíveis são: “application”, “session”, “request” e “page”
  • 18. Creators e Converters <create creator=&quot;...&quot; javascript=&quot;...&quot; scope=&quot;...&quot;> <param name=&quot;...&quot; value=&quot;...&quot;/> <auth method=&quot;...&quot; role=&quot;...&quot;/> <exclude method=&quot;...&quot;/> <include method=&quot;...&quot;/> </create> “ param”: Elemento usado para definir configurações do creator usado, no tipo “new” serve para definir a classe. “ auth”: Elemento que habilita o nível de controle de acesso do JEE. “ include e exclude”: Elementos que habilitam ou desabilitam respectivamente, métodos da classe usada no creator.
  • 19. Creators e Converters <convert converter=&quot;...&quot; match=&quot;...&quot;/> “ converter”: Atributo que representa o tipo de conversor, o mais comum é o Bean que segue a especificação “Java Bean”. “ match”: Atributo que representa a classe que será convertida, algumas classes da API já são convertidas por padrão e não precisam ser anotadas.
  • 21. DWRUtils Conjunto de funções javascript definidas no utils.js que ajudam na manipulação dos objetos com o DWR. Existem 4 funções básicas, getValue, getValues, setValue e setValues que são as funções usadas para popular os forms a partir dos beans e vice-versa. Funcionam com todos os elementos HTML com exceção de tabelas, listas e imagens. Para a edição de tabelas e listas existem outras funções como: addRows() e removeAllRows() para tabelas e addOptions e removeAllOptions() para listas.