Wicket 2008

Apache Wicket
Produtividade na Web

Palestrante
Consultor pela Summa-Tech
Desenvolvedor open source
Ganhador do prêmio Glassfish Awards 2008
Já trabalhou como arquiteto, consultor,
programador em projetos de
telecomunicação, financeiro e bancário,
automação, internet e comércio
eletrônico.
Palestrante em diversos eventos no Brasil e
internacionais desde 2001

Agenda

Motivação para mudar
O que é o Apache Wicket?
Conceitos e componentes
Ajax
Um pouco de diversão

Problemas
XML demais
Poluição de taglibs
Javascripts não
compatíveis
Não componentizado
Complexo
Limitações

Wicket

http://wicket.apache.org

Wicket

Framework Web
Orientado a Componentes
Open Source
Puro Java e XHTML
Simples

XHTML e Java
<span wicket:id=”msg”>mensagem</span>
XHTML

new Label(“msg”, “Mensagem da web”);

JAVA

<span>Mensagem da web</span>
Renderizado no cliente

Você irá encontrar ...

Puro XHTML

<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;>

<html xmlns=quot;http://www.w3c.org/1999/xhtmlquot;
xmlns:wicket=quot;http://wicket.apache.orgquot; >


Programação com POJOs


Reusabilidade

● Componentes
● Gerenciamento do ciclo de vida
● Fragmentos


Escalabilidade

● Suporte a replicação de sessão
● Baixo estado da sessão


Testabilidade

@Test public void navigateToSecondPage() {
WicketTester tester = new WicketTester();
tester.startPage(new FirstPage());
tester.clickLink(quot;linkquot;);
tester.assertRenderedPage(SecondPage.class);
}


Extensibilidade

● API do framework
● Comportamento
● Apresentação


Configuração em Java

● Suporte em qualquer IDE
● Simplicidade
● Completamento de código


Debug facilitado
● Ajax Debug Window
● Apenas código Java (sem jsp, velocity,etc.)


Internacionalização


Herança de páginas HTML


Controle do botão de voltar

● Estado da sessão
● Formulários POST


Persistência de estado

● Transparente
● Suporte a POJO
●


Cache


Componentes prontos

● Ajax, Paginação, Templates, Abas
● Validação, Árvores, Tabelas, Calendário
● Bookmarks, Bordas, Fragmentos


Validações

● Lado servidor e Ajax
● Perda de foco


Paginação

● No cliente e no servidor
● Template de paginação

E mais
Core (principal módulo)
extensions (extensões Ajax etc)
IoC (spring / guice)
date/time
velocity (templating)
auth-roles (autenticaçao e permissão)
stuff (contribuições da comunidade)

Maven
$ mvn archetype:generate
...
37: internal -> wicket-archetype-quickstart
(A simple Apache Wicket project)
...
Choose a number: 37

Conceitos
Aplicação
Sessão
RequestCycle
Componentes
Models
Behaviors

Aplicação

Configuração
Ponto de entrada (home page)
Binding

Aplicação
Definida no web.xml
<filter>
<filter-name>wicket.demo</filter-name>
<filter-class>
org.apache.wicket.protocol.http.WicketFilter
</filter-class>
<init-param>
<param-name>applicationClassName</param-name>
<param-value>
teste.WicketApplication
</param-value>
</init-param>
</filter>

<filter-mapping>
<filter-name>wicket.demo</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

Direto ao ponto
<html>
<head>
<title>Wicket</title>
</head>
<body>

<span wicket:id=quot;msgquot;>Mensagem</span>

</body>
</html>

Direto ao ponto
public class HomePage extends WebPage {
public HomePage() {
add(new Label(quot;msgquot;, quot;Texto Renderizado!quot;));
}
}

public class WicketApplication extends WebApplication {
public Class<HomePage> getHomePage() {
return HomePage.class;
}
}

XHTML e Java
<span wicket:id=”msg”>mensagem</span>

new Label(“msg”, “Texto Renderizado!”);

<span>Texto Renderizado!</span>

Renderizado no cliente

Sessão

Abstrai a HttpSession

Armazena informações específicas

Sessão
public class LojaSession extends WebSession {
private Sacola sacola;
public Sacola getSacola() {...}
public void setSacola(Sacola s) {...}
}

Sacola sacola = sessao.getSacola();
sacola.add(produto, quantidade);

RequestCycle
Encapsula uma requisição
Libera os recursos no final
Útil para aplicar o pattern
OpenSessionInViewFilter

Tipos
Stateless
Statefull

RequestCycle
1. Cria o objeto de requisição
2. Decodifica a requisição
3. Identifica o alvo (componente, página ...)

4. Processa o evento (onClick, onSubmit ...)

5. Responde (página, componente, arquivo ...)

6. Limpa tudo

Componentes
Encapsulam a manipulação do HTML

Respondem a eventos
onClick, onSubmit

Sabem onde e como se renderizarem

Gerenciamento completo do ciclo de vida

Componentes
Componentes de composição
Painéis
Bordas
Fragmentos

Herança
Especialize componentes

Reutilize

Componentes
Super classe:
org.apache.wicket.Component
Label ListView
TextField PageableListView
RequiredTextField Loop
MultiLineLabel PagingNavigator
PasswordTextField ImageMap
Image Button
Link Form
Tree Ajax...
BookmarkablePageLink DatePicker

Componentes
Tudo é componente
wicket:id
Tags associadas
Podem ser aninhados
Respeitando a hierarquia
Tags comuns
<a href>, <input type>, <form>, <div>,
<span>, etc

Componentes
Arquivos HTML
Juntos à classe correspondente

teste.wicket.Pagina
src/teste/wicket/Pagina.html
src/teste/wicket/Pagina.java

Behaviours

Plugins para componentes

Modificam o HTML

Behaviours

Modifica atributos da marcação dos
componentes
onClick, onBlur, alt,

Plugins para componentes
on

Modificam o HTML

Behaviours
Modifica atributos do HTML dos
componentes
alt, style, class, font ...

Adiciona eventos javascript
onClick, onBlur, onKeyPressed ...

Adiciona tratamento Ajax

cpnt.setOutputMarkupId(true);
cpnt.add(
new AjaxSelfUpdateBehaviour(Duration.seconds(5)));

Models

Binding entre dados e componentes

Models
HTML
<input type=”text” wicket:id=”txId” />
Java
new TextField(“txId”,
new PropertyModel(usuario, “nome”));

TextField(“txId”, model)

<<Usuario>>
PropertyModel
+nome : String
+cidade : String

Models

Model simples
new Label(“id”, “valor qualquer”);
Por propriedade
new Label(“id”, new PropertyModel(usuario, “nome”));

Models

Pelo wicked:id dos componentes
form = new Form(“cadastro”);
form.setModel(new CompoundPropertyModel(usuario));
form.add(new RequiredTextField(“nome”));

Mais poder – nested properties
form.add(new TextField(“endereco.rua”));

Confirmação
public abstract class ConfirmLink extends Link {
public ConfirmLink(String id, String message) {
super(id);

add(new AbstractBehaviour() {
public void onComponentTag(
Component c, ComponentTag tag) {
tag.put(“onClick”, quot;return
confirm('quot;+message+quot;');quot;);
}
});
}
}

Confirmação
public abstract class DeleteLink extends ConfirmLink {
public DeleteLink(String id) {
super(id, quot;Excluir registro?quot;);
}
}

HTML
<a href=”#” wicket:id=”del”>Apagar</a>

Java
add(new DeleteLink(“del”) {
public void onClick() {
E dataObj = (E) modelObject.getObject();
getService().delete(dataObj);
}
});

Confirmação

<a href=”/demo/?wicket_url”
onClick=”return confirm('Excluir registro?');”>
Apagar
</a>

AJAX

Como funciona no Wicket?

Ajax

Programador Java, gosta de
debugar/programar em
JavaScript ?

Ajax

Use java para programar
JavaScript !

Ajax
Suporte nativo
Troca de mensagem entre navegador/servidor
Pintura parcial de elementos da tela
Inclusão dinâmica de JS/CSS enviado pelo servidor
Console para debug (desenvolvimento)
Suporte genérico a outras bibliotecas JS

Componentes prontos para usar

Ajax
Componentes Prontos
Link, Barra de Progresso, Upload,
Dialog Modal
Abas,
Element Polling – Fazer um elemento, se auto
atualizar pelo servidor
Submit (formulários)
Checkbox (onchange)
Paginação de dados em tabela (com ou sem lazy
loading)

Ajax
Componentes Prontos
EditableLabel – editar porções de texto (textarea,
checkbox)

AutoComplete TextField
LazyLoad Panel – quando existem painéis com
muitas informações
AjaxButton com indicador

Facilidade em adicionar validações Ajax, em
formulário convencional.

Ajax
Com uma linha de código, adicione validação Ajax,
para o formulário inteiro

AjaxFormValidatingBehavior.
addToAllFormComponents(form, quot;onkeyupquot;,
Duration.ONE_SECOND);

Ajax
Label counterLabel = new Label(quot;counterquot;);
add(counterLabel);
counterLabel.setOutputMarkupId(true);
add(new AjaxLink(quot;counterLabelLinkquot;) {
public void onClick(AjaxRequestTarget target){
counter++;
target.addComponent(counterLabel);
}
}

Ajax
Considerações ao comparar com outros frameworks
Diferença na concepção do framework
Action x Componentes
Wicket: self contained
Inovação x Continuísmo
Tooling – suporte a IDE
Wicket: Java + XHTML
Outros: Vários XMLs, taglibs/freemarker/velocity,

Concluindo ... (finalmente)

Fácil construção e customização de
componentes
Desenvolvimento rápido
Baixa curva de aprendizado
Só Java e HTML! :-)

Atualizado freqüentemente
Popular
Forte comunidade

Muito Obrigado !

claudio@claudius.com.br
http://www.claudius.com.br

http://wicket.apache.org

Wicket 2008

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (12)

Ähnlich wie Wicket 2008

Ähnlich wie Wicket 2008 (20)

Wicket 2008