Blog do Urubatan
msgbartop
Desenvolvedor, Arquiteto, Palestrante, Coordenador do RSJUG, Patinador e Blogger
msgbarbottom

21 Mar 07 Eclipse 3.3M5 + WebTools 2.0 = Drag`n`Drop para páginas WEB no Eclipse (WYSIWYG)

É, como eu comentei no outro post, eu estou brincando um pouquinho com o Eclipse 3.3M5, e acabei de testar um esquema nele que esta ficando bem legal …

O webtools 2.0, vem com um editor visual (que até quebra um galho) para páginas WEB, com suporte para JSPs e JSF (pelo menos foi o que eu testei até agora …

O editor é bem parecido com o que vem no Exadel, tem drag`n`drop de componentes de todas as taglibs disponiveis no classpath do projeto (não sei se ele mostra qualquer uma de forma visual, mas as de JSF que eu testei apareciam de forma visual, até mesmo a dataTable do RI-Sandbox que estou usando (ela gera um elemento caption quando se adiciona a facet caption) …

As propriedades da tag podem ser editadas via código ou via a view de properties padrão do eclipse.

Deem uma olhadinha na cara do brinquedo novo :D
eclipse33m5webtools2.JPG

É só clicar na imagem para amplia-la …

PS.: eu sei que o visual pack do netbeans ja faz isto, mas com o visalpack eu tenho que usar a estrutura de código dele, com este eu uso da forma como eu quiser …

O editor ainda não esta perfeito, mas esta prometendo :D
Pelo menos a aba de preview ja esta bem legal :D
Alguem mais por ai ja esta testando o eclipse 3.3 com webtools 2.0?

Se você gostou deste post, lembre-se de assinar o RSS feed do blog, para ser notificado de novos posts!

Tags: , ,

Reader's Comments

  1. |

    Será que funciona o editor visual com componentes jsf de vendors, como o MyFaces? Se funcionar fica ótimo.

    Reply to this comment
  2. |

    O Visual Web Pack propem uma estrutura bem completa… faz a parte de linkagem dos beans , atualizacao de xml’s… etc… nao eh apenas um “editor visual para web”…

    Ele imita bem o VS.NET… faz bind de todos componentes na pagina… tem um editor de fluxo visual…

    Digamos que ajuda bastante…

    Mas que bom que o pessoal do WTP está acordando para a vida… espero que ele fique um pouco mais integrado… quando usava ele… percebia que parecia que era um plugin… com duzias de plugins dentro… nenhum sabendo da existencia do outro hehehe…

    Reply to this comment
  3. |

    Thiago, não testei com o myfaces, mas apareceram listadas todas as taglibs que existiam no classpath do projeto, e ele renderizou componentes de outras bibliotecas JSF alem dos default, ou seja, é bem possivel que funcione sim :D
    Dyego,
    O WTP tem editor visual de fluxo também, ja a algum tempo …
    mas realmente, o binding dos componentes ainda não existe …
    mas eu até prefiro desta forma, pois assim eu consigo definir os meus beans sem utilizar XML, eu trabalho com uma arquitetura parecida com o seguinte:
    Spring-Annotation JPA JSF, os beans e o fluxo de navegação são definidos automáticamente pelo spring-annotation, eu sõ mapeio no faces-config.xml as excessões, como por exemplo a página de login :D
    mas concordo, que são duas ferramentas completamente diferentes :D

    Reply to this comment
  4. |

    Urubatan…

    Aproveitando esse seu post… apesar de saber que nao tem NADA A VER hehehe… mas como vc tem bastante experiencia em JSF, me diga uma coisa..

    Voce já precisou recuperar configuracoes do faces-config.xml em tempo de execucao? Estou precisando obter a lista de todos os managed beans registrados em faces-config.xml e suas respectivas classes… vc sabe alguma forma de fazer isso sem ter q fazer parse na mao do faces-config.xml ?Será que a API do JSF nao dah acesso a isso ?

    Reply to this comment
  5. |

    O MyEclipse pra variar já tem isso a um bom tempo

    Reply to this comment
  6. |

    bahh, tudo bem que tem mesmo, mas eu não consegui usar aquele editor visual do MyEclipse, simplesmente pesado, bagunçava as páginas, …

    Bom, mas esta foi a minha experiência com ele, pode ser que eu tenha tido azar, ou que tenha testado uma versão muito inicial …

    Reply to this comment
  7. |

    Dyego …
    Slução padronizada para isto eu não conheço não …
    Eu vi um post no GUJ a um tempo atraz que falava como fazer isto, mas não lembro o titulo do post agora, acho que se tu der uma procurada la tu acha :D

    Reply to this comment
  8. |

    Pout’z…
    Eu tentei testar essa versão do eclipse com o Webtools… mas as paletas do JSF não funcionaram
    hehehehe

    Reply to this comment
  9. |

    aqui até que esta funcionando direitinho :D só não tem aqueles wizards para criar um datatable, mas quando eu arrasto um dataTable pra tela ele cria uma tabela com dois campos, que eu posso adicionar/remover/alterar depois :D

    Reply to this comment
  10. |

    Urubatan, bom dia, como vc colocou o web tools 2, através do update ou baixando o zip?

    O meu não monta os componentes jsf com base nas tld´s.

    se puder manda alguma dica do que vc fez.

    tks
    George

    Reply to this comment
  11. |

    Urubatan, percebi que no outro post o seu editor visual tinha apenas componentes html e jsp. O que você fez para adicionar os componentes drag-and-drop JSF CORE e JSF HTML?

    Reply to this comment
  12. |

    Tb agradecia se pudesse dizer como pos o webtools2! simplesmente nao consigo meter a correr pelo zip, e pelo update tenho dependencias que nao consigo corrigir!

    tks

    Reply to this comment
  13. |

    Agora, a forma mais fácil de fazer isto, é assim: http://www.urubatan.com.br/2007/06/06/eclipse-cada-vez-mais-user-friendly/

    Reply to this comment
  14. |

    Pois é, comigo também não aparece as paletas para edição visual…
    Peguei o WTP-ALL-IN-ONE 2.0, bem maior, inclusive, que o ECLIPSE-JEE-EUROPA.. Tou baixando esse agora, vamos ver no que dá..
    Aproveito e pergunto, qual é a diferença entres esses??
    Abraços!

    Reply to this comment
  15. |

    bahh, não sei qual é exatamente a diferença, acho que all-in-one inclui o SDK também, o eclipse-jee-europa não inclui o SDK …

    Reply to this comment
  16. |

    [...] um designer gráfico para JSF para usar no eclipse? claro que existe o padrão do eclipse, mas se não gostar dele, de uma olhada no projeto [...]

    Reply to this comment
  17. |

    Me desculpe ressuscitar o tópico, mas eu baixei o wtp all in one, instalei e parece que o eclipse está ok, mas o editor visual simplesmente não aparece. Alguém sabe como abri-lo?

    Reply to this comment

Leave a Comment